nun ich beschäfitge mich gerade mit javascript und hatte eine idee, dass ich eine drop down menüleiste erstelle und die einträge die eingeblendet werden eine anderen hintergrund bekommen.
die seite: www.mymaksimus.bplaced.de
wenn man zb über produkte fährt kann man tuning kleidung und sonitges sehen; wenn man drüberfährt wird der hintegrund hellblau.
nun mein problem: ich habe im js code für JEDEN einzelnen eintrag dieses document.all.DIEKLASSE.style.bakcgroundcolor = "blue" gemacht.
die funktion wird jeweils mit mouseover aufgerufen .. nun meine frage.
gibt es eine möglichkeit genau das so zu gestalten das ich bein mouse over eine js variable erstelle (der jeweilige klassenname) und dann schreibe:
document.all.DIEVARIABLE.style usw...
sodass aus zeilenlangem code ungefähr 5 zeilen werden?? vielen dan für antworten!!!
der js code (viiiiel zu lang )
/* color on */
function c1(){
document.all.tu.style.background = '#0084C4';
}
function c2(){
document.all.kl.style.background = '#0084C4';
}
function c3(){
document.all.so.style.background = '#0084C4';
}
function c4(){
document.all.ko.style.background = '#0084C4';
}
function c5(){
document.all.ga.style.background = '#0084C4';
}
function c6(){
document.all.em.style.background = '#0084C4';
}
function c7(){
document.all.au.style.background = '#0084C4';
}
/* color off */
function o1(){
document.all.tu.style.background = 'transparent';
}
function o2(){
document.all.kl.style.background = 'transparent';
}
function o3(){
document.all.so.style.background = '#0084C4';
}
function o4(){
document.all.ko.style.background = '#0084C4';
}
function o5(){
document.all.ga.style.background = '#0084C4';
}
function o6(){
document.all.em.style.background = '#0084C4';
}
function o7(){
document.all.au.style.background = '#0084C4';
}