login  Naam:   Wachtwoord: 
Registreer je!
 Forum
Zoeken  Regels  Help
Categorieën > JavaScript

interactief formulier javascript (Opgelost)

kaspar – 25/08/2010 20:14 (Laatst gewijzigd op 25/08/2010 20:18)
Offline offline




Nieuw lid
 hallo, volgende code:

  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
Daisycon - Verdien geld met uw website

Martijn – 25/08/2010 20:25
Offline offline



Crew PHP
de functie wordt aangeroepen en later op de pagina pas 'gemaakt', dat kan javascript niet

lemoinet – 25/08/2010 20:42
Offline offline



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
  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>

Martijn – 25/08/2010 21:22
Offline offline



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 

kaspar – 26/08/2010 15:13 (Laatst gewijzigd op 26/08/2010 15:21)
Offline offline



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-2012 Sitemasters.be - Regels - Gehost door: Vircon - Laadtijd: 0.066s