النتائج 1 إلى 7 من 7

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

  1. #1
    الصورة الرمزية ابو راشد
    Title
    نبض جديــد
    تاريخ التسجيل
    02- 2005
    العمر
    54
    المشاركات
    169

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

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

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


    كود:
    <****** 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

  2. #2
    الصورة الرمزية ضيف المهاجر
    Title
    المدير العام
    تاريخ التسجيل
    05- 2002
    المشاركات
    6,428
    ما شاء الله عليك

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


    تحياتي
    <div style=text-align: center;><b><span style=font-family: Courier New><font size=4><a href=http://www.sultanqaboos.net target=_blank>موقع السلطان قابوس</a>
<a href=https://hmhaitham.om/ target=_blank><b><span style=font-family: Courier New><font size=4>موقع السلطان هيثم</font></span></b></a>
<a href=http://www.alrasby.net target=_blank>الراسبي نت</a>
</font></span></b>

</div>

  3. #3
    الصورة الرمزية ابو راشد
    Title
    نبض جديــد
    تاريخ التسجيل
    02- 2005
    العمر
    54
    المشاركات
    169
    العفو أخي الكريم وانا في الخدمة دائما ... شاكر مرورك الكريم على الموضوع ... تحياتي .

  4. #4
    الصورة الرمزية Dr.osamA
    Title
    نبض جديــد
    تاريخ التسجيل
    05- 2005
    العمر
    54
    المشاركات
    9
    ديما لك حضووور رااائع ابو راشد اخوي

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

  5. #5
    الصورة الرمزية ابو راشد
    Title
    نبض جديــد
    تاريخ التسجيل
    02- 2005
    العمر
    54
    المشاركات
    169
    انا في الخدمة دائما ... تحياتي .

  6. #6
    الصورة الرمزية عاشق السمراء
    Title
    "رجل عادي جدا"
    تاريخ التسجيل
    05- 2002
    المشاركات
    21,307
    مساااااااااااء جميل ...
    ،،،
    (( ابو راشد ))

    يعطيك العافية ..
    على هالمجهودات الطيبة .. !!

  7. #7
    الصورة الرمزية ابو راشد
    Title
    نبض جديــد
    تاريخ التسجيل
    02- 2005
    العمر
    54
    المشاركات
    169
    الله يعافيك ... مع أجمل تحياتي .

معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

RSS RSS 2.0 XML MAP HTML