login  Naam:   Wachtwoord: 
Registreer je!
 Forum

extra (input) invulveld na klikken in checkbox

Offline Clemens32 - 05/09/2006 10:39
Avatar van Clemens32PHP interesse Kan iemand mij uitleggen hoe ik het voor elkaar krijg om in een invulformulier een extra invulveld te krijgen als ik een checkbox aanvink?
Het zal (naar mijn mening) met javascript moeten en daar heb ik helemaal geen kaas van gegeten.

8 antwoorden

Gesponsorde links
Offline Thomas - 05/09/2006 12:14
Avatar van Thomas Moderator Wil je dit extra invulveld aan en uit kunnen zetten (tonen / verbergen) met deze checkbox, of iets anders?
Offline Clemens32 - 05/09/2006 12:18
Avatar van Clemens32 PHP interesse ja precies.
Als je het aanvinkt moeten dus de extra velden te zien zijn.
Als je hem uitvinkt moet het weer weggaan.
Offline Thomas - 05/09/2006 12:25
Avatar van Thomas Moderator
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title></title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <script type="text/javascript">
  7. function showhide(div, show)
  8. {
  9. 	var div = document.getElementById(div);
  10. 	var display    = (show) ? "block"   : "none";   // "block" of "inline" - kan in principe allebei
  11. 	var visibility = (show) ? "visible" : "hidden";
  12.  
  13. 	div.style.display    = display;
  14. 	div.style.visibility = visibility;
  15. }
  16. </script>
  17. </head>
  18.  
  19. <body>
  20. <form action="..." method="post">
  21. <input type="checkbox" name="whatever" value="1" onclick="showhide('blok', this.checked)" /> klik!
  22. <div id="blok" style="display: none; visibility: hidden">
  23. bliep
  24. </div>
  25. </form>
  26. </body>
  27. </html>


Deze code spreekt redelijk voor zich, lijkt mij.
Offline Clemens32 - 05/09/2006 12:38 (laatste wijziging 05/09/2006 12:40)
Avatar van Clemens32 PHP interesse Ik zal vast iets verkeerd doen, maar het werkt niet (zal wel dom zijn ook).

http://www.plaatscode.be/2555/

Of moet die <form> er ook omheen?
Die inputs staan al in een form hoor, maar moet die div in een apart form?
Offline Thomas - 05/09/2006 12:41 (laatste wijziging 05/09/2006 12:42)
Avatar van Thomas Moderator Hm, heb je de javascript-functie ook ergens ondergebracht (de declaratie met function showhide(...)) ?
Misschien moet je de div ook in een aparte tabel zetten.

De div behoort tot hetzelfde formulier, dus deze moet je niet in een apart formulier onderbrengen.
Offline Clemens32 - 05/09/2006 12:46
Avatar van Clemens32 PHP interesse Ik heb het zo staan:
http://www.plaatscode.be/2556/


Ik probeer de code zo beperkt mogelijk te houden, want de hele file is meer dan 1800 regels groot, hahaahhah.
Offline Thomas - 05/09/2006 12:48
Avatar van Thomas Moderator Okay.

Probeer de tabel eens af te breken, en maak een aparte tabel voor je div:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. ...
  2. </table>
  3. <div id="blok" ...>
  4. <table>
  5. ...
  6. </table>
  7. </div>
  8. <table ...>
  9. ...


De rest (...) hetzelfde laten als voorheen.
Offline Clemens32 - 05/09/2006 12:51
Avatar van Clemens32 PHP interesse Ja dat werkt dank je wel!!!!!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.427s