login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:

Scripts > JS > Overige > showhide

showhide

Auteur: phpfreak - 17 oktober 2004 - 20:13 - Gekeurd door: Dennisvb - Hits: 5984 - Aantal punten: 2.50 (4 stemmen)





Als je over een link gaat, wordt er tekst tevoorschijn getoverd
je kan het ook doen door op tekst te klikken, dan maak je gewoon van
onmouseover: onclick

Code:
eerst en vooral de javascriptcode:
  1. <script language="javascript">
  2. function toggleDisplay(TDID) {
  3. var onoff;
  4. if(document.getElementById(TDID).style.display == 'block') {
  5. onoff = 'none';
  6. } else {
  7. onoff = 'block';
  8. }
  9. return onoff;
  10. }
  11. function showHide(TDID)
  12. {
  13. var onoff = toggleDisplay(TDID);
  14. document.getElementById(TDID).style.display = onoff;
  15.  
  16. }</script>

hier de code van hetgene moet verschijnen(niet veel code):
  1. <span id="tobeshown1" style="display:none">het eerste dat getoond moet worden</span>
  2. <span id="tobeshown2" style="display:none">het tweede dat getoond moet worden</span>

de code van waar je moet overgaan om te tonen:
  1. <a href="link" onmouseover="showHide('tobeshown1')" onmouseout="showHide('tobeshown1')">hier overgaan om het eerste te tonen</a>
  2. <a href="link2" onmouseover="showHide('tobeshown2')" onmouseout="showHide('tobeshown2')">hier overgaan om het tweede te tonen</a>
Download code! Download code (.txt)

 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Lees de reacties (5)
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.036s