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

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

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

كود:

---


<****** language="Java******1.2">
var popUpWin=0;
function popUpWindow(URLStr, left, top, width, height)
{
  if(popUpWin)
  {
        if(!popUpWin.closed) popUpWin.close();
  }
  popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,********=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;
</******>
<****** language="Java******1.2">

// ****** 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");

</******>

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

ما شاء الله عليك

شكرا عزيزي وما قصرت فعلا حلو وجميل


تحياتي

العفو أخي الكريم وانا في الخدمة دائما ... شاكر مرورك الكريم على الموضوع ... تحياتي .

:23: ديما لك حضووور رااائع ابو راشد اخوي

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

انا في الخدمة دائما ... تحياتي .

مساااااااااااء جميل ...
،،،
(( ابو راشد ))
يعطيك العافية ..
على هالمجهودات الطيبة .. !!

الله يعافيك ... مع أجمل تحياتي .