1. 20-03-2009, 10:26 #1
    Jordyp
    Jordyp is offline Particulier
    Berichten
    167
    Lid sinds
    16 Jaar

    HTML bestelformulier probleemje

    hallo allemaal ik heb een html formulier gemaakt voor mij zelf maa er zijn behoorlijk wat fouten denk ik wie kan er even naar kijken zodat hij ok verzend enzovoort hier onder het volledige script:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head><script type="text/javascript">
    // _h : 'h' (=hide(verbergen)), of 's' (=show(tonen))
    // _w : ID
    function wisselen(_w,_h) {
    if (document.all) {
    if (_h=='h') eval("document.all."+_w+".style.visibility='hidden ';");
    if (_h=='s') eval("document.all."+_w+".style.visibility='visibl e';");
    } else {
    if (_h=='h') eval("document.layers['"+_w+"'].visibility='hide';");
    if (_h=='s') eval("document.layers['"+_w+"'].visibility='show';");
    }
    }
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Naamloos document</title>
    <style type="text/css">
    <!--
    body {
    background-color: #FFF;
    }
    -->
    </style></head>
    <FORM action=mailto:lijn70@hotmail.com?SUBJECT=bestellin g method=post encType=text/plain>
    <input type="hidden" name="recipient" value="[email address]">
    <input type="hidden" name="subject" value="Bestelling">
    <input type="hidden" name="return_link_url" value="http://www.kijkmaar.eu/">
    <input type="hidden" name="redirect" value="http://www.kijkmaar.eu/bedankt.html">
    <p style="visibility:visible; position:relative; top:0; left:0; border: 1px none #000000;"><body><!-- Invoegen van het script gebeurt door toevoegen van onClick: -->
    <form>
    Merk 1
    <input name="r1" type="radio" value="" onClick="wisselen('deel0','s')">
    Verbergen <input name="r1" type="radio" onClick="wisselen('deel0','h')" value="" checked="checked">
    </form>
    <!-- Het formuliergedeelte dat je wil tonen/verbergen plaats je tussen <span>-tags: -->
    <span id="deel0" style="visibility:visible;position:relative;top:0; left:0">
    <form>
    <input type="checkbox" name="Order2" value="Product1" />
    Product hier onder het zelfde doen € 21 <BR>
    <input type="checkbox" name="Order" value="Product2">
    Product hier onder het zelfde doen € 21
    <BR><input type="checkbox" name="Order" value="Product3">
    Product hier onder het zelfde doen € 21
    <BR>
    <input type="checkbox" name="Order" value="Product4">
    Product hier onder het zelfde doen € 41
    <BR><input type="checkbox" name="Order" value="Product5">
    Product hier onder het zelfde doen € 35
    <BR><input type="checkbox" name="Order" value="Product6">
    Product hier onder het zelfde doen € 28

    </form>
    </span>
    <p style="visibility:visible; position:relative; top:0; left:0; border: 1px none #000000;"><body><!-- Invoegen van het script gebeurt door toevoegen van onClick: -->
    <form>
    Merk 2
    <input name="r1" type="radio" value="" onClick="wisselen('deel2','s')">
    Verbergen <input name="r1" type="radio" onClick="wisselen('deel2','h')" value="" checked="checked">
    </form>
    <!-- Het formuliergedeelte dat je wil tonen/verbergen plaats je tussen <span>-tags: -->
    <span id="deel2" style="visibility:visible;position:relative;top:0; left:0">
    <form>
    <input type="checkbox" name="Order2" value="Product1" />
    Product hier onder het zelfde doen € 21 <BR>
    <input type="checkbox" name="Order" value="Product2">
    Product hier onder het zelfde doen € 21
    <BR><input type="checkbox" name="Order" value="Product3">
    Product hier onder het zelfde doen € 21
    <BR>
    <input type="checkbox" name="Order" value="Product4">
    Product hier onder het zelfde doen € 41
    <BR><input type="checkbox" name="Order" value="Product5">
    Product hier onder het zelfde doen € 35
    <BR><input type="checkbox" name="Order" value="Product6">
    Product hier onder het zelfde doen € 28

    </form>
    </span>
    <p style="visibility:visible; position:relative; top:0; left:0; border: 1px none #000000;"><body><!-- Invoegen van het script gebeurt door toevoegen van onClick: -->
    <form>
    Merk 3
    <input name="r1" type="radio" value="" onClick="wisselen('deel3','s')">
    Verbergen <input name="r1" type="radio" onClick="wisselen('deel3','h')" value="" checked="checked">
    </form>
    <!-- Het formuliergedeelte dat je wil tonen/verbergen plaats je tussen <span>-tags: -->
    <span id="deel3" style="visibility:visible;position:relative;top:0; left:0">
    <form>
    <input type="checkbox" name="Order2" value="Product1" />
    Product hier onder het zelfde doen € 21 <BR>
    <input type="checkbox" name="Order" value="Product2">
    Product hier onder het zelfde doen € 21
    <BR><input type="checkbox" name="Order" value="Product3">
    Product hier onder het zelfde doen € 21
    <BR>
    <input type="checkbox" name="Order" value="Product4">
    Product hier onder het zelfde doen € 41
    <BR><input type="checkbox" name="Order" value="Product5">
    Product hier onder het zelfde doen € 35
    <BR><input type="checkbox" name="Order" value="Product6">
    Product hier onder het zelfde doen € 28

    </form>
    </span>
    <p><span style="visibility:visible;position:relative;top:0; left:0"> </span>
    </p>
    </p>
    <p style="visibility:visible; position:relative; top:0; left:0; border: 1px none #000000;"><body><!-- Invoegen van het script gebeurt door toevoegen van onClick: -->
    <form>
    Gegevens formulier Tonen
    <input name="r1" type="radio" onClick="wisselen('deel4','s')" value="">
    Verbergen <input name="r1" type="radio" onClick="wisselen('deel4','h')" value="" checked="checked">
    </form>

    <span id="deel4" style="visibility:visible;position:relative;top:0; left:0">
    <form><P>Naam: <INPUT NAME="naam" SIZE="40"></P>
    <P>Adres: <INPUT NAME="adres" SIZE="40"></P>
    <P>Postcode: <INPUT NAME="postcode" SIZE="10">Plaats: <INPUT NAME="plaats" SIZE="40">
    <P>Land: <INPUT NAME="country" SIZE="40">
    <P>Telefoon: <INPUT NAME="telefoon" SIZE="40">
    <P>Email: <INPUT NAME="email" SIZE="40"></P>
    </form>
    </span> </p>
    <p><span style="visibility:visible;position:relative;top:0; left:0"> </span>
    </p>
    </p>
    <form id="form1" name="form1" method="post" action="">
    <label>
    <div align="center">
    <input type="submit" name="Submit" id="Submit" value="Verzenden" />
    <input type="reset" name="Wissen" id="Wissen" value="Wissen" />
    </div>
    </label>
    <label>
    <div align="center"></div>
    </label>
    </form>
    </FORM>
    <p>&nbsp;</p>
    </body>
    </html>

    mvg
    jordy
  3. 20-03-2009, 10:31 #2
    RoyB
    RoyB is offline Particulier
    Berichten
    1.478
    Lid sinds
    17 Jaar

    codetags graag?
  4. 20-03-2009, 10:32 #3
    Jordyp
    Jordyp is offline Particulier
    Berichten
    167
    Lid sinds
    16 Jaar

    Beste R van breugel

    Dit is alles wat ik heb voor U

    MVG
    Jordy
  5. 20-03-2009, 10:34 #4
    RoyB
    RoyB is offline Particulier
    Berichten
    1.478
    Lid sinds
    17 Jaar

    Dus je post een bericht altijd op deze manier?
    Plaats er codetags bij aub.
  6. 20-03-2009, 10:36 #5
    Jordyp
    Jordyp is offline Particulier
    Berichten
    167
    Lid sinds
    16 Jaar

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script type="text/javascript">
// _h : 'h' (=hide(verbergen)), of 's' (=show(tonen))
// _w : ID
function wisselen(_w,_h) {
if (document.all) { 
if (_h=='h') eval("document.all."+_w+".style.visibility='hidden';");
if (_h=='s') eval("document.all."+_w+".style.visibility='visible';");
} else { 
if (_h=='h') eval("document.layers['"+_w+"'].visibility='hide';");
if (_h=='s') eval("document.layers['"+_w+"'].visibility='show';");
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<style type="text/css">
<!--
body {
 background-color: #FFF;
}
-->
</style></head>
<FORM action=mailto:lijn70@hotmail.com?SUBJECT=bestelling method=post encType=text/plain>
<input type="hidden" name="recipient" value="[email address]">
<input type="hidden" name="subject" value="Bestelling">
<input type="hidden" name="return_link_url" value="http://www.kijkmaar.eu/">
<input type="hidden" name="redirect" value="http://www.kijkmaar.eu/bedankt.html">
<p style="visibility:visible; position:relative; top:0; left:0;  border: 1px none #000000;"><body><!-- Invoegen van het script gebeurt door toevoegen van onClick: -->
<form>
  Merk 1
    <input name="r1" type="radio" value="" onClick="wisselen('deel0','s')">
Verbergen <input name="r1" type="radio" onClick="wisselen('deel0','h')" value="" checked="checked">
</form> 
<!-- Het formuliergedeelte dat je wil tonen/verbergen plaats je tussen <span>-tags: -->
<span id="deel0" style="visibility:visible;position:relative;top:0;left:0">
<form>
<input type="checkbox" name="Order2" value="Product1" />
Product hier onder het zelfde doen € 21 <BR>
  <input type="checkbox" name="Order" value="Product2">
    Product hier onder het zelfde doen € 21
  <BR><input type="checkbox" name="Order" value="Product3">
    Product hier onder het zelfde doen € 21
  <BR>
  <input type="checkbox" name="Order" value="Product4">
  Product hier onder het zelfde doen € 41
  <BR><input type="checkbox" name="Order" value="Product5">
    Product hier onder het zelfde doen € 35
  <BR><input type="checkbox" name="Order" value="Product6">
    Product hier onder het zelfde doen € 28
  
</form>
</span>
<p style="visibility:visible; position:relative; top:0; left:0;  border: 1px none #000000;"><body><!-- Invoegen van het script gebeurt door toevoegen van onClick: -->
<form>
  Merk 2
    <input name="r1" type="radio" value="" onClick="wisselen('deel2','s')">
Verbergen <input name="r1" type="radio" onClick="wisselen('deel2','h')" value="" checked="checked">
</form> 
<!-- Het formuliergedeelte dat je wil tonen/verbergen plaats je tussen <span>-tags: -->
<span id="deel2" style="visibility:visible;position:relative;top:0;left:0">
<form>
<input type="checkbox" name="Order2" value="Product1" />
Product hier onder het zelfde doen € 21 <BR>
  <input type="checkbox" name="Order" value="Product2">
    Product hier onder het zelfde doen € 21
  <BR><input type="checkbox" name="Order" value="Product3">
    Product hier onder het zelfde doen € 21
  <BR>
  <input type="checkbox" name="Order" value="Product4">
  Product hier onder het zelfde doen € 41
  <BR><input type="checkbox" name="Order" value="Product5">
    Product hier onder het zelfde doen € 35
  <BR><input type="checkbox" name="Order" value="Product6">
    Product hier onder het zelfde doen € 28
  
</form>
</span>
<p style="visibility:visible; position:relative; top:0; left:0; border: 1px none #000000;"><body><!-- Invoegen van het script gebeurt door toevoegen van onClick: -->
<form>
  Merk 3
    <input name="r1" type="radio" value="" onClick="wisselen('deel3','s')">
Verbergen <input name="r1" type="radio" onClick="wisselen('deel3','h')" value="" checked="checked">
</form> 
<!-- Het formuliergedeelte dat je wil tonen/verbergen plaats je tussen <span>-tags: -->
<span id="deel3" style="visibility:visible;position:relative;top:0;left:0">
<form>
<input type="checkbox" name="Order2" value="Product1" />
Product hier onder het zelfde doen € 21 <BR>
  <input type="checkbox" name="Order" value="Product2">
    Product hier onder het zelfde doen € 21
  <BR><input type="checkbox" name="Order" value="Product3">
    Product hier onder het zelfde doen € 21
  <BR>
  <input type="checkbox" name="Order" value="Product4">
  Product hier onder het zelfde doen € 41
  <BR><input type="checkbox" name="Order" value="Product5">
    Product hier onder het zelfde doen € 35
  <BR><input type="checkbox" name="Order" value="Product6">
    Product hier onder het zelfde doen € 28
  
</form>
</span>
<p><span style="visibility:visible;position:relative;top:0;left:0">  </span>
  </p>
</p>
<p style="visibility:visible; position:relative; top:0; left:0; border: 1px none #000000;"><body><!-- Invoegen van het script gebeurt door toevoegen van onClick: -->
<form>
  Gegevens formulier Tonen
    <input name="r1" type="radio" onClick="wisselen('deel4','s')" value="">
Verbergen <input name="r1" type="radio" onClick="wisselen('deel4','h')" value="" checked="checked">
</form> 

<span id="deel4" style="visibility:visible;position:relative;top:0;left:0">
<form><P>Naam:  <INPUT NAME="naam" SIZE="40"></P>
<P>Adres: <INPUT NAME="adres" SIZE="40"></P>
<P>Postcode: <INPUT NAME="postcode" SIZE="10">Plaats: <INPUT NAME="plaats" SIZE="40">
<P>Land: <INPUT NAME="country" SIZE="40">
<P>Telefoon: <INPUT NAME="telefoon" SIZE="40">
<P>Email: <INPUT NAME="email" SIZE="40"></P>
</form>
</span> </p>
<p><span style="visibility:visible;position:relative;top:0;left:0">  </span>
  </p>
</p>
<form id="form1" name="form1" method="post" action="">
  <label>
    <div align="center">
      <input type="submit" name="Submit" id="Submit" value="Verzenden" />
      <input type="reset" name="Wissen" id="Wissen" value="Wissen" />
    </div>
  </label>
  <label>
    <div align="center"></div>
  </label>
</form>
</FORM>
<p>&nbsp;</p>
</body>
</html>
    Citaat Origineel gepost door R van Breugel
    Dus je post een bericht altijd op deze manier?
    Plaats er codetags bij aub.
  7. 20-03-2009, 10:37 #6
    R. Boes
    R. Boes is offline Particulier
    Berichten
    45
    Lid sinds
    16 Jaar

    Net ff gekeken er zitten al fouten in het gebruik van de vars.
    Je gebruikt nergens haakjes!

    voorbeeld: <FORM action="http://somesite.com/prog/adduser" method="post">

    Ik zou deze site even bekijken: http://www.w3.org/TR/html401/interact/forms.html
  8. 20-03-2009, 12:48 #7
    Tom Verhaeg
    Tom Verhaeg is offline Particulier
    Berichten
    1.499
    Lid sinds
    17 Jaar

    Ook wil ik je aanraden geen gebruik te maken van HTML bestelformulieren, dat doe je beter met PHP. Als je me even een PB stuurt met je msn wil ik wel even met je kijken.
  9. 20-03-2009, 20:46 #8
    Jeffrey Kroon
    Jeffrey Kroon is offline Particulier
    Berichten
    330
    Lid sinds
    16 Jaar

    Inderdaad gaat het niet werken als je geen haakjes " gebruikt, en inderdaad kan je beter zo'n formulier met php maken. Waneer je geen laadtijden etc. wil op je pagina dan kan je altijd nog gebruik maken van AJAX

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

  • Sitedeals.nl is de grootste handelswebsite voor website eigenaren. Deel kennis en participeer op het webmasterforum.

Inloggen

Inloggen