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

אני מכין מחלקה ליצירת חלון צף, הבעיה היא כאשר אני רוצה לקבל את המיקום של העכבר, הנה קטע הקוד הרלוונטי:

קוד PHP:

 this.updatePos = function(e)
{
    if(document.all)
        e = event;
    //-------------------------
    this.windowObj.style.left  = this.startClient['x'] + e.clientX - this.findX  + 'px';
    this.windowObj.style.top   = this.startClient['y'] + e.clientY - this.findY  + 'px';
}
this.stopMove = function()
{
    this.onmousemove = null;
    this.onmouseup   = null;
}
this.initMove = function(e)
{
    if(document.all)
        e = event;
            
    this.startClient['x']          = e.clientX;
    this.startClient['y']          = e.clientY;
    obj = this;
    this.windowTopObj.onmousemove  = function () {obj.updatePos()};
    this.windowTopObj.onmouseup    = this.stopMove;
}    
// Making evant
obj = this;
this.windowTopObj.onmousedown      = function () {obj.initMove()};} 


והבעיה היא בשורה הזו:

קוד PHP:

 this.startClient['x']          = e.clientX; 


ב- Error Console של פיירפוקס כתוב:
e has no properties

אני לא מבין כל-כך באירועים.. חיפשתי על זה ב- w3schools ולא מצאתי את מה שאני מחפש..

איך זה אמור לעבוד כל הקטע הזה עם e?

בבקשה תענו מהר למה עוד מעט אני לא יוכל לגלוש בפרש (אני חושב)

למה לא תוכל לגלוש בפרש?
(אנסה תיכף או מאוחר יותר לקרוא את הקוד ולהשיב).

כמו שכתבתי פה בעבר, (כנראה לא יצא לך לקרוא) אני עובר עכשיו תקופה של אישפוזים בשביל לקבל טיפול כימותרפי, ושאני לא מרגיש טוב אני לא מצליח להתרכז אז חבל על המאמץ... זאת הסיבה שהפעילות שלי פה בפרש ירדה מאוד...

עוד מעט כנראה יהיה לי עוד אישפוז.. ואז אני לא ממש יוכל לתפקד לכמה ימים.. ועד אז האשכול הזה יהיה בדף 3...

בכל מקרה, הפיתרון של מקסים עובד, רק שעכשיו יש הרבה הרבה הודעות שגיאה (מתי זה יעבוד? :S)
זה מה שכתוב (בערך) ב- Error Console של פיירפוקס:
Error in parsing value for property 'left'. Declaration dropped.
Error in parsing value for property 'top'. Declaration dropped.
רק הרבה הרבה פעמים...
יש מושג למה זה קורה?..
הנה הקוד של המחלקה המלא:

קוד PHP:

 var i = 0;
var floatWindow = function(weight, height, windowTitle)
{
    //reset all values
    i++;
    this.weight       =  weight;
    this.height       =  height;
    this.windowId     = "window_"+i;
    this.windowTopId  = "window_top_"+i;
    this.windowTitle  =  windowTitle;
    this.startClient  =  new Array();
    //Making a design of window
    var windowContent = "<div class='window_top' id='"+this.windowTopId+"'>"+windowTitle;
        //coming soon...
            //<img src='images/top_left.gif' align='left'>
            //<img src='images/top_center.gif' class='topCenterImage'>
            //<<div class='top_buttons'>
                //<img class='minimizeButton' src='images/minimize.gif'>
                //<img class='closeButton' src='images/close.gif'>
        
                //<img src='images/top_right.gif'>
            //</div>
        windowContent += "</div>";
        windowContent += "<div class='windowMiddle'>";
            windowContent += "<div class='windowContent'>";
                //Starting window content...
                windowContent += "Testing..Testing..123";
                //End of window content...
            windowContent += "</div>";
        windowContent += "</div>";
        windowContent += "<div class='window_bottom'>";
            //<img class="resizeImage" src="images/bottom_right.gif">
        windowContent += "</div>";
    //Creating the element...
    var window        = document.createElement("div");
    window.id         = this.windowId;
    window.className  = 'window';
    window.innerHTML  = windowContent;
    document.body.appendChild(window);
    this.windowObj    = document.getElementById(this.windowId);
    this.windowTopObj = document.getElementById(this.windowTopId);
    //end of creating element...
    //other functions...
    this.findX = function()
      {
        obj = this.windowObj;
        var curleft = 0;
        if(obj.offsetParent)
            while(1) 
            {
                  curleft += obj.offsetLeft;
                      if(!obj.offsetParent)
                        break;
                  obj = obj.offsetParent;
            }
        else if(obj.x)
            curleft += obj.x;
        
        return curleft;
    }    
    this.findY = function()
      {
        obj = this.windowObj;
        var curtop = 0;
        if(obj.offsetParent)
            while(1)
            {
                  curtop += obj.offsetTop;
                  if(!obj.offsetParent)
                    break;
                  obj = obj.offsetParent;
            }
        else if(obj.y)
            curtop += obj.y;
        return curtop;
      }
    this.updatePos = function(e)
    {
        if(document.all)
            e = event;
        //-------------------------
        this.windowObj.style.left = this.startClient['x'] + e.clientX - this.findX  + 'px';
        this.windowObj.style.top  = this.startClient['y'] + e.clientY - this.findY  + 'px';
    }
    this.stopMove = function()
    {
        this.onmousemove = null;
        this.onmouseup   = null;
    }
    this.initMove = function(e)
    {
        if(document.all)
            e = event;
        
        this.startClient['x']          = e.clientX;
        this.startClient['y']          = e.clientY;
        
        obj = this;
        this.windowTopObj.onmousemove  = function () {obj.updatePos(e)};
        this.windowTopObj.onmouseup    = this.stopMove;
    }
    // Making evant
    obj = this;
    this.windowTopObj.onmousedown      = function (e) {obj.initMove(e)};
} 


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

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

עריכה:
לגבי ההודעות שגיאה שציינת, תוודא שאתה לא נותן למאפייני המיקום של css ערכים מספריים אלא ערך הכולל מספר+יחידת-המידה. לדוגמה:

קוד:

element.style.left = '10px'

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

עריכה נוספת
העפתי מבט על הקוד, חיפשתי את השורה שבה אתה מגדיר את המיקום וראיתי שאתה כן מגדיר כמו שצריך.
לכן, ראשית, תוודאי שהערכים שאתה מבצע עליהם את החישוב, יהיו ערכים מספריים (במקרה של חוסר וודאות או אם יש צורך בבדיקה, תשים שם alert).
שנית, אם עדיין יש בעיה, תקבץ את כל פעולות החישוב בתוך סוגריים כדי שמה שבתוך הסוגריים יתבצע כשלמים והחיבור למחרוזת הסופית יתבצע כמחרוזת.

לי לא יצא מעולם לקרוא על כך
אני מאחל לך החלמה מהירה וכל טוב, והמון המון אהבה

ואם זה עוזר, אליי לפחות אתה תמיד יכול לפנות במסן או באיסיקיו

עריכה:
הגבתי לפני שראיתי את העריכה, אני אשתבונן שקוד החדש ואערוך שוב או אגיב בהודעה נפרדת

אוקיי אני הרצתי את הקוד אצלי ואצלי הוא רץ בלי אף שגיאה(אם כי הוא עדיין לא עושה מה שצריך)
תוודא שלא יצרת את האובייקט שלך בhead או במקום אחר לפני הbody.

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

אפשר איכשהו להשיג מצביע ל-window, לדוגמה, דרך top ואפילו סתם this במרחב הגלובאלבאלי.

הכוונה הייתה שwindow מאבד את המצביע..ניסחתי בצורה מעט בעייתית כמו שאני רואה עכשיו.

כאשר לא עושים כלום באמת אין שגיאות, אבל אם תנסה להזיז את החלון תראה שיש הרבה ב- Error
console

עריכה
לא ראיתי את העריכה של ישראל..
בכל מקרה, פתרתי את הבעיה, היא הייתה בקריאה לפונקציה, שחכתי לשים סוגרים..

בכל מקרה.. עכשיו זה פועל איכשהו.. אבל פועל מוזר..
אני מעלה את הקובץ בשביל להראות מה קורה.. בכל מקרה, הנה המחלקה המלאה כרגע:

קוד PHP:

 var i = 0;
var floatWindow = function(weight, height, windowTitle)
{
    //reset all values
    i++;
    this.weight       =  weight;
    this.height       =  height;
    this.windowId     = "window_"+i;
    this.windowTopId  = "window_top_"+i;
    this.windowTitle  =  windowTitle;
    this.startClient  =  new Array();
    //Making a design of window
    var windowContent = "<div class='window_top' id='"+this.windowTopId+"'>"+windowTitle;
        //coming soon...
            //<img src='images/top_left.gif' align='left'>
            //<img src='images/top_center.gif' class='topCenterImage'>
            //<<div class='top_buttons'>
                //<img class='minimizeButton' src='images/minimize.gif'>
                //<img class='closeButton' src='images/close.gif'>
        
                //<img src='images/top_right.gif'>
            //</div>
        windowContent += "</div>";
        windowContent += "<div class='windowMiddle'>";
            windowContent += "<div class='windowContent'>";
                //Starting window content...
                windowContent += "Testing..Testing..123";
                //End of window content...
            windowContent += "</div>";
        windowContent += "</div>";
        windowContent += "<div class='window_bottom'>";
            //<img class="resizeImage" src="images/bottom_right.gif">
        windowContent += "</div>";
    //Creating the element...
    var newWindow        = document.createElement("div");
    newWindow.id         = this.windowId;
    newWindow.className  = 'window';
    newWindow.innerHTML  = windowContent;
    document.body.appendChild(newWindow);
    this.windowObj    = document.getElementById(this.windowId);
    this.windowTopObj = document.getElementById(this.windowTopId);
    //end of creating element...
    //other functions...
    this.findX = function()
      {
        obj = this.windowObj;
        var curleft = 0;
        if(obj.offsetParent)
            while(1) 
            {
                  curleft += obj.offsetLeft;
                      if(!obj.offsetParent)
                        break;
                  obj = obj.offsetParent;
            }
        else if(obj.x)
            curleft += obj.x;
        
        return curleft;
    }    
    this.findY = function()
      {
        obj = this.windowObj;
        var curtop = 0;
        if(obj.offsetParent)
            while(1)
            {
                  curtop += obj.offsetTop;
                  if(!obj.offsetParent)
                    break;
                  obj = obj.offsetParent;
            }
        else if(obj.y)
            curtop += obj.y;
        return curtop;
      }
    this.updatePos = function(e)
    {
        if(document.all)
            e = event;
        //-------------------------
        this.windowObj.style.left = (this.startClient['x'] + e.clientX - this.findX())  + 'px';
        this.windowObj.style.top  = (this.startClient['y'] + e.clientY - this.findY())  + 'px';
    }
    this.stopMove = function()
    {
        this.onmousemove = null;
        this.onmouseup   = null;
    }
    this.initMove = function(e)
    {
        if(document.all)
            e = event;
        
        this.startClient['x']          = e.clientX;
        this.startClient['y']          = e.clientY;
        
        obj = this;
        this.windowTopObj.onmousemove  = function (e) {obj.updatePos(e)};
        //this.windowTopObj.onmouseup    = this.stopMove;
    }
    // Making evant
    obj = this;
    this.windowTopObj.onmousedown      = function (e) {obj.initMove(e)};
} 


והנה הקובץ
https://2007-uploaded.fresh.co.il/2...3/19192460.html

נסית את מה שהצעתי לפני כן?
תעלה בבקשה את המחלקה במלואה, אריץ אותה ואבדוק בהקדם (מחר בעז"ה לא אהיה פה, תשתדל להעלות אותה בהקדם ואשתדל לבדוק מיד).

וואי רק עכשיו ידוע לי שאתה במצב הזה, שתהיה לך רפואה שלמה!

ואני חושב שהבעיה עכשיו היא שלא הכרזת על המשתנה obj כ-var (משתנה גלובאלי).

כי כשקראת לו בתוך הפונקציה בשורות 180 ו-185, הדפדפן לא הבין מי זה המשתנה הזה.

לכן, בקיצור, הקוד שלך (התמקדות על החלק הלא טוב):

קוד:

		obj = this;
		this.windowTopObj.onmousemove  = function (e) {obj.updatePos(e)};
		//this.windowTopObj.onmouseup    = this.stopMove;
	}
	// Making evant
	obj = this;
	this.windowTopObj.onmousedown      = function (e) {obj.initMove(e)};

הקוד התקין:

קוד:

		var obj = this;
		this.windowTopObj.onmousemove  = function (e) {obj.updatePos(e)};
		//this.windowTopObj.onmouseup    = this.stopMove;
	}
	// Making evant
	var obj = this;
	this.windowTopObj.onmousedown      = function (e) {obj.initMove(e)};

שים לב שרק הוספתי את המילה var לפני המשתנה obj ב-2 המקומות.
מקווה שעכשיו זה יעבוד, בהצלחה!

עריכה:

טעות, זה הקוד התקין יותר (אותו קטע הקוד הנ"ל עם שינוי קטן):

קוד:

		var obj = this;
		this.windowTopObj.onmousemove  = function (e) {obj.updatePos(e)};
		//this.windowTopObj.onmouseup    = this.stopMove;
	}
	// Making evant
	var newObj = this;
	this.windowTopObj.onmousedown      = function (e) {newObj.initMove(e)};

שים לב שרק שיניתי את שם המשתנה obj שהגדרת אותו בפעם השניה.
אסור לך לקרוא לו פעמיים במקרה הזה, כי אח"כ המשתנה obj (אם הוא גלובאלי) הוא גם משומש בפונקציה initMove של המחלקה, ובגלל שהוא מוגדר שוב ומוגדר שונה אז יכולות להיות בעיות אם מנסים להזיז בפעם השניה...

אבל בכל זאת, למרות שאין שגיאות JS, הקוד לא עובד כל כך טוב, צריך לשפר אותו.

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

אני מעלה לפה את הקוד החדש:

https://2007-uploaded.fresh.co.il/2...4/59487548.html

אני לא ממש יודע איך לשפר את הקוד כי אף פעם לא התעסקתי בפקודות שיש בקוד ברמה מספיק טובה.

מה שכן, אני כמעט בטוח שצריך לבצע פה רקורסיה (ואצלך אין..אני חושב)


אני חושב שזה אמור להיות ב- onmousemove

ושוב, אף פעם לא התעסקתי בתחום הזה כך שאני לא בטוח

יותר חשוב מהכל. סיפורך מכניס לפרופורציות.

-------------------
לא רצו להאמין


http://www.smkb.ac.il/aha/content/Projects/shoaa/teudot/Teguvot_Itonut.htm

קוד:

e = (e)?e:event

זה יחזיר לך את האירוע גם ב-IE וגם ב-FF.

mיש לך פונקציה שעוטפת את initMove, ולכן הפרמטר לא מועבר אליה כי לא הדפדפן קורא לה. אתה צריך להעביר את e באופן ידני מהפונקציה העוטפת. משהו כזה:

קוד PHP:

 this.windowTopObj.onmousedown = function (e) {obj.initMove(e)}; 


הצלחתי לשפר את הקוד !!

עכשיו זה זז מצוין! למרות שיש מקום לשיפורים!

תראה כאן:
https://2007-uploaded.fresh.co.il/2...5/55185989.html

עכשיו הבנתי מה היה צריך לעשות מההתחלה...שעות ישבתי על זה.

עריכה:

עוד משהו - אני חושב שכדאי לך להחליף את המערך:
this.startClient
ב-2 משתנים, אחד של ציר ה-X והשני של ציר ה-Y.
הכנסת ערכים למערך לוקח זמן יותר מאשר הכנסת ערך למשתנה רגיל (שאינו מערך...).

הבעיה היחידה היא אם זזים מהר מידי עם העכבר - יוצא מצב שבו העכבר "בורח" מהמיקום שלו על האלמנט (במקרה שלנו ה-DIV) ואז התזוזה נעצרת.

עכשיו הצלחתי לתקן גם את הבעיה הנ"ל, הפעם האלמנט עוקב אחרי העכבר לכל מקום.

נשארה רק בעיה אחת - לאחר שמזיזים את האלמנט פעם אחת בלבד ועוזבים את הכפתור, ואח"כ רוצים להזיז את האלמנט בפעם השניה, זה גורם לבעיות.

הבעיות נגרמות (לפי מה שהבנתי) בגלל שאחרי הפעם הראשונה שמזיזים את האלמנט, הטקסט שנמצא בתוך ה-DIV מסומן, ואז כשרוצים להזיז בפעם השניה את האלמנט, זה מתייחס לטקסט המסומן ולא לאלמנט שרוצים להזיז.

ולבסוף הדף עם התוצאות:

https://2007-uploaded.fresh.co.il/2...6/70637373.html

הפתרון שלך עובד רק ב- IE.

בכל מקרה עבדתי על המחלקה (במקרה הזה 2 מחלקות)
כמובן שמגיע קרדיט ענק לישראל שעזר לי...

בכל מקרה, הנה מה שיש כרגע, בקרוב אני יוסיף אפשרות ל- Resize וכו'..
מצורף קובץ שעלאתי:
https://2007-uploaded.fresh.co.il/2...9/35853655.html
ובקשר לבעיה שציינת, פתרתי את זה בבית, אני פשוט לא שם עכשיו, אני יעלה תיקון של המחלקה...

בכל מקרה, הנה המנגנון הזזה כרגע (אני מתכנן להוסיף Grid, שקיפות...) ובכלל, להוסיף אפשרות של לשנות את הגודל
מצורף קובץ שהעיליתי

https://2007-uploaded.fresh.co.il/2...0/23383591.html

לפני שאשכח...
צריך לקחת בחשבון שאולי לפני ה"השמה" באירוע onmousemove היה אירוע אחר שכמובן יתאפס בעת ההזזה הראשונה.
לכן, כדאי ליצור משתנה מחלקה שישמור את התכולה הראשונית של onmousemove וישחזר אותה בסיום ההזזה.

קוד:

var dragAndDrop = function(moveElement, evantElement)
{
	...
	this.onmousemove = '';

	this.stopMove = function()
	{
		d.body.onmousemove = this.onmousemove;
	}

	this.initMove = function(e)
	{
		...

		this.onmousemove = d.body.onmousemove;
		d.body.onmousemove = function (e) {obj2.updatePos(e)};
	}

	...
}