שלום לכולם
הייתי רוצה לדעת איך בונים אתר כדוגמת http://my.walla.co.il שבו אפשר לזיז את החלונות שמופיעים בתוך הדף,
כל סוג של מידע על המערכת הזו יתקבל בברכה.

בתודה מראש tiosano

שילוב של הרבה מאוד javascript, CSS ועבודה עם DIVים. תתחיל ללמוד על capturing mouse events.

לא חושב שראיתי מקום שפשוט נותן את הקוד, אבל אתה יכול לנבור בתוך הקוד של וואלה וללמוד מזה.

בניית אתרים | קידום אתרים | פיתוח תוכנה
Graphic Design New York

אבל בשביל שזה ישאר גם לפעם הבאה תצטרך ללמוד על עוגיות..

move.js

קוד PHP:

 <!--
var ie=document.all;
var nn6=document.getElementById&&!document.all;
var isdrag=false;
var x,y;
var dobj;

function movemouse(e)
{
  if (isdrag)
  {
    dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
    dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
    return false;
  }
}

function selectmouse(e)
{
  var fobj       = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";
  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }
  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.style.left+0);
    ty = parseInt(dobj.style.top+0);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
    document.onmousemove=movemouse;
    return false;
  }
}
document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");
--> 


בדף הרגיל תוסיף:

קוד PHP:

 <style type="text/css">
   .dragme {
    position: relative;
    }
</style> 


קוד PHP:

 <script type="text/javascript" src="move.js"></script> 


וכל אלמנט שאתר רוצה להזיז תוסיף לו:

קוד PHP:

 class="dragme" 


תודה לכם על המידע זה עזר לי הרבה