login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Hide/show table

Offline BigBug - 26/11/2006 18:56
Avatar van BigBugPHP expert Hoi allemaal,

Ik ben op zoek naar een script dat een tabel kan tonen en weer verbergen. Net zoals bij de beginpagina van sitemasters.be rechts.

Om precies te zijn.. Er komt een lijst van 15 games. Daaronder komt 'Meer games!' te staan. Als je daarop klikt moet de rest van de games verschijnen.. Hoe doe ik dit?

13 antwoorden

Gesponsorde links
Offline gothmog - 26/11/2006 18:58
Avatar van gothmog Lid Pagina verversen en coockie/sessie zetten?
Offline Ultimatum - 26/11/2006 19:01 (laatste wijziging 26/11/2006 19:02)
Avatar van Ultimatum PHP expert Dit script heb ik ergens "geleend"  

php code - Bekijk de code zonder highlighting - Klap code in 
  1. function showorhide(id) 
  2. {
  3. 	if (document.getElementById(id).style.display == "none") 
  4. 	{
  5. 		document.getElementById(id).style.display = "block";
  6. 	} 
  7. 	else 
  8. 	{
  9. 		document.getElementById(id).style.display = "none";
  10. 	}
  11. }


gebruiksaanwijzig 
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onclick="showorhide('1');">Tekst</a>

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table style='display: none' id=1;>Tekst die eerst gehided is</table>


Spreekt voor zich denk/hoop ik 
Offline BigBug - 26/11/2006 19:11
Avatar van BigBug PHP expert Leuk script ¬¬

Het werkt alleen niet  

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2. function showorhide(id) 
  3. {
  4.   if (document.getElementById(id).style.display == "none") 
  5.   {
  6.     document.getElementById(id).style.display = "block";
  7.   } 
  8.   else 
  9.   {
  10.     document.getElementById(id).style.display = "none";
  11.   }
  12. }
  13. </script>
  14.  
  15. <a href="#" onclick="showorhide('1');">Tekst</a>
  16.  
  17. <table style='display: none' id=1;>Tekst die eerst gehided is</table>
Zo gebruik ik em, In firefox zie ik alles en doet ie niks. En IE zie ik alleen de link en doet ie niets.. HELLUUUUUP 
Offline Simon - 26/11/2006 19:14
Avatar van Simon PHP expert <table style='display: none' id=1;>
veranderen in:
<table style="display: none;" id="1">
Offline BigBug - 26/11/2006 19:19
Avatar van BigBug PHP expert Hij werkt nu in IE! 

Nu FF nog  

Heeft de here simon nog een oplossing om ook dat te fixen? 

Alvast bedankt 
Offline Ultimatum - 26/11/2006 19:21
Avatar van Ultimatum PHP expert @Simon, waarom zou hij ineens werken als je " ipv ' gebruikt...

Verder werkt onderstaande code goed in FF als IE dus bouw maar vanaf deze lap verder 

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. 	<head>
  3. 		<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
  4. 		<title>M.H.C. Dalfsen</title>
  5.  
  6. 		<script language='Javascript'>
  7. 			function showorhide(id) 
  8. 			{
  9. 				if (document.getElementById(id).style.display == "none") 
  10. 				{
  11. 					document.getElementById(id).style.display = "block";
  12. 				} 
  13. 				else 
  14. 				{
  15. 					document.getElementById(id).style.display = "none";
  16. 				}
  17. 			}	
  18. 		</script>
  19. 	</head>
  20.  
  21. 	<body>
  22. 		<table cellpadding='0' cellspacing='0'>
  23. 			<tr>
  24. 				<td style='width: 100px; background-color: <?= $color ?>'><a href="#" onclick="showorhide('test');">Klik hier</a></td>											
  25. 			</tr>
  26. 		</table>	
  27.  
  28. 		<table cellpadding='0' cellspacing='0' style='display: none' id='test'>
  29. 			<tr>
  30. 				<td>Deze tekst zie je eerst niet (hoop ik)</td>	
  31. 			</tr>
  32. 		</table>
  33. 	</body>
  34. </html>
Offline BigBug - 26/11/2006 19:34
Avatar van BigBug PHP expert Danke schon!
Offline Simon - 26/11/2006 19:49
Avatar van Simon PHP expert @ultimatum: die " is gwn om het valid te maken, ik veranderde gwn de ; van plaats 
Offline BigBug - 27/11/2006 14:43
Avatar van BigBug PHP expert Ik gebruik nu dat script van Ultimatum.. Maar hoe kan ik als ie uitgeklapt is de tekst laten veranderen en als je em inklapt weer terug laten veranderen?

Alvast bedankt!
Offline Simon - 27/11/2006 19:05
Avatar van Simon PHP expert
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2.   <head>
  3.     <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
  4.     <title>M.H.C. Dalfsen</title>
  5.  
  6.     <script language='Javascript'>
  7.       function showorhide(id, change) 
  8.       {
  9.         if (document.getElementById(id).style.display == "none") 
  10.         {
  11.           document.getElementById(id).style.display = "block";
  12.           document.getElementById(change).innerHTML = "Tekst die er moet staan";
  13.         } 
  14.         else 
  15.         {
  16.           document.getElementById(id).style.display = "none";
  17.         }
  18.       }  
  19.     </script>
  20.   </head>
  21.  
  22.   <body>
  23.     <table cellpadding='0' cellspacing='0'>
  24.       <tr>
  25.         <td style='width: 100px; background-color: <?= $color ?>'><a href="#" onclick="showorhide('test','de_tekst');">Klik hier</a></td>                      
  26.       </tr>
  27.     </table>  
  28.  
  29.     <table cellpadding='0' cellspacing='0' style='display: none' id='test'>
  30.       <tr>
  31.         <td id="de_tekst">Deze tekst zie je eerst niet (hoop ik)</td>  
  32.       </tr>
  33.     </table>
  34.   </body>
  35. </html>

zo misschien? niet getest
Offline BigBug - 27/11/2006 19:13
Avatar van BigBug PHP expert Oeps sorry, ik ben erbij vergeten te zeggen dat de link moet veranderen En niet de tekst in de tabel zelf     
Offline Simon - 27/11/2006 19:13 (laatste wijziging 27/11/2006 19:16)
Avatar van Simon PHP expert
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2.   <head>
  3.     <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
  4.     <title>M.H.C. Dalfsen</title>
  5.  
  6.     <script language='Javascript'>
  7.       function showorhide(id, change) 
  8.       {
  9.         if (document.getElementById(id).style.display == "none") 
  10.         {
  11.           document.getElementById(id).style.display = "block";
  12.           document.getElementById(change).innerHTML = "Nieuwe link";
  13.         } 
  14.         else 
  15.         {
  16.           document.getElementById(id).style.display = "none";
  17. 		  document.getElementById(change).innerHTML = "Klik hier";
  18.         }
  19.       }  
  20.     </script>
  21.   </head>
  22.  
  23.   <body>
  24.     <table cellpadding='0' cellspacing='0'>
  25.       <tr>
  26.         <td style='width: 100px; background-color: <?= $color ?>'><a id="link" href="#" onclick="showorhide('test','link');">Klik hier</a></td>                      
  27.       </tr>
  28.     </table>  
  29.  
  30.     <table cellpadding='0' cellspacing='0' style='display: none' id='test'>
  31.       <tr>
  32.         <td id="de_tekst">Deze tekst zie je eerst niet (hoop ik)</td>  
  33.       </tr>
  34.     </table>
  35.   </body>
  36. </html>

sry 
Offline timo - 27/11/2006 19:55
Avatar van timo PHP ver gevorderde gebruik toch gewoon een div met een tabel erin;-) en je kan dan met deze js het veranderen:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language='Javascript'>
  2.       function showorhide(id, change) 
  3.       {
  4.         if (document.getElementById(id).style.display == "none") 
  5.         {
  6.           document.getElementById(id).style.display = "block";
  7.           document.getElementById(id).innerHTML = "Nieuwe link";
  8.         } 
  9.         else 
  10.         {
  11.           document.getElementById(id).style.display = "none";
  12.       document.getElementById(id).innerHTML = "Klik hier";
  13.         }
  14.       }  
  15.     </script>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.238s