جدول تعرض فوق الصفحة مع إمكانية التحريك والإقفال

هذا كود جدول تعرض فوق الصفحة مع إمكانية التحريك والإقفال بطريقة رائعة تصلح للإعلان أو التنبيه أو الإهداءات وغيرها

كود:

---


<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:

شكرا لكم جميعا ... تحياتي .

حركة حلوة ابو راشد اخوي الف شكر ليك .......... معلم كما عهدناك دووماً


بس عندي سؤال لو كانت هذ النافذة متحركة مع السكرول ما كانت بتكون احسن ؟؟


تحيااااااااتي

أعتقد أنها هكذا أفضل لعدم إزعاج الزائر بالجري خلفه ... تحياتي .

بارك الله فيك اخوي ابوراشد وربي انك ملك
هاكات وسكربتات ولا اروع وموقع اكثر من
رائع بارك الله فيك ونفع بعلمك وركبت السكربت
http://3ez.net/cc/index.php
ممكن تعطوني رايكم ولو اني ابيك بكلمة راس
اخوي ابو راشد ممكن ارسل لك رساله خاصه
هل تسمح ام لا وشكرا لك على هذا الدعم والعلم
الا محدود جعله الله في موازين اعمالك

اقتباس:

---

المشاركة الأصلية كتبت بواسطة خــالد

بارك الله فيك اخوي ابوراشد وربي انك ملك
هاكات وسكربتات ولا اروع وموقع اكثر من
رائع بارك الله فيك ونفع بعلمك وركبت السكربت
http://3ez.net/cc/index.php
ممكن تعطوني رايكم ولو اني ابيك بكلمة راس
اخوي ابو راشد ممكن ارسل لك رساله خاصه
هل تسمح ام لا وشكرا لك على هذا الدعم والعلم
الا محدود جعله الله في موازين اعمالك

---

جميع الطرق المؤدية لي مفتوحة للجميع عدا الماسنجر طبعا لأني لا أستخدمه لا ميكروسوفت ولا ياهو ... حياك في أي وقت ... تحياتي .