Avatar billede cybermaster Nybegynder
29. oktober 2008 - 20:58 Der er 12 kommentarer og
1 løsning

onChange med zindex og transparent

Virker fint i firefox, men i ie er der problemer. med at skifte lag. En af jer der sidder med guldkornet? Mvh ;o)

<select size="1" name="D1" onChange="document.getElementById('zi1').src = this.options[this.selectedIndex].value;">
<option value="black.png">Black</option>
<option value="white.png">White</option>
<option value="green.png">Green</option>
</select>

<img border="1" src="transparent.png" id="zi1"  width="300" height="300" style="position: absolute; z-index: 1; Left:50%; top:200">
Avatar billede w13 Novice
29. oktober 2008 - 22:20 #1
Hvor skulle der "skiftes lag"?

Husk i øvrigt at top og left o.lign. _skal_ have px, % el.lign bagefter, så top:200; skal være top:200px; ellers kan alle browsere ikke følge med.
Avatar billede w13 Novice
29. oktober 2008 - 22:24 #2
I øvrigt ville jeg nok skrive:
onChange="document.getElementById('zi1').src = this.options[this.selectedIndex].value;"
sådan her:
onchange="document.getElementById('zi1').setAttribute("src",this.value);"
Avatar billede cybermaster Nybegynder
29. oktober 2008 - 23:03 #3
Så billedet ligger sig på det rigtige z-index.

Der er ca. 12 billeder oven på hinnanden.
Avatar billede cybermaster Nybegynder
29. oktober 2008 - 23:05 #4
Tænker på de ældre versioner af ie.
Avatar billede w13 Novice
29. oktober 2008 - 23:21 #5
Så må du jo bare rette z-index: 1; til at være z-index: det-rigtige-tal;

:)
Avatar billede w13 Novice
29. oktober 2008 - 23:22 #6
Men jeg kan ikke sige, hvilket tal det skal være uden at kende din side.
Avatar billede cybermaster Nybegynder
29. oktober 2008 - 23:29 #7
Nej, jeg skal nok selv sætte z index, hvis det var det du tænker på
Avatar billede cybermaster Nybegynder
29. oktober 2008 - 23:33 #8
Kan du lavet et eksempel, hvor det virker i så mange browsere som muligt, og så mange versioner.

Hvor der fx er 2 dropdowns, og 2 layers.
Avatar billede cybermaster Nybegynder
29. oktober 2008 - 23:35 #9
Altså hvor det er .png som er transparente lag oven på hinnanden.

Synes jeg har surfet nettet tyndt, men ikke fundet et svar.
Avatar billede cybermaster Nybegynder
30. oktober 2008 - 00:32 #10
Skriver lige igen, det virker fint, undtagen når jeg skifter billedet, med dropdown
Avatar billede w13 Novice
30. oktober 2008 - 09:17 #11
Jeg bliver nok nødt til at se det i aktion (/inaktion), for jeg kan ikke forestille mig, hvad det er der ikke virker.

Du siger, at z-index fungerer fint, indtil du skifter billedets src? Det forstår jeg slet ikke.

Hvis du sætter det rigtige z-index, så virker det i alle browsere. Det burde din kode også gøre nu.
Avatar billede cybermaster Nybegynder
01. november 2008 - 11:46 #12
w13 >> Læg et svar.

Jeg besluttede mig for helt at undgå javascript.
Avatar billede w13 Novice
01. november 2008 - 12:08 #13
Ok.
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