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

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

למשל יש לי 4 כפתורים (ראשי, מבזקים, צ'אט ושירותים)
בעת לחיצה על התמונה ראשי התמונה תובלט (תוחלף לתמונה בולטת).
בעת לחיצה על צ'אט התמונה ראשי תוחזר לתמונה הרגילה והתמונה צ'אט תובלט

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

תודה

אתה רוצה שבמקום כפתורי הרדיו תהיה קיימת תמונה?
או לצד כפתורי הרדיו תהיה תמונה?

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

אבל אתה יכול ליצור לכפתורי הרדיו ולבעיה שלך תחליף עם JS ו-DOM.
ובנוגע להחלפת תמונה, תשתמש ב-imgObj.src כדי להחליף אותה.

ראה ב:
http://www.w3schools.com/htmldom/dom_obj_image.asp

לא ממש הבנתי את הפתרון ....
הנה סתכלו
http://fcp.kuchi.be/index3.php
אתם רואים יש לחצן שכתוב עליו "אתרים"
לידו יהיו עוד כמה לחצנים של קטגוריות חיפוש "תמונות" "משתמשים" "כתבות"
ואנ ירוצה שבשליחת הטופס ישלח משתנה מספרי שיציין על איזה לחצן המשתמש לחץ לפני השליחה

אהא..
אז תיצור input מסוג hidden שיהיה לו value התחלתי (ברירת מחדל) של 0.
ואז, אם הוא ילחץ על "אתרים", שנה את הערך של ה-input ל-1 (לדוגמא).

אפשר לעשות זאת באמצעות DOM, לדוגמא:

קוד:

document.getElementById("atarim").onclick = function()
{
      document.getElementById("hidden_Input_id").value = 1;
}

http://www.flog.co.nz/lab/ARC/ARC.htm

לקוח מהאשכול שבארכיון: 53 טכניקות CSS שאי אפשר לחיות בלעדיהן

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