Avatar billede pezzo Nybegynder
03. august 2006 - 10:07 Der er 7 kommentarer og
1 løsning

Tryk for vise, og tryk igen for fjerne

Vil gerne når trykker på en tekst aktiveres et DIV. Men trykker man på teksten igen fjernes DIV'en igen. Altså skifter mellem at vise og skjule den pågældende DIV.
Avatar billede mclemens Nybegynder
03. august 2006 - 10:14 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function visskjul(){
  tn=document.getElementById("visskjul").style;
  tn.display=(tn.display=="none")?"block":"none";
}
</script>

</head><body>
<div id="visskjul">Tekst</div>

<span onclick="visskjul();">Vis / Skjul</span>
</body></html>
Avatar billede mclemens Nybegynder
03. august 2006 - 10:16 #2
Måske nærmere:



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
#visskjul{
display:none;
}
</style>
<script type="text/javascript">
function visskjul(){
  tn=document.getElementById("visskjul").style;
  tn.display=(tn.display=="block")?"none":"block";
}
</script>

</head><body>
<div id="visskjul">Tekst</div>

<span onclick="visskjul();">Vis / Skjul</span>
</body></html>
Avatar billede pezzo Nybegynder
03. august 2006 - 10:17 #3
Jamen skal jo styre flere forskellige DIV's. Hvordan definere jeg dem?
Avatar billede mclemens Nybegynder
03. august 2006 - 10:18 #4
Avatar billede mclemens Nybegynder
03. august 2006 - 10:22 #5
- har vist også lavet en nyere
... leder lige lidt senere ...
Avatar billede pezzo Nybegynder
03. august 2006 - 10:25 #6
Jamen det fint :) Virker ganske fint :)

Tak!
Avatar billede mclemens Nybegynder
03. august 2006 - 10:30 #7
Ok, tak for point :o)

- Et alternativ til det andet script kan også være:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
.vs{
display:none;
}
</style>
<script type="text/javascript">
function visskjul(nr){
  tn=document.getElementById("vs"+nr).style;
  tn.display=(tn.display=="block")?"none":"block";
}
</script>

</head><body>
<div id="vs0" class="vs">Tekst0</div>
<div id="vs1" class="vs">Tekst1</div>
<div id="vs2" class="vs">Tekst2</div>

<span onclick="visskjul(0);">Vis / Skjul</span><br>
<span onclick="visskjul(1);">Vis / Skjul</span><br>
<span onclick="visskjul(2);">Vis / Skjul</span>
</body></html>
Avatar billede mclemens Nybegynder
03. august 2006 - 10:32 #8
Fandt den anden tråd... check denne her:
http://www.eksperten.dk/spm/722674
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