login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Hide/unhide

Offline twinkel - 28/05/2005 10:06 (laatste wijziging 28/05/2005 10:16)
Avatar van twinkelHTML interesse Hoi allemaal,

ik heb hier een scriptje dat ervoor zorgt dat wanneer je op de tweede radiobutton klikt, je extra code (in dit geval een input veld) te zien krijgt. Alleen werkt het voorbeeld perfect in firefox, maar niet in IE. Iemand een suggestie over hoe ik het werkend krijg onder IE ?

Alvast bedankt 
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2.  
  3. function showDetail(evt) {
  4.     evt = (evt) ? evt : ((window.event) ? window.event : null);
  5.     var item, content, div;
  6.     if (evt)
  7. 	{
  8. 		var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  9.         if (elem.value == "D")
  10. 		{
  11.             div = document.getElementById("details");
  12.             div.innerHTML = "<input type=\"text\">";
  13. 		}
  14. 		else
  15. 		{
  16. 		    div = document.getElementById("details");
  17.             div.innerHTML = "";
  18. 		}
  19.     }
  20. }
  21. </script>
  22. </head>
  23. <body>
  24.  
  25. <form>
  26. <p>Type:<br />
  27. <input type="radio" value="C" name="Type" onselect="showDetail(event)" checked> C
  28. <br>
  29. <input type="radio" value="D" name="Type" onselect="showDetail(event)">D
  30.  
  31. <div id="details"><span></span></div>
  32. </body>
  33. </form>
  34. <html>

1 antwoord

Gesponsorde links
Offline prorsoft - 28/05/2005 10:20
Avatar van prorsoft PHP gevorderde probeer het zo eens:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2.  
  3. function showDetail(evt) {
  4.     evt = (evt) ? evt : ((window.event) ? window.event : null);
  5.     var item, content, div;
  6.     if (evt)
  7.     {
  8.         var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  9.         if (elem.value == "D")
  10.         {
  11.             details.innerHTML = "<input type=\"text\">";
  12.         }
  13.         else
  14.         {
  15.             details.innerHTML = "";
  16.         }
  17.     }
  18. }
  19. </script>
  20. </head>
  21. <body>
  22.  
  23. <form>
  24. <p>Type:<br />
  25. <input type="radio" value="C" name="Type" onselect="showDetail(event)" checked> C
  26. <br>
  27. <input type="radio" value="D" name="Type" onselect="showDetail(event)">D
  28.  
  29. <div id="details"><span></span></div>
  30. </body>
  31. </form>
  32. <html>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s