login  Naam:   Wachtwoord: 
Registreer je!
 Forum

interactief formulier javascript (Opgelost)

Offline kaspar - 25/08/2010 20:14 (laatste wijziging 25/08/2010 20:18)
Avatar van kasparNieuw lid hallo, volgende code:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  2. 	<head>
  3. 		<title>Knome Electronics</title>
  4. 	</head>
  5. 	<body>
  6. 		<table id="grand_table2">
  7. 		<TR>
  8.           <TD vAlign=top align=left>   
  9.             <TABLE cellSpacing="0" cellPadding="0" width="750" align="center">
  10.                 <TR>
  11.                     <TD width="360">
  12.                         <FORM action="bestellen2.php" method="POST">
  14.                                     <LEGEND>Product bestellen</LEGEND>
  15.                                     <SELECT name="product" onChange="javascript: overigen(document.getElementById('product').value);">
  16.                                         <?php
  17. 											$db 	= mysql_connect("xxx","xxx", "xxx");  
  18. 											mysql_select_db("xxx",$db) or die ("Kan niet verbinden."); 
  19.  
  20. 											$sql 	= "SELECT * FROM `artikel` ORDER BY naam ASC";
  21. 											$result = mysql_query($sql);
  22. 											$rows	= mysql_num_rows($result);
  23. 											while ($row = mysql_fetch_array($result)) {
  24. 												echo '<option value="'.$row["naam"].'" name="'.$row["naam"].'">'.$row["naam"].'</option>';
  25. 											}
  26. 										?>
  27.                                     </SELECT> *<BR>
  28. 									<div id="overigen" style="display:none"><textarea cols="65" rows="5" name="omschrijving">Omschrijf hier uw aanvraag.</textarea> *<br></div>
  29.                                     <INPUT type="text" name="initials" value="uw initialen" OnClick="initials.value=''"> *<BR>
  30.                                     <INPUT type="text" name="client" value="uw naam" OnClick="client.value=''"> *<BR>
  31.                                     <INPUT type="text" name="mail" value="uw e-mail" OnClick="mail.value=''"> *<BR>
  32.                                     <INPUT type="text" name="telephone" value="uw telefoonnummer" OnClick="telephone.value=''"><BR>
  33.                                     <INPUT type="submit" value="verstuur" id="submit"><BR><BR>
  34.                                     * = verplicht   
  35. 									<script language="Javascript">
  36. 										function overigen(value) 
  37. 										{
  38. 											If (value=="Overigen") 
  39. 											{
  40. 												document.getElementById(overigen).style.display = 'block';
  41. 											}
  42. 										}
  43. 									</script>
  44.                                 </FONT>
  46.                         </FORM>
  47.                     </TD>
  48.                 </TR>
  49.             </TABLE>
  50.           </TD>
  51.         </TR>
  52. 	</body>
  53. </html>


de bedoeling is dat als je overigen selecteerd er een textarea verschijnt, maar wat er nu gebeurt: als je de select verandert, gebeurt er niks - waarom, en hoe verhelp ik het?

(bekijk het op http://electronics.knome.nl/bestellen.php)

4 antwoorden

Gesponsorde links
Offline Martijn - 25/08/2010 20:25
Avatar van Martijn Crew PHP de functie wordt aangeroepen en later op de pagina pas 'gemaakt', dat kan javascript niet
Offline lemoinet - 25/08/2010 20:42
Avatar van lemoinet PHP gevorderde Martijn, nu dacht ik toch dat je slimmer was. Het maakt helemaal niet uit waar de javascript code staat. De fout dat het niet werkt is omdat het hele script vol fouten zit.

Fout 1: je zoekt naar het element met id product. Maar dit bestaat niet, er bestaat alleen een element met name product.

Fout 2: aanhalingstekens vergeten om de textarea te laten zien

Fout 3: HTML code is van de jaren 80:
- alles in lowercase
- attribute language bij script bestaat niet
- eind tag font maar geen begin tag

Hier een aangepaste versie
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <form action="bestellen2.php" method="POST">
  3.                                 <legend>Product bestellen</legend>
  4.                                 <select name="product" onchange="javascript: overigen(this.options[this.selectedIndex].value);">
  5.                                     <option value="10Watt versterker" name="10Watt versterker">10Watt versterker</option>
  6.                                     <option value="1Watt versterker" name="1Watt versterker">1Watt versterker</option>
  7.                                     <option value="Computer beveiligingsslot" name="Computer beveiligingsslot">Computer
  8.                                         beveiligingsslot</option>
  9.                                     <option value="Computer timer" name="Computer timer">Computer timer</option>
  10.                                     <option value="Overigen" name="Overigen">Overigen</option>
  11.                                     <option value="Regelbare voeding" name="Regelbare voeding">Regelbare voeding</option>
  12.                                 </select>
  13.                                 *<br>
  14.                                 <div id="overigen" style="display: none;">
  15.                                     <textarea cols="65" rows="5" name="omschrijving">Omschrijf hier uw aanvraag.</textarea>
  16.                                     *<br>
  17.                                 </div>
  18.                                 <input type="text" name="initials" value="uw initialen" onclick="initials.value=''">
  19.                                 *<br>
  20.                                 <input type="text" name="client" value="uw naam" onclick="client.value=''">
  21.                                 *<br>
  22.                                 <input type="text" name="mail" value="uw e-mail" onclick="mail.value=''">
  23.                                 *<br>
  24.                                 <input type="text" name="telephone" value="uw telefoonnummer" onclick="telephone.value=''"><br>
  25.                                 <input type="submit" value="verstuur" id="submit"><br>
  26.                                 <br>
  27.                                 * = verplicht
  28.  
  29.                                 <script type="text/javascript">
  30.                                     function overigen(value) {
  31.                                         if (value == "Overigen") {
  32.                                             document.getElementById('overigen').style.display = 'block';
  33.                                         }
  34.                                     }
  35. 									</script>
  37.                             </form>
Bedankt door: kaspar
Offline Martijn - 25/08/2010 21:22
Avatar van Martijn Crew PHP lem, ik ben bezig met een spel wat stampvol js staat, en voor IE maakt t weldegelijk uit iif voor eventlisteners en volgens JSlint validatie 
Offline kaspar - 26/08/2010 15:13 (laatste wijziging 26/08/2010 15:21)
Avatar van kaspar Nieuw lid dank je, lemoinet, maar het werkte nog steeds niet...

ik heb zelf de laatste fout gevonden: If ipv if...
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s