29. august 2005 - 17:50Der 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.
<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>
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
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]
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>
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.