יש לי דף בשם index.html
בבודי שלו כתבתי את הקוד הבא

קוד:

<a href="#" onmouseover="img.src='6656.jpg'">bla</a>

התמונה 6656.jpg נמצאת באותה תיקיה בו הקובץ index.html
ושאני עובר עם העכבר על המילה bla לא מופיע תמונה...

אני מניח שלא עשיתי טוב את ה onmouseover
מה אמור להיות התחביר של זה ?

Nikon D90 and others...
לגלריה שלי

מהו האובייקט img? האם הוא מוגדר לך?

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

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

Nikon D90 and others...
לגלריה שלי

אוקיי, אני אסביר
מה שהקוד שכתבת עושה, זה שבזמן מעבר-עכבר על הלינק, הוא לוקח את האובייקט בשם img ומשנה לו את המאפיין src ל-'6656.jpg', עד כאן אני מקווה שברור
עכשיו כדי שהקוד יעבוד צריך כמובן שיהיה אובייקט בשם img, אחרת את המאפיין של מה בדיוק אתה משנה?

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



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

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

אתה רוצה שכשאתה עובר עם עכבר על המילה, היא תהפוך לתמונה?

קוד:

<div id="pic"><a href=#" onmouseover="document.getElementById('pic').innerHTML='<img src=6656.jpg />'">בלה</a></div>

משהו כזה?

נמאס לכם לזכור סיסמאות? לחצו כאן!

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

את ה getElementById('pic') הבנתי שהוא מושך את המידע מה ID של הדיו בשילוב עם CSS, עם זה אין לי בעיה בכלל... אבל מה תפקיד ה document. ? ביחד עם הנקודה, מה תפקידה של הנקודה?
ומה זה גם .innerHTML ?

ברוב המדריכים של JS כמו ב W3C מסביר על התחביר באופן קצר, לא מוסבר שם בכללי על כל הנקודות הפרדה ועל שילוב ביחד עם תגי HTML, וכל מיני "קומבינות" למיניהם... אשמח להסבר......

Nikon D90 and others...
לגלריה שלי

document הוא האובייקט של כלל המסמך (הדף שפתוח כרגע בדפדפן). getElementById בוחר אלמנט בתוך document על פי ה id שהוגדר לו. innerHTML זו מתודה (נכון לקרוא לזה מתודה?) שהיא בעצם התוכן של אותו אלמנט שבחרנו קודם. ברגע שאני מציב בה משהו, אני בעצם משנה את התוכן של האלמנט (יש עוד הרבה דברים אחרים שאפשר לעשות ולהגדיר על אלמנטים...).

אני מקווה שתפקיד הנקודה ברור יותר עכשיו...

הבעייה בשיטה הזו היא שאתה לא יכול לעשות onmouseout משום שהקישור כבר לא קיים (הרי האלמנט שהכיל אותו השתנה). כנראה שתצטרך ליצור div חלופי בתוך ה innerHTML שה onmouseout שלו מחזיר את הלינק...

אני חייב להודות שזו פעם ראשונה שיוצא לי לראות החלפה של טקסט בתמונה ולהפך - ובאופן אישי אני לא ממש רואה באיזה מצב זה שימושי

כמובן שאם המטרה היא שזה יהיה מעין כפתור toggle, ואתה לא מעוניין שהתמונה תחליף את הקישור, זה כבר הרבה יותר קל. אתה פשוט יוצר div שבתוכו נמצאת התמונה, ואז ב onmouse אתה משנה את מאפיין התצוגה של אותו div כך שה div יוצג ויוסתר בהתאם...

אתה מוזמן לעשות view source על http://www.fresh.co.il/scripts/upload.php ותראה איך מימשתי שם הצגה והסתרה של אלמנטים בדף. העובדה שאצלי זה טקסטואלי/שדות בטופס חסרת משמעות. באותה מידה התוכן של האלמנטים יכל להיות img src

נמאס לכם לזכור סיסמאות? לחצו כאן!

אני כמובן אצטרך לעשות קצת שיעורי בית
תודה בכל אופן

Nikon D90 and others...
לגלריה שלי