כתבתי קוד ב-JS ויש לי תקלה.

קודם כל זה הקוד:

קוד:

<script language='JavaScript' type="text/javascript">
<!--
function my_getbyid(id)
{
itm = null;
 
if (document.getElementById)
{
itm = document.getElementById(id);
}
else if (document.all)
{
itm = document.all[id];
}
else if (document.layers)
{
itm = document.layers[id];
}
 
return itm;
}
lastTopics = my_getbyid("lastTopics");
showit_lastTopics = function()
{
lastTopics.style.display = '';
}
hideit_lastTopics = function()
{
lastTopics.style.display = 'none';
}
lastTopicsAct = my_getbyid("lastTopicsAct");
lastTopicsAct.onmouseover = showit_lastTopics;
lastTopicsAct.onmouseout = hideit_lastTopics;
 
//-->
</script>
<div class="tableborder" align='right' style="width: 90%">
<div id='lastTopics' style='display:none;z-index:2; padding:8px; right: 50%;' class='fixedBox'>{$topics}
</div><div class='box' align='center' id='lastTopicsAct'>10 נושאים אחרונים</div>

עכשיו הבעיה היא שזה אומר לי (באנגלית כמובן) שהמשתנה lastTopicsAct הוא בעל ערך null או שהוא לא אוביקט.

וזה לא הגיוני כי בדקתי את כל הקוד כמו שצריך ואין בו טעות אחת... למישהו יש רעיון?

תודה!

קוד PHP:

 var itm = document.getElementById('id').value; 


זה מתאים לפקדות JS שכתבתי?

כי אתה נתת פה את הערך, ובעיקרון אני צריך לעשות פעולות כמו onmouseover וכדו' ואי-אפשר לעשות לדוגמא דבר כזה:

קוד:

 var itm = document.getElementById('id').value.onmouseover; 

אז מה לעשות?

מה שכן, חל בלבול קטן.. הvlaue של DIV הוא innerHTML, כלומר:

קוד:

document.getElementById(id).innerHTML

כי החזרת האמת לא ממש עוזר לי פה =\

תודה

רק חבל שאתה לא מחליף את השורה השגוייה בזו ששלחתי...

דווקא החלפתי את השורה, אך זה כותב לי את התקלה הבאה:

object required

------

עריכה:

בעמוד אחר באתר הצלחתי לעשות את הפקודה

קוד:

  document.getElementById( 'UN' );

ל-DIV , וזה עובד מצוין.
בעמוד הזה אני לא מבין מה קורה....

שלחתי....בתגובה הראשונה שלי באשכול...

רק שעכשיו שיניתי קצת והנה השינוי:

קוד:

 
	   <td width="16%" valign="top" align="center">
<script language='JavaScript' type="text/javascript">
<!--
 lastTopics = my_getbyid("lastTopics");
 showit_lastTopics = function()
 {
  lastTopics.style.display = '';
 }
 hideit_lastTopics = function()
 {
  lastTopics.style.display = 'none';
 }
 // lastTopicsAct = my_getbyid("lastTopicsAct");
 document.getElementById('lastTopicsAct').innerHTML  .onmouseover = showit_lastTopics;
 document.getElementById('lastTopicsAct').innerHTML  .onmouseout = hideit_lastTopics;
 
//-->
</script>
 <div class="tableborder" align='right' style="width: 90%;">
 <div id='lastTopics' style="display:none;z-index:2; padding:8px; right: 50%;" class='fixedBox'>{$topics}
 </div><div class='box' align='center' id='lastTopicsAct'>10 נושאים אחרונים</div>

מה שמוזר הוא, שלמרות שבקוד למעלה זה לא עובד, אז אם אני כותב את המאפיינים onmouseover ו- onmouseout ל-DIV אז זה פועל. זה מה שכתבתי וזה פעל:

קוד:

 
 <div id='lastTopics' style="display:none;z-index:2; padding:8px; right: 50%;" class='fixedBox'>{$topics}
 </div><div class='box' align='center' id='lastTopicsAct' onmouseover="document.getElementById('lastTopics').style.displa  y = ''; " onmouseout="document.getElementById('lastTopics').style.displa  y = 'none'; ">10 נושאים אחרונים</div>

( ה- {topics} זה שילוב ה-PHP)

אז מה לא טוב בקוד JS שכתבתי בהתחלה?
=\

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

מפרשן - interpreter

אבל בעמוד האחר, איפה שהפקודות פועלות, שמתי את הדבר הבא:

קוד:

<script type="text/javascript" src='html/some.js'></script>

מעל כל הטופס (FORM) שבו אני לוקח מידע על דברים ולא היה שום בעיה...

לכן גם לא תיארתי לעצמי שמה שאמרת יכול לקרות וגם לא ניסיתי לשנות דברים כמו שאמרת...

אז איך בעמוד האחר זה פועל טוב כשהפקודות JS נמצאות מעל כל האובייקטים שאני קורא להם ובעמוד הנוכחי (שאנחנו מדברים עליו) זה לא פועל?

הרי אמורה להיות את אותה התקלה בשניהם ....

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

עריכה: למה אתה לא מאמין לי ולא מנסה?

אחרי שאמרת לי אני ניסיתי וזה פועל טוב מאוד =]

תודה רבה לכולם הבעיה סוף סוף נפתרה

פשוט צריך לקרוא להם באירוע onload