11. juni 2002 - 15:49Der er
8 kommentarer og 1 løsning
Mouseover med hukommelse..
Hej,
Jeg er ved at lave en menu, bestående af 9 knapper + 1 stykke grafik(default_grafikken), der skal skiftes ud med et andet stykke grafik, hvor navnet på hver knap er på. default_grafikken er helt hvid.
Når man kører musen hen over en af de 9 knapper skal den helt hvide default_grafik skifte og vise det navn der høre til knappen. Når musen køre af igen skal default_grafikken igen vises. Dette er en meget simpel funktion og kan løses med et helt simpelt mouseover script.
Der hvor tingene bliver lidt komplicerede er når der trykkes på en af de 9 knapper. Så skal default_grafikken ikke længere være det hvide stykke grafik, men det stykke navne-grafik der hører til den knap der er trykket på.
Jeg gætter på at det er noget med at lægge referencen til default_grafikken i en variabel og så skifte indholdet af variablen ud når der trykkes på en knap, men jeg er ikke så god til JavaScript.
Jeg ved godt at det er kringlet, men det er ikke knapperne der skal skifte det er 1 enkelt billede, hvor navnet står i..
Der er altså 9 knapper og 1 grafik hvor navnet skal komme..
Lad os for en god ordens skyld sige at de 9 knapper sidder i venstreside og den grafik der skal påvirkes sidder i højre side.
Når musen bevæges over en af de 9 knapper i venstre side, bliver grafikken i højre side skiftet ud, med en anden grafik, hvorpå der står noget tekst. Når musen igen forlader knappe i venstre side, skifter grafikken i højre tilbage til sin oprindelige grafik.
Grafikken i højre side er til at starte med helt hvid, når musen ikke er over nogen af knapperne i venstre side. Dette er vel en form for hviletilstand.
Hvis der klikkes på en af knapperne i venstre side, skal der i højregrafikkens hviletilstand (altså når musen ikke er over nogen af knapperne i venstre side) vises et nyt billede og det er nu dette billede der skal være default i højregrafikken.
Det vil altså sige at det er dette nye billede der bliver vist når musen køres af en af de 9 knapper i venstre side og ikke det helt hvide, som i starten..
Meget kringlet, men det burde kunne lade sige gøre..
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.