robgar Skrevet 2. januar 2006 Del Skrevet 2. januar 2006 Hei, jeg prøver å forandre en class tag i en div. Jeg har to classer i css'en, der den ene gjør diven synlig, og den andre gjør den usynlig. De blir så lagt oppå hverandre. .synlig { border: 1px solid black; position:relative; visibility: visible; font-size: 50px; height: 50px; z-index:2; } .usynlig { position:relative; visibility: hidden; top:-50px; color:red; font-size:80px; z-index:1; } Det jeg forsøker på, er at når jeg klikker på den diven som er synlig, blir den usynlig, og den som var usynlig blir synlig. Her er Javascriptet: function change_class(id, idto) { var id; var idto; document.all.id.class = 'synlig'; document.all.idto.class = 'usynlig'; } Og til slutt html'en : <div id="div_en" class="synlig" onClick="Javascript:change_class('div_to', 'div_en');"> Synlig </div> <div id="div_to" class="usynlig" onClick="Javascript:change_class('div_en', 'div_to');"> Usynlig </div> Jeg har en mistanke om at det som det scriptet gjør, er å bytte ut class'en til diven med id "id", og ikke innholdet av variabelen id... Hva er det jeg har gjort galt her? Og hvordan skal det være for at det skal virke ? Setter pris på svar Lenke til kommentar
???????? Skrevet 8. januar 2006 Del Skrevet 8. januar 2006 Hvis du vil skjule et element vil det nok være bedre å bruke display: block og display: none F.eks.: <div id="the_div" style="border: 1px solid black; width: 100px; display: block"> Dette er en div </div> <br> <input type="button" value="skjul diven" onClick="the_div.style.display='none'"> <input type="button" value="vis diven" onClick="the_div.style.display='block'"> Lenke til kommentar
robgar Skrevet 10. januar 2006 Forfatter Del Skrevet 10. januar 2006 Takk for svar Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå