Avatar billede Slettet bruger
10. december 2002 - 12:36 Der er 16 kommentarer og
1 løsning

imageswap ved onclick, og tilbage igen ved onclick

Hej!

Jeg har rode lidt med et rullegardin, der ved klik å en knap kører enten op eller ned.

Nu vil jeg gerne have knappen (et billede af en pil) til at skifte, så dens retning passer med rullegardinet.

Når rullegardiet er oppe skal pilen se ud som nu. Når rullegardinet er ned skal den vendes 180 grader. Lige nu hedder pilen hv_pil_ned.gif den anden skal hedde hv_pil_op.gif

Se hvad jeg mener på http://siterater.dk/tc

Dette skift kan som jeg ser det ske på 2 måder:

- ved onclick
- sættes ind i scriptet så den selv skifter når rullegardinet er enten oppe eller nede

Hvordan kommer jeg videre?

PS: Jeg har søgt i gamle spm. her på E, men pga. de mange ekstra \ i spm. er de umulige at gennemskue.
Avatar billede nikolajdu Nybegynder
10. december 2002 - 12:51 #1
<img src="billeder/hv_pil_ned.gif" width="11" height="11" alt="" border="0" onclick="if(this.src=='billeder/hv_pil_ned.gif'){this.src='billeder/hv_pil_op.gif'}this.src='billeder/hv_pil_ned.gif'">

Sådan?
Avatar billede pelkjaer Nybegynder
10. december 2002 - 12:56 #2
Avatar billede nikolajdu Nybegynder
10. december 2002 - 12:57 #3
ups skulle vidst være sådan her :

<img src="billeder/hv_pil_ned.gif" width="11" height="11" alt="" border="0" onclick="if(this.src=='billeder/hv_pil_ned.gif'){this.src='billeder/hv_pil_op.gif'}else{this.src='billeder/hv_pil_ned.gif'}">
Avatar billede Slettet bruger
10. december 2002 - 13:14 #4
Jeg kan ikke få noget af det til at skifte billedet.

Jeg har lige prøvet begge, og uploadet den fra pelkjaer, hvis du gider at kigge på linket igen.

nikolajdu's virkede ret simpel, men den virker ikke hos mig. Måske du kan prøve at sætte script ind for mig?
Avatar billede pelkjaer Nybegynder
10. december 2002 - 13:21 #5
Du mangler css'en fra mit eks for at det virker
Avatar billede nikolajdu Nybegynder
10. december 2002 - 13:22 #6
Jeg kan ikke umiddelbart se nogle fejl i mit script....
Avatar billede Slettet bruger
10. december 2002 - 13:22 #7
doh.... ;)

Det virker bare som lidt overkill med så meget kode for at skifte et billede :/
Avatar billede nikolajdu Nybegynder
10. december 2002 - 13:23 #8
Den her virker :

<img src="billeder/hv_pil_ned.gif" width="11" height="11" alt="" border="0" onclick="if(this.src.indexOf('billeder/hv_pil_ned.gif')!=-1){this.src='billeder/hv_pil_op.gif'}else{this.src='billeder/hv_pil_ned.gif'};alert(this.src)">
Avatar billede nikolajdu Nybegynder
10. december 2002 - 13:24 #9
hov fjern slev lige den sidste alert(this.src)
Avatar billede nikolajdu Nybegynder
10. december 2002 - 13:26 #10
el_barto - Jeg mener fuldstændigt det samme som dig og klasser kan skiftes med :

onclick="this.className='hejIgen'"

Hvilket må siges at være ganske meget kortere. I øvrigt har Pelle boy slet ikke tid til at rende rundt her....
Avatar billede pelkjaer Nybegynder
10. december 2002 - 13:27 #11
var selected_id = null;
var dom = document.getElementById;
function swapIt(id, newclass) {
if (dom) {
if(selected_id != id) {
el = document.getElementById(id);
el.className = newclass;
el.style.cursor = "hand";
el.style.cursor = "pointer";
}
}
}

Er også noget simplere, men det andet kan en del mere, men er overkill her.
Avatar billede Slettet bruger
10. december 2002 - 13:31 #12
wee...nu virker det med nikolajdu's kode!

Kan dog godt se ideen med at have pelkjaers "en gang for alle script" der kan skifte hvad som helst.

I må gerne begge lægge et svar, da det var dejligt at få det til at virke!
Avatar billede pelkjaer Nybegynder
10. december 2002 - 13:33 #13
Bare giv niko dem, han har brug for dem...
Avatar billede nikolajdu Nybegynder
10. december 2002 - 13:33 #14
Det er rigtigt at pelkjaers kan lidt af hvert - Man skal bare lige huske af og til at overveje hvad man har brug for. :)
Avatar billede nikolajdu Nybegynder
10. december 2002 - 13:34 #15
Uha uha hvem sagde "Negå" her????
Avatar billede Slettet bruger
10. december 2002 - 13:36 #16
hehe...så så gutter, tilbage til arbejdet ;)

Tak for hjælpen begge to, der kommer nok flere spm. som dagen skrider frem :)
Avatar billede nikolajdu Nybegynder
10. december 2002 - 13:42 #17
Du skyder bare fra hoften makker....
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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