aktiv meny länk...

JavaScript

2 svar · 391 visningar · startad av adnoctum

Medlem sedan jan. 200438 inlägg
Trådstart#1

Jag håller på och testar en variant på meny, med tabeller och text. Jag har följande kod för att ge lite effekt i menyn med OnMouseOver:

<td class=button onClick="this.style.backgroundColor='444444';" onMouseOver="this.style.backgroundColor='111111';" onMouseOut="this.style.backgroundColor='';">

Men, jag skulle vilja att bakgrunden till exempel skall vara vit (FFFFFF) när en "knapp" är aktiv (altså den knapp som en besökare har klickat på), tills dess att besökaren klicka på en ny "knapp".

Jag har gjort detta nån gång förut för länge sedan, men jag minns inte vad jag gjorde då...

Medlem sedan sep. 2001118 inlägg
#2

onFocus och onBlur funkar ju ok om menyn är i en annan frame så att focus inte försvinner när man klickar utanför menyn, men det är ingen bra lösning. En bättre lösning är att spara objektet man klickat på i en variabel (med javascript), och återställa bagrunden i det objektet endast när man klickar på menyn.... typ:

var aktivTD;

function klickaPa(objTD) {
    if (aktivTD) aktivTD.style.backgroundColor = '123456'; //återställ
    objTD.style.backgroundColor = 'FFFFFF';
    aktivTD = objTD;
}

o sen bara

<td class="button" onClick="klickaPa(this);" ......

Medlem sedan aug. 20039 340 inlägg
260 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
129 ms — ändringar (db)