wie kan ontdekken waar de fout zit(javascript)?

**LéonH** · 12-02-2011, 21:25

Hallo,

Ik heb een bestelscript gemaakt. Dit script werkt prima zonder layout. Nu heb ik er een layout omheen gezet, maar nu geeft hij een fout op de pagina. Zal misschien iets kleins zijn, maar ik zie het niet.

Hoop dat iemand het weet

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Bestelformulier</title>
<style type="text/css">
<!--
body {margin: 0px; padding: 0px;}
a:link {color: #2c3651;}
a:visited {color: #1f5b8b;}
a:hover {color: #2c3651;}
a:active {color: #2c3651;}
.Body-P
        {
        margin:0.0px 0.0px 12.0px 0.0px; text-align:center; font-weight:400; 
        }
.Body-P0
        {
        margin:0.0px 0.0px 12.0px 0.0px; text-align:left; font-weight:400; 
        }
.Body-C
        {
        font-family:"Verdana", sans-serif; font-weight:700; font-size:19.0px; 
        line-height:1.21em; 
        }
-->
</style>
<link rel="stylesheet" href="css/class.css" media="all" type="text/css" />
  <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
  <script src="js/jquery.validate.min.js" type="text/javascript"></script>
  <script src="js/functions.js" type="text/javascript"></script>
<script type="text/javascript" src="wpscripts/jspngfix.js"></script>
</head>
<body text="#000000" style="background-color:#fee2f4; text-align:center; height:1050px;">
<div style="background-color:#fee2f4;text-align:left;margin-left:auto;margin-right:auto;position:relative;width:750px;height:1050px;">
<div style="position:absolute; left:1px; top:0px; width:749px; height:203px;">
    <img src="wpimages/wp055507a9.png" width="749" height="203" border="0" id="meta_3" name="meta_3" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:0px; top:204px; width:750px; height:804px;">
    <img src="wpimages/wpa1d053af.png" width="750" height="804" border="0" id="meta_5" name="meta_5" title="" alt="" onload="OnLoadPngFix()"></div>
 
<div id="txt_1_C01" style="position:absolute; left:143px; top:317px; width:470px; height:721px;">
    <div class="Body-P">
        <span class="Body-C">Bestelformulier<br></span></div>
<body>
 <div id="container" class="container">
 
 <div id="stap1">
  <form action="" method="post" id="bestelformulier1">
  <fieldset>
  <legend>Persoonsgegevens</legend>
  <label for="naam">Naam</label>
  <input name="naam" class="formInputText" id="naam" type="text" value=""><br>
  <label for="adres">Adres</label>
  <input name="adres" class="formInputText" id="adres" type="text" value=""><br>
  <label for="postcode">Postcode</label>
  <input name="postcode" class="formInputText" id="postcode" type="text" maxlength="6" value=""><br>
  <label for="woonplaats">Woonplaats</label>
  <input name="woonplaats" class="formInputText" id="woonplaats"type="text" value=""><br>  
  <label for="land">Land</label>
  <input name="land" class="formInputText" id="land" type="text" value=""><br>
  <label for="email">Email</label>
  <input name="email" class="formInputText" id="email" type="text" value=""><br>
  <label for="telefoon">Telefoonnummer</label>
  <input name="telefoon" class="formInputText" id="telefoon" type="text" value=""><br>
  <p>
  <input onclick="do_step('1','2');" name="afronden" type="button" class="button" value="Volgende stap">
  </p>
  </fieldset>
  </form>
 </div>
 <div id="stap2" style="display:none;">
  <form action="" method="post" id="bestelformulier2">
  <fieldset>
  <legend><b>Product</b></legend>
  <label for="product">Product</label>
  <select name="product" class="formSelect" id="product">
  <option selected="selected" value="">Selecteer uw product:</option>
  <option value="nr 1 gouden oorbel roze">nr 1 gouden oorbel roze </option>
<option value="nr 2 gouden oorbel wit">nr 2 gouden oorbel wit </option>
  </select>
<label for="product">Product</label>
  <select name="product" class="formSelect" id="product1">
  <option selected="selected" value="">Selecteer uw product:</option>
  <option value="nr 1 gouden oorbel roze">nr 1 gouden oorbel roze </option>
<option value="nr 2 gouden oorbel wit">nr 2 gouden oorbel wit </option>
  </select>
  <input onclick="do_step('2','1');" class="button" type="button" value="Vorige stap">
  <input onclick="do_step('2','3');" class="button" name="afronden" type="button" value="Volgende stap">
  </p>
  </fieldset>
  </form>
 </div>
 <div id="stap3" style="display:none;">
  <form action="" method="post" id="bestelformulier3">
  <fieldset>
  <legend><b>Verzending</b></legend>
  <label for="verzending">verzending</label>
  <select name="verzending" class="formSelect" id="verzending">
  <option selected="selected" value="">Kies verzending:</option>
  <option value="Nederland € 1,50">Binnen Nederland € 1,50 </option>
    <option value="Zelf ophalen">Zelf ophalen</option>  
  </select>
    <p>
  <input onclick="do_step('3','2');" class="button" type="button" value="Vorige stap">
  <input onclick="do_step('3','4');" class="button" name="afronden" type="button" value="Volgende stap">
  </p>
  </fieldset>
  </form>
 </div> 
 <div id="stap4" style="display:none;">
  <fieldset>
  <legend><b>Resultaat:</b></legend>
  <p id="hmes">Controleer uw bestelling en druk vervolgens op bevestigen.</p>
  <div id="current"></div>
  <p id="hbut">
  <input onclick="do_step('4','3');" class="button" type="button" value="Vorige stap">
  <input onclick="send_form();" class="button" name="afronden" type="button" value="Bevestigen">
  </p>
  </fieldset>
 </div>
 <div id="result">
</div>
</div>
</div>
</div>
</body>
</html>

**Robin L** · 12-02-2011, 21:28

En de fout is? Online voorbeeld wellicht? Foutenconsole van je browser al geprobeert?

**LéonH** · 12-02-2011, 21:31

bij deze:

http://bit.ly/eNlCd5

**Daniel Klabbers** · 12-02-2011, 21:34

Ik zie geen fout op de pagina; kijk ik eroverheen?

**LéonH** · 12-02-2011, 21:36

denk het, wanneer je op volgende klikt gebeurt er niks. Links onderin staat een geel driehoekje met de tekst gereed. Wanneer je op volgende klikt staat er fout op de pagina... Je komt dus niet naar stap 2
Aanvullend bericht:
het moet werken zoals onderstaande link:

http://bit.ly/goOwbG

**Jeroen F.** · 12-02-2011, 21:53

Bij 'Land' blijft hij in ieder geval ergens haperen.

**Robin L** · 12-02-2011, 21:55

Origineel gepost door LéonH

denk het, wanneer je op volgende klikt gebeurt er niks. Links onderin staat een geel driehoekje met de tekst gereed. Wanneer je op volgende klikt staat er fout op de pagina... Je komt dus niet naar stap 2
Aanvullend bericht:
het moet werken zoals onderstaande link:

http://bit.ly/goOwbG

Land: Nederland
'Geef tenminste 4 karakters op' ?

**LéonH** · 12-02-2011, 21:57

Ik heb land even vervangen voor een openveld, want dat moest het eigenlijk ook zijn.. Het probleem blijft

**Robin L** · 12-02-2011, 22:04

Origineel gepost door LéonH

Ik heb land even vervangen voor een openveld, want dat moest het eigenlijk ook zijn.. Het probleem blijft

Hij doet het nu? Hier tenminste..

**LéonH** · 12-02-2011, 22:09

doet hij met de layout? Daar ging het juist om. Zonder layout werkt hij inderdaad.

**Robin L** · 12-02-2011, 22:11

Origineel gepost door LéonH

doet hij met de layout? Daar ging het juist om. Zonder layout werkt hij inderdaad.

Eerste url die je gaf werkt ie nu (met layout inderdaad).. heb tot en met bevestigen (Stap 4 uit me hoofd) geprobeert en no problems..

**LéonH** · 12-02-2011, 22:13

hmz vreemd... zal de cookies even wissen
Aanvullend bericht:
werkt alweer... Op mijn iphone heb ik geen problemen.
@ iedereen
bedankt voor de moeite :) en sorry voor het ongemakt

wie kan ontdekken waar de fout zit(javascript)?