Avatar billede codemanager Nybegynder
29. august 2005 - 17:50 Der er 12 kommentarer og
1 løsning

vis/skjul tekst via link

hej,

Som overskriften siger leder jeg efter noget der kan vise noget tekst hvis der trykkes på et link og skjule det igen hvis der trykkes på et andet link.

Nogle der kan hjælpe med dette
Avatar billede roenving Novice
29. august 2005 - 17:55 #1
<a href="#" onclick="st=document.getElementById('vis1').style;st.display=(st.display!='block'?'block':'none');return false;">Vis/skjul</a>
<div id="vis1" style="display:none;">
  Din tekst, der skal vises !-)
</div>

-- her kun med eet link !-)
Avatar billede thesurfer Nybegynder
29. august 2005 - 17:56 #2
Skal det ikke være?:

(st.display!='block')?'block':'none';

/theSurfer
Avatar billede thesurfer Nybegynder
29. august 2005 - 17:57 #3
..og han ville gerne have 2 links.. :-)
..men måske ved han ikke, at det kan gøres med 1 link..

/theSurfer
Avatar billede codemanager Nybegynder
29. august 2005 - 18:01 #4
hehe, det jeg mener er sådan:

hvis jeg har et link der hedder hej, skal det være sådan der kommer noget tekst frem når man trykker på det lige under hej, trykker man så på dav skal hej lukke og dav skal åbne håber i forstår
Avatar billede roenving Novice
29. august 2005 - 18:01 #5
Nej, det er med vilje, at jeg sætter paranteser om hele udtrykket, for i sammensatte udtryk er det nødvendigt, så det er bare en bedre vane at gøre det !-)

-- og den ternære operator er netop bygget op med en betingelse og to udfald, og bl.a. i javascript kan en logisk operator jo ikke forveksles, så man behøver ikke at isolere betingelsen !o]
Avatar billede roenving Novice
29. august 2005 - 18:03 #6
-- og du kan ikke bruge den ovenstående ?-)

-- for alt andet lige vil det ofte være mest logisk, at der kun er een knap/eet link til at skifte mellem to tilstande !-)
Avatar billede codemanager Nybegynder
29. august 2005 - 18:05 #7
Jamen den lukker ikke den første igen når der åbnes en ny
Avatar billede thesurfer Nybegynder
29. august 2005 - 18:06 #8
Der skal en loop til.. jeg er sikker på, at roenving fixer koden :-)

/theSurfer
Avatar billede codemanager Nybegynder
29. august 2005 - 18:08 #9
det håber vi
Avatar billede roenving Novice
29. august 2005 - 18:16 #10
Tjah, nu meldte historien jo ikke noget om, at du havde mange, som skulle alternere, så selvom den var forberedt til at blive duplikeret i mange udgaver, var den ikke indstillet til at gamme andre tekster, når den viste en !-)

-- men det er såmænd heller ikke svært:

<script type="text/javascript">
function showHide(elm){
  var st=document.getElementById(elm).style;
  var state = st.display;
  var divs = document.getElementsByTagName('div');
  for(i=0;divs.length>i;i++){
    if(divs[i].id.indexOf('vis')==0)
      divs[i].style.display = 'none';
  }
  st.display=state!='block'?'block':'none';
}
</script>

<a href="#" onclick="showHide('vis1');return false;">Vis/skjul</a><br>
<div id="vis1" style="display:none;">
  Din tekst, der skal vises !-)
</div>
<a href="#" onclick="showHide('vis2');return false;">Vis/skjul</a><br>
<div id="vis2" style="display:none;">
  Din tekst, der skal vises !-)
</div>
<a href="#" onclick="showHide('vis3');return false;">Vis/skjul</a><br>
<div id="vis3" style="display:none;">
  Din tekst, der skal vises !-)
</div>
<a href="#" onclick="showHide('vis4');return false;">Vis/skjul</a><br>
<div id="vis4" style="display:none;">
  Din tekst, der skal vises !-)
</div>
Avatar billede codemanager Nybegynder
29. august 2005 - 18:19 #11
det er lige sådan. mange tak smider du et svar.
Avatar billede roenving Novice
29. august 2005 - 18:20 #12
Velbekomme '-)
Avatar billede roenving Novice
29. august 2005 - 23:23 #13
-- og tak for point ;~}
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
Kurser inden for grundlæggende programmering

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