CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

thomasjensen Nybegynder

19. november 2002 - 08:36 Der er 8 kommentarer og
1 løsning

onClick og onMouseOver ??

Jeg har tre knapper (billeder). Når man kører musen over knapperne skifter de til farve 2 og skifter tilbage til farve 1, når musen køres væk igen.

Jeg vil dog gerne have, at knapperne forbliver i farve 2 ved tryk på knappen - også selv om man kører musen væk fra knappen efterfølgende. Hvordan gøres det?

Som det er nu, vil den knap som jeg klikker på gå tilbage til farve 1, når jeg kører musen væk.

Jeg benytter følgende script:
---------------------------------
var button = new Array();

button[0] = new Image(165,19);
button[0].src = "but1off.gif";
button[1] = new Image(165,19);
button[1].src = "but1on.gif";

button[2] = new Image(165,19);
button[2].src = "but2off.gif";
button[3] = new Image(165,19);
button[3].src = "but2on.gif";

button[4] = new Image(165,19);
button[4].src = "but3off.gif";
button[5] = new Image(165,19);
button[5].src = "but3on.gif";
---------------------------------

Her er html-koderne:
---------------------------------
<a href="#" onmouseover="but1.src=button[1].src" onmouseout="but1.src=button[0].src" onClick="but1.src=button[1].src">
<img name="but1" id="but1" src="but1off.gif" width="165" height="19" border="0"></a> 

<a href="#" onmouseover="but2.src=button[3].src" onmouseout="but2.src=button[2].src" onClick="but2.src=button[3].src">
<img name="but2" id="but2" src="but1off.gif" width="165" height="19" border="0"></a> 

<a href="#" onmouseover="but3.src=button[5].src" onmouseout="but3.src=button[4].src" onClick="but3.src=button[5].src">
<img name="but3" id="but3" src="but1off.gif" width="165" height="19" border="0"></a>

Synes godt om

hmm10 Nybegynder

19. november 2002 - 08:51 #1

jeg lytter :)

Synes godt om

thomashove Nybegynder

19. november 2002 - 08:59 #2

kan du ikke bare fjerne onmouseout i din html

Synes godt om

thomashove Nybegynder

19. november 2002 - 09:01 #3

ups- sorry så lige at det var ved tryk på knappen

Synes godt om

thomasjensen Nybegynder

19. november 2002 - 09:03 #4

Nej, for så vil knappen forblive i farve 2, når musen køres væk. Det skal den kun gøre, hvis man klikker på den.

Synes godt om

hmm10 Nybegynder

19. november 2002 - 09:26 #5

Noget al-la dette du leder efter:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function Check(x,y) {
for(i=1;i<=9;i++) {
z = "option" + i ;
document.all[z].src = "off.gif" ;
}
document.all[x].src = "on.gif"
document.all.action.value = x
}
</script>
</HEAD>
<BODY>
<input type=text name=action value="option1" style="border:none;">
 

<a href="#"><img border="0" src="on.gif" name=option1 onclick=Check(this.name,"home.asp")></a>
option 1
 

<a href="#"><img border="0" src="off.gif" name=option2 onclick=Check(this.name,"cadastro.asp")></a>
option 2
 

<a href="#"><img border="0" src="off.gif" name=option3 onclick=Check(this.name,"cadastro.asp")></a>
option 3
 

<a href="#"><img border="0" src="off.gif" name=option4 onclick=Check(this.name,"cadastro.asp")></a>
option 4
 

<a href="#"><img border="0" src="off.gif" name=option5 onclick=Check(this.name,"cadastro.asp")></a>
option 5
 

<a href="#"><img border="0" src="off.gif" name=option6 onclick=Check(this.name,"cadastro.asp")></a>
option 6
 

<a href="#"><img border="0" src="off.gif" name=option7 onclick=Check(this.name,"cadastro.asp")></a>
option 7
 

<a href="#"><img border="0" src="off.gif" name=option8 onclick=Check(this.name,"cadastro.asp")></a>
option 8
 

<a href="#"><img border="0" src="off.gif" name=option9 onclick=Check(this.name,"cadastro.asp")></a>
option 9
</BODY>
</HTML>

Synes godt om

spunk13 Nybegynder

19. november 2002 - 09:34 #6

Eller noget i den her retning? Har ikke lige fået den til at skifte tilbage, for jeg har ikke tid nu.. Du kunne jo lege videre..

<a href="#" onmouseover="but1.src=button[1].src" onmouseout="but1.src=button[0].src" onClick="button[0].src=button[1].src">

Synes godt om

thomasjensen Nybegynder

19. november 2002 - 09:41 #7

Ja, noget i den retning. Den køber jeg.
Tak for det....også til jer andre.

Synes godt om

hmm10 Nybegynder

19. november 2002 - 09:41 #8

Det var så lidt...

Synes godt om

spunk13 Nybegynder

19. november 2002 - 13:08 #9

lige nogle forslag ti resten af koden..
du kunne jo tilføje det her til scriptet:
button[10] = new Image(165,19);
button[10].src = "but1off.gif";

og så bruge den her kode til knapperne:

<a href="#" onmouseover="but1.src=button[1].src" onmouseout="but1.src=button[0].src" onClick="button[0].src=button[1].src" onblur="button[0].src=button[10].src, but1.src=button[0].src">
<img name="but1" id="but1" src="but1off.gif" width="165" height="19" border="0"></a>

når musen er over - farve to.
når musen bevæges væk - farve et.
ved klik - farve 1 er lig med farve 2.
når knappen mister fokus - farve 1 er lig med den oprindelige farve 1; skift til farve 1.

håber det kan hjælpe, hvis du altså ikke allerede har fundet en anden løsning..

Synes godt om

Ny bruger Nybegynder

Din løsning...

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS