הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - [JavaScript] טפסים. (https://hosts.co.il/forums/showthread.php?t=14450)

MoonChild

29-01-06 18:00

[JavaScript] טפסים.

שלום, אני כרגע בונה בפוייקט בשפת PHP ונקלעתי לבעיה בה אני צריך להשתמש ב- JavaScript וכאמור - אין לי שמץ של מושג ב- JavaScript.
אני מנסה ליצור אובייקט <select> בטופס HTML פשוט שבכל פעם שמחליפים לאפשרות אחרת בתפריט ה- <select> אוטומאטית ללא לחיצה על שום כפתור, תמונה אחת תתחלף לתמונה אחרת.

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

Morishani

29-01-06 18:10

תן לסלקט ...

PHP קוד:


		
			
onselect="document.getElementById('s_img').src = this.options[this.selectedIndex].value"

כאשר הvalue בכל option הוא המקור של התמונה שאליה אתה רוצה שהתמונה שבאובייקט s_img (אל תשכח לתת לו id) תשתנה אליו, ז"א האובייקט של התמונה צריך להראות כך :

PHP קוד:


		
			
<img id="s_img" src="blank.gif" />

ואובייקט של option צריך להראות כך :

PHP קוד:


		
			
<option value="1.jpg">select image 1</option>

MoonChild

29-01-06 18:28

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

נ.ב
יהיה עדיף אם את ה- Value אוכל לשנות בגלל שלאחר מכן ה- Value נכנס לתוך מסד MySQL.

תודה רבה, MoonChild.

Morishani

29-01-06 18:33

טעות שלי, עשיתי onselect במקום onchange. הנה דוגמא פשוטה :

PHP קוד:


		
			
<select onchange="document.getElementById('s_img').src = this.options[this.selectedIndex].value">

    <option value="http://www.hosts.co.il/forums/images/misc/vbulletin3_logo_white.gif">Image 1</option>

    <option value="http://hosts.co.il/forums/images/banners/shev.com/smallbanner8wz.jpg">Image 2</option>

</select>

<img src="blank.gif" id="s_img" />

somebody

29-01-06 18:36

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

בדיוק מה שMorishani כתב לך.
רק שלא הבנתי למה לא כתבת ישר: this.value?
זה עובד בדיוק אותו דבר כמו:this.options[this.selectedIndex].value

MoonChild

29-01-06 19:27

הסקריפט עובד מעולה !

תודה רבה, עזרת לי מאוד :)

שקד	29-01-06 19:44

המטרה הושגה - האשכול נעול -

אתה יודע שאתה יכול תמיד לגנוב את הקוד למטה של הקפיצה לפורום :qqb007:

כל הזמנים הם GMT +2. הזמן כעת הוא 00:12.