ABA


"עזרה עם Javascript עם toolTip שהכנתי"
גירסת הדפסה        
קבוצות דיון בניית אתרים נושא #13363 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 13363
akoka

דרג אמינות חבר זה
   15:26   17.12.07   
אל הפורום  
  עזרה עם Javascript עם toolTip שהכנתי  
 
   אמממ אל תשאלו איך אבל הצלחתי להכין toolTip בכוחות עצמי =]

הבעיה שלי היא שבFF הוא קצת מקרטע אחרי שאני מוחק את האובייקט בonmouseout

:(

הינה הקוד מי שמסדר יבורך


function float_div(divId,txt)
{
var background_Color;
background_Color = 'red';
var text_color;
text_color = 'black';
var borderColor;
borderColor = '1px solid black';
var dWidth;
dWidth = '150px';
var dPosition;
dPosition = 'absolute';

var createEl = document.createElement("div");

createEl.setAttribute("id","floatDiv");
document.body.appendChild(createEl);

var obj = document.getElementById("floatDiv");

obj.style.backgroundColor = background_Color;
obj.style.color = text_color;
obj.style.border = borderColor;
obj.style.width = dWidth;
obj.style.position = dPosition;

obj.style.display=(obj.style.display == 'block')?'none':'block';

obj.innerHTML = txt;
divId = document.getElementById(divId);
divId.onmousemove = function (e)
{
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY)
{
posx = e.clientX;
posy = e.clientY;
}
obj.style.left = parseInt(posx);
obj.style.top = parseInt(posy)
}
divId.onmouseout = function ()
{
obj.parentNode.removeChild(obj);
}
}


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

  האשכול     מחבר     תאריך כתיבה     מספר  
  אוקי סידרתי חלק מהקירטועים:| akoka 17.12.07 15:32 1
  אפ akoka 17.12.07 22:40 2
  כל פעם שאתה מצרף קוד תראה דוגמה בקובץ HTML, יעזור לעצלנים=] FireAngel 17.12.07 23:47 3
  טוב שיפצתי לך קצת את הקוד: Ice Cold  18.12.07 00:28 4
     וואי מלך =] אבל בכללי אני רואה שהחשיבה שלי הייתה נכונה akoka 18.12.07 09:00 5
         נכון. שים לב שאני לא יוצר את האובייקט בעת הקריאה לפונקצ Ice Cold  18.12.07 09:35 6

       
akoka

דרג אמינות חבר זה
   15:32   17.12.07   
אל הפורום  
  1. אוקי סידרתי חלק מהקירטועים:|  
בתגובה להודעה מספר 0
 
  

function float_div(divId,txt)
{
var background_Color;
background_Color = 'red';
var text_color;
text_color = 'black';
var borderColor;
borderColor = '1px solid black';
var dWidth;
dWidth = '150px';
var dPosition;
dPosition = 'absolute';

var createEl = document.createElement("div");

createEl.setAttribute("id","floatDiv");
document.body.appendChild(createEl);

var obj = document.getElementById("floatDiv");

obj.style.backgroundColor = background_Color;
obj.style.color = text_color;
obj.style.border = borderColor;
obj.style.width = dWidth;
obj.style.position = dPosition;

obj.style.display=(obj.style.display == 'block')?'none':'block';

obj.innerHTML = txt;
divId = document.getElementById(divId);
divId.onmousemove = function (e)
{
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY)
{
posx = e.clientX;
posy = e.clientY;
}
obj.style.left = parseInt(posx);
obj.style.top = parseInt(posy)
}
divId.onmouseout = function ()
{
obj.style.display=(obj.style.display == 'block')?'none':'block';
}
}

אבל זה עדיין מקרטע:|


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
akoka

דרג אמינות חבר זה
   22:40   17.12.07   
אל הפורום  
  2. אפ  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
FireAngel

דרג אמינות חבר זה
   23:47   17.12.07   
אל הפורום  
  3. כל פעם שאתה מצרף קוד תראה דוגמה בקובץ HTML, יעזור לעצלנים=]  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Ice Cold  לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק, 36 נקודות
   00:28   18.12.07   
אל הפורום  
  4. טוב שיפצתי לך קצת את הקוד:  
בתגובה להודעה מספר 0
 

<script>
var obj;
function float_div(divId,txt)
{
var background_Color;
background_Color = 'red';
var text_color;
text_color = 'black';
var borderColor;
borderColor = '1px solid black';
var dWidth;
dWidth = '150px';
var dPosition;
dPosition = 'absolute';

var createEl = document.createElement("div");

createEl.setAttribute("id","floatDiv");
document.body.appendChild(createEl);

divId = document.getElementById(divId);

divId.onmousemove = function (e)
{
if (obj == null)
{
obj = document.getElementById("floatDiv");
obj.style.backgroundColor = background_Color;
obj.style.color = text_color;
obj.style.border = borderColor;
obj.style.width = dWidth;
obj.style.position = dPosition;
obj.innerHTML = txt;
}
else
{
obj.style.display="block";
}

var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
posx = e.pageX-10;
posy = e.pageY-30;
}
else if (e.clientX || e.clientY)
{
posx = e.clientX-10;
posy = e.clientY-30;
}
obj.style.left = parseInt(posx);
obj.style.top = parseInt(posy)
}

divId.onmouseout = function ()
{
obj.style.display="none";
}
}
</script>
<div id="div1" style="border:1px solid red;width:200px;height:200px;">BLABLABLABLA</div>
<script>
float_div("div1","Rotter Rulllllzz")
</script>

היו לך כמה בעיות:

1. ה-DIV שיצרת היה קרוב מדי לעכבר. לכן תזוזה ימינה גרמה לפעמים לעכבר לעלות על ה-DIV (התזוזה יותר מהירה מה-EVENT), ואז ה-DIV היה נעלם לפעמים. בגלל זה הגדרתי X ו-Y שונים יותר, ככה שאין מצב שהעכבר יזוז על ה-DIV האדום.

2. ברגע שה-DIV נעלם, הוא לא היה מופיע יותר, אם היית עולה על התיבה.


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
akoka

דרג אמינות חבר זה
   09:00   18.12.07   
אל הפורום  
  5. וואי מלך =] אבל בכללי אני רואה שהחשיבה שלי הייתה נכונה  
בתגובה להודעה מספר 4
 
   ערכתי לאחרונה בתאריך 18.12.07 בשעה 09:01 בברכה, akoka
 
זה כבר טוב תודה=]

אגב שאתה בודק אם obj == null אתה בודק את האובייקט לא קיים ?


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Ice Cold  לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק, 36 נקודות
   09:35   18.12.07   
אל הפורום  
  6. נכון. שים לב שאני לא יוצר את האובייקט בעת הקריאה לפונקצ  
בתגובה להודעה מספר 5
 
יה, אלא במעבר על ה-DIV. כדי שה-MOVE לא יצור מליון, בפעם הראשונה הוא יוצר אחד, אחרי זה הוא כבר קיים, אז הוא לא יוצר חדש.


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net