جدول تعرض فوق الصفحة مع إمكانية التحريك والإقفال
هذا كود جدول تعرض فوق الصفحة مع إمكانية التحريك والإقفال بطريقة رائعة تصلح للإعلان أو التنبيه أو الإهداءات وغيرها
كود:
<script language="JavaScript1.2">
var popUpWin=0;
function popUpWindow(URLStr, left, top, width, height)
{
if(popUpWin)
{
if(!popUpWin.closed) popUpWin.close();
}
popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menub ar=no,scrollbar=yes,resizable=no,copyhistory=yes,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+'');
}
var popUpWin=0;
</script>
<script language="JavaScript1.2">
// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this header
isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;
function ddInit(e){
topDog=isIE ? "BODY" : "HTML";
whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer");
hotDog=isIE ? event.srcElement : e.target;
while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){
hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
}
if (hotDog.id=="titleBar"){
offsetx=isIE ? event.clientX : e.clientX;
offsety=isIE ? event.clientY : e.clientY;
nowX=parseInt(whichDog.style.left);
nowY=parseInt(whichDog.style.top);
ddEnabled=true;
document.onmousemove=dd;
}
}
function dd(e){
if (!ddEnabled) return;
whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx;
whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
return false;
}
function ddN4(whatDog){
if (!isN4) return;
N4=eval(whatDog);
N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
N4.onmousedown=function(e){
N4.captureEvents(Event.MOUSEMOVE);
N4x=e.x;
N4y=e.y;
}
N4.onmousemove=function(e){
if (isHot){
N4.moveBy(e.x-N4x,e.y-N4y);
return false;
}
}
N4.onmouseup=function(){
N4.releaseEvents(Event.MOUSEMOVE);
}
}
function hideMe(){
if (isIE||isNN) whichDog.style.visibility="hidden";
else if (isN4) document.theLayer.visibility="hide";
}
function showMe(){
if (isIE||isNN) whichDog.style.visibility="visible";
else if (isN4) document.theLayer.visibility="show";
}
document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");
</script>
<!-- BEGIN FLOATING LAYER CODE //-->
<div id="theLayer" style="position:absolute;width:500px;left:100;top:200;visibility:visible">
<table border="0" width="500" bgcolor="green" cellspacing="0" cellpadding="5">
<tr>
<td width="100%">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="36">
<tr>
<td id="titleBar" style="cursor:move" width="100%">
<ilayer width="100%" onSelectStart="return false">
<layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false">
<font face="Arial" color="#FFFFFF"><center>العنوان</center></font>
</layer>
</ilayer>
</td>
<td style="cursor:hand" valign="top">
<a href="#" onClick="hideMe();return false"><font color=#ffffff size=2 face=arial style="text-decoration:none">X</font></a>
</td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">
<!-- PLACE YOUR CONTENT HERE //-->
<center>
السلام عليكم ورحمة الله وبركاته<br>
هنا يمكن وضع المحتويات
</center>
<!-- END OF CONTENT AREA //-->
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- END FLOATING LAYER CODE //-->
رعصه هنا للمعاينة والتجربة
لكم مني كالعادة أجمل تحية .
0
مشاركة: جدول تعرض فوق الصفحة مع إمكانية التحريك والإقفال
رهيب والله رهيب
حليو وانيق ويفتح النفس
لازم اشوف له شغله
سلمت يداك ابو راشد
كلك ذوق
مشاركة: جدول تعرض فوق الصفحة مع إمكانية التحريك والإقفال
فكره رائعه أبو راشد سلمت يمينك .. ويمكن يكون المحتى متحرك كذلك .. يعطيك الف عافيه :sm113:
مشاركة: جدول تعرض فوق الصفحة مع إمكانية التحريك والإقفال
شكرا لكم جميعا ... تحياتي .
مشاركة: جدول تعرض فوق الصفحة مع إمكانية التحريك والإقفال
حركة حلوة ابو راشد اخوي الف شكر ليك .......... معلم كما عهدناك دووماً
بس عندي سؤال لو كانت هذ النافذة متحركة مع السكرول ما كانت بتكون احسن ؟؟
تحيااااااااتي