login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:
Scripts > JS > Overige > showhide

showhide

Auteur: phpfreak - 17 oktober 2004 - 20:13 - Gekeurd door: Dennisvb - Hits: 6122 - 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:
php code - Bekijk de code zonder highlighting - Klap code in 
  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):
php code - Bekijk de code zonder highlighting - Klap code in 
  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:
php code - Bekijk de code zonder highlighting - Klap code in 
  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.034s