[GastForen Programmierung/Entwicklung JavaScript dynamische variablen/rollover skript

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

dynamische variablen/rollover skript

henry 5
Beiträge gesamt: 97

15. Jan 2007, 13:13
Beitrag # 1 von 3
Bewertung:
(1045 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo
ich versuche mich gerade mit einem rollover-skript welches die hintergrundbilder von divs bei onmousover und onmouseout wechselt. schwierigkeit an der sache: beim mouseout sollte kein anderes bild laden wenn bereits darauf geklickt wurde. natürlich könnte ich für jedes bild eine variable schreiben, müsste dann allerdings auch für jedes bild (es sind viele...) ein eigenes "mouseout"-skript schreiben... (oder?)

hier mein ansatz:

var variablenName = "IMAGE";

window[variablenName] = 0;

function out(IMAGE){

if (window[variablenName] == 0){
document.getElementById(IMAGE).style.backgroundImage='url(navigation/'+IMAGE+'.gif)';
}
}

function active(IMAGE){

window[variablenName] = 1;
}

function over(IMAGE){

document.getElementById(IMAGE).style.backgroundImage='url(navigation/'+IMAGE+'2.gif)';
}

wenn so auf ein bild geklickt wird, verhalten sich auch alle anderen bilder so, als wäre bereits darauf geklickt worden. logisch, da ja nur eine variable existiert...

any help?

(Dieser Beitrag wurde von henry 5 am 15. Jan 2007, 13:20 geändert)
X

dynamische variablen/rollover skript

SabineP
Beiträge gesamt: 7586

15. Jan 2007, 14:11
Beitrag # 2 von 3
Beitrag ID: #270762
Bewertung:
(1028 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Henry,

>> wenn bereits darauf geklickt wurde.

Wie sieht denn der HTML-Code dazu aus?
Klickt man da auf einen Link, Bild oder Div?

Gruß Sabine


als Antwort auf: [#270750]

dynamische variablen/rollover skript

henry 5
Beiträge gesamt: 97

15. Jan 2007, 19:02
Beitrag # 3 von 3
Beitrag ID: #270813
Bewertung:
(1022 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo
ich habe die lösung gefunden. so muss der code ausschauen:
Code
function out(IMAGE){ 
if (window[IMAGE] == 1){
document.getElementById(IMAGE).style.backgroundImage='url(navigation/'+IMAGE+'2.gif)';
}
else {
document.getElementById(IMAGE).style.backgroundImage='url(navigation/'+IMAGE+'.gif)';
}
}

function var1(IMAGE){
window[IMAGE] = 1;
}

function var0(IMAGE){
window[IMAGE] = 0;
}

function over(IMAGE){
document.getElementById(IMAGE).style.backgroundImage='url(navigation/'+IMAGE+'2.gif)';
}


als Antwort auf: [#270762]