webForumDet fria alternativet

aktiv meny länk...

2 svar · 384 visningar · startad av adnoctum

adnoctumMedlem sedan jan. 200438 inlägg
#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å...

Hydr0maticMedlem 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);" ......

nitro2k01Medlem sedan aug. 20039 342 inlägg
130 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)