login  Naam:   Wachtwoord: 
Registreer je!
 Forum

show 1 block

Offline Ultimatum - 06/09/2006 19:09
Avatar van UltimatumPHP expert Ik heb nu onderstaande javascript gevonden om bepaalde blocken te laten zien en laten verdwijnen alleen als ik op 1 link druk laat hij mooi het goeie zien, maar als ik op een andere druk dan zie je die ook + de vorige, ik zou graag willen dat de andere dan weer verdwijnt, is dit mogelijk?

javascript:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function toggleDisplay(id)
  2. {
  3. 	var onoff;
  4.  
  5. 	if(document.getElementById(id).style.display == 'block') 
  6. 	{
  7. 		onoff =  'none';
  8. 	} 
  9. 	else 
  10. 	{
  11. 		onoff = 'block';
  12. 	}
  13. return onoff;
  14. }
  15.  
  16. function showHide(id)
  17. {
  18. 	var onoff = toggleDisplay(id);
  19. 	document.getElementById(id).style.display = onoff;
  20. }


admin.php
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class='t'>
  2. 		<div class='table'>Kies een pagina en daarna een actie</div>
  3. 		<div class='table'>
  4. 			<a href="#" onclick="showHide('g')">Gastenboek</a> | 
  5. 			<a href="#" onclick="showHide('c')">Contact</a> | 
  6. 			<a href="#" onclick="showHide('f')">Foto's</a> | 
  7. 			<a href="#" onclick="showHide('a')">Foto Album</a>
  8. 		</div>
  9.  
  10. 		<div class='groep'>
  11. 			<div id="g" style="display:none">- 
  12. 				<img src='./images/icons/delete.png' alt='' /> <a href='?pagina=admin/admin&amp;mod=gb&amp;act=verwijder'>Verwijder reactie</a> | 
  13. 				<img src='./images/icons/edit.png' alt='' /> <a href='?pagina=admin/admin&amp;mod=gb&amp;act=wijzig'>wijzig reactie</a>			
  14. 			</div>
  15.  
  16. 			<div id="c" style="display:none">- 
  17. 				<img src='./images/icons/nieuwe_mail.png' alt='' /> <a href='?pagina=admin/admin&amp;mod=contact&amp;act=nieuw'>Nieuwe berichten</a> | 
  18. 				<img src='./images/icons/gelezen_mail.png' alt='' /> <a href='?pagina=admin/admin&amp;mod=contact&amp;act=gelezen'>Gelezen berichten</a> | 
  19. 				<img src='./images/icons/alle_mail.png' alt='' /> <a href='?pagina=admin/admin&amp;mod=contact&amp;act=alle'>Alle berichten</a> 				
  20. 			</div>
  21.  
  22. 			<div id="f" style="display:none">- 
  23. 				<img src='./images/icons/upload_foto.png' alt='' /> <a href='?pagina=admin/admin&amp;mod=foto&amp;act=uploaden'>Upload Fotos</a> |
  24. 				<img src='./images/icons/delete_foto.png' alt='' /> <a href='?pagina=admin/admin&amp;mod=foto&amp;act=verwijderen'>Verwijder Fotos</a>
  25. 			</div>
  26.  
  27. 			<div id="a" style="display:none">- 
  28. 				<img src='./images/icons/upload_foto.png' alt='' /> <a href='?pagina=admin/admin&amp;mod=album&amp;act=nieuw'>Nieuw Album</a> |
  29. 				<img src='./images/icons/delete_foto.png' alt='' /> <a href='?pagina=admin/admin&amp;mod=album&amp;act=verwijderen'>Verwijder Album</a>
  30. 			</div>			
  31. 		</div>
  32. 	</div>

5 antwoorden

Gesponsorde links
Offline Grayen - 06/09/2006 19:26
Avatar van Grayen PHP ver gevorderde ik heb laatst nog een scriptje hiervoor gemaakt:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  5. <title></title>
  6. <script type="text/javascript">
  7. var visible = 'item1'; // het element dat al als de pagina is geladen word weergegeven.
  8. function changeDisplay(id){
  9.   document.getElementById(visible).style.display = 'none';
  10.   document.getElementById(id).style.display = 'block';
  11.   visible = id;
  12. }
  13. </script>
  14. </head>
  15. <body>
  16. <a href="#" onclick="changeDisplay('item1')">tekstje 1</a><br />
  17. <div id="item1" style="display: none">tekstje</div>
  18. <a href="#" onclick="changeDisplay('item2')">tekstje 2</a><br />
  19. <div id="item2" style="display: none">dit is nog een tekstje</div>
  20. <a href="#" onclick="changeDisplay('item3')">tekstje 3</a><br />
  21. <div id="item3" style="display: none">en nog eentje</div>
  22. </body>
  23. </html>
Offline Ultimatum - 06/09/2006 19:32
Avatar van Ultimatum PHP expert bedankt, het werkt als ik de volledige code op de site neer gooi, maar ik heb alle js functies in een apart bestand en als ik var visible = 'item1'; niet op de desbetreffende pagina zet doet hij helemaal niks meer, maar ik hoef geen bepaald element actief te hebben bij het betreden van de pagina. var visible = ''; binnen de functie zette maakt niks uit, heb je hier mss ook een oplossing voor ??
Offline Grayen - 06/09/2006 19:36 (laatste wijziging 06/09/2006 19:42)
Avatar van Grayen PHP ver gevorderde hier zat ik ook al mee, ik wist even snel niet hoe ik dat kon oplossen in js dus had toen <div id="niks"></div> neer gezet in bron, en bij js gezet var visible = 'niks' 

edit: ik zal ff kijken hoe ik mooi in js kan oplossen, want via dat div met id = niks is natuurlijk niet echt praktisch.

edit2: gevonden nu hoef je dus niet meer een variable op te geven:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. function changeDisplay(id){
  2.   if(window.visible){
  3.     document.getElementById(visible).style.display = 'none';
  4.   }
  5.   document.getElementById(id).style.display = 'block';
  6.   visible = id;
  7. }
Offline Ultimatum - 06/09/2006 19:48
Avatar van Ultimatum PHP expert bedankt werkt geweldig 
Offline haytjes - 06/09/2006 21:06
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 Dit is dus opgelost => gesloten.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.211s