Rollover mit Klick

[Christian6]

Hallo!

Ich möchte gerne auf meiner Seite ein Bewertungsschema wie in der Schule mit 6 Grafiken von 1-6 waagerecht erstellen!
Folgende Bedingungen sollen erfüllt sein:

wenn ich z.B. auf die 5 gehe, sollen 1-5 leuchten
wenn ich z.B. von der 5 auf die 3 gehe, sollen nacheinander 5+4 erlöschen
wenn ich z.B. auf die 3 klicke, dann sollen die Zahlen 1-3 leuchten
klicke ich danach z.B. auf die 6 sollen alles Zahlen von 1-6 leuchten

Mit leuchten und erlöschen mein ich natürlich Grafikwechsel :-)

Hat jemand solch ein Javascript schon gesehen und kann mir weiterhelfen?

Wäre echt nett, wenn ihr mir einen Tipp geben könnt!

Danke!!

[suit]

Hat jemand solch ein Javascript schon gesehen und kann mir weiterhelfen?
Wäre echt nett, wenn ihr mir einen Tipp geben könnt!

youtube hat diese nette bewertungssystem, es sind sterne und 5 an der zahl

zum thema weiterhelfen: machs selbst, ist mit ein paar zeilen javascript erledigt - da lernst du sogar noch was dabei

[bleicher]

Grüße,
das ist doch ein n-zeiler ;)

imho könnte das sogar mit hover und css funktionieren, aber weil du nach JS frägst -

das ist foolproff-methode:

onClick="funktiondienerwahl(this.id)" ruft die auf

funmktiondeinerwahl(nummer) {

for (q; q<=6; q++){
document.getElementById(q).src="nichtleucht.jpg";
}

for (q; q<=nummer; q++){
document.getElementById(q).src="leucht.jpg";
}

}

ids haben dementsprechnd gewählt zu sein

absolute unelegant aber einfach ;)

MFG
bleicher

[steckl]

Hi,

ids haben dementsprechnd gewählt zu sein

Dann wären sie aber ungültig, da sie mit einem Buchstaben beginnen _müssen_:
http://de.selfhtml.org/html/referenz/attribute.htm#id_idref_name

Also müsste man die ID mit Stringverknüpfung zusammenbauen ( getElementById("id"+q) ) oder anders auf die Grafiken zugreifen (z.B. mit parentNode und nextSibling, was aber komplizierter sein dürfte).

mfG,
steckl

[bleicher]

Grüße,

Dann wären sie aber ungültig, da sie mit einem Buchstaben beginnen _müssen_:

ich weiss - war ja auch nur ein beispiel ^^,

MFG
bleicher

[EKKi]

Mahlzeit,

wenn ich z.B. auf die 5 gehe, sollen 1-5 leuchten
wenn ich z.B. von der 5 auf die 3 gehe, sollen nacheinander 5+4 erlöschen
wenn ich z.B. auf die 3 klicke, dann sollen die Zahlen 1-3 leuchten
klicke ich danach z.B. auf die 6 sollen alles Zahlen von 1-6 leuchten

Stichworte: http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onclick@title=onclick, http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id@title=getElementById() bzw. in Deinem speziellen Fall http://de.selfhtml.org/javascript/objekte/images.htm@title=document.images sowie http://de.selfhtml.org/javascript/objekte/images.htm#src@title=.src ...

Mit leuchten und erlöschen mein ich natürlich Grafikwechsel :-)

Natürlich. ;-)

MfG,
EKKi

[Christian6]

Danke für die Tipps!

Ich hab keine große Ahnung von Javasript, deswegen hab ich hier gepostet!
Danke bleicher für Deinen Tipp!

Christian6