Offerte Aanvraag formulier

Status
Niet open voor verdere reacties.
D

DaveCuppen

Gebruiker
Lid geworden
11 jan 2008
Berichten
49
Hey allemaal,

Ik hoop dat iemand mij hiermee kan helpen?
Ik heb er namelijk helemaal geen kaas van gegeten helaas :(
De opmaak oke...maar het aan de praat krijgen :(

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>LTS Offerte Formulier</title>
<style type="text/css">
<!--
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 11px;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style10 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
-->
</style>
</head>

<body>
<table width="670" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td height="19" colspan="2" valign="top"><span class="style2">Offerte Aanvraag </span></td>
  </tr>
  <tr>
    <td height="31" colspan="2" valign="bottom"><span class="style3">Vult u dit formulier alstublieft zo volledig mogelijk in. <br />
    Na het ontvangen   van uw gegevens zullen wij u zo snel mogelijk van dienst zijn.</span></td>
  </tr>
  <tr>
    <td height="25" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="25" /></td>
  </tr>
  <tr>
    <td height="16" colspan="2" valign="top"><span class="style4">Uw gegevens: </span></td>
  </tr>
  <tr>
    <td height="10" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="10" /></td>
  </tr>
  <tr>
    <td width="327" height="22" valign="middle"><span class="style6">Dhr.</span>
    <input name="dhr" type="checkbox" id="dhr" value="dhr" /></td>
    <td width="343" valign="middle"><span class="style6">Mevr.</span>
      <input name="mevr" type="checkbox" id="mevr" value="mevr" /></td>
  </tr>
  <tr>
    <td height="10" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="10" /></td>
  </tr>
  <tr>
    <td height="32" align="right" valign="middle"><form id="form1" name="form1" method="post" action="">
      <span class="style6">
      <label>Voornaam / letter(s) *   :
        <input name="voornaam" type="text" id="voornaam" size="25" maxlength="50" />
        </label>
      </span>
    </form></td>
  <td align="right" valign="middle"><form id="form2" name="form2" method="post" action="">
    <span class="style6">
    <label>Achternaam *  :
      <input name="achternaam" type="text" id="achternaam" size="25" maxlength="60" />
      </label>
    </span>
                  </form>  </td>
  </tr>
  <tr>
    <td height="22" align="right" valign="middle"><form id="form3" name="form3" method="post" action="">
      <span class="style6">
      <label>Straatnaam + Huisnr. *  :
        <input name="straatnaam" type="text" id="straatnaam" size="25" maxlength="60" />
        </label>
      </span>
                                    </form>    </td>
    <td align="right" valign="middle"><form id="form4" name="form4" method="post" action="">
      <span class="style6">
      <label>Postcode  :
        <input name="postcode" type="text" id="postcode" size="25" maxlength="6" />
        </label>
      </span>
                                    </form>    </td>
  </tr>
  <tr>
    <td height="22" align="right" valign="middle"><form id="form5" name="form5" method="post" action="">
      <span class="style6">
      <label>Woonplaats *  :
        <input name="woonplaats" type="text" id="woonplaats" size="25" maxlength="50" />
        </label>
      </span>
                                    </form>    </td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="10" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="10" /></td>
  </tr>
  <tr>
    <td height="28" colspan="2" align="center" valign="top"><span class="style3">U bent niet verplicht uw telefoonnummer door te geven. Maar wij verzoeken u   vriendelijk dit wel te doen. <br />
    Het maken van een afspraak en verdere communicatie   zal dan makkelijker verlopen.</span></td>
  </tr>
  <tr>
    <td height="10" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="10" /></td>
  </tr>
  <tr>
    <td height="32" align="right" valign="middle"><form id="form6" name="form6" method="post" action="">
      <span class="style6">
      <label>Telefoonnummer  :
        <input name="telefoonnummer" type="text" id="telefoonnummer" size="25" maxlength="12" />
        </label>
      </span>
    </form></td>
    <td align="right" valign="middle"><form id="form7" name="form7" method="post" action="">
      <span class="style6">
      <label>Mobielnummer  :
        <input name="mobielnummer" type="text" id="mobielnummer" size="25" maxlength="12" />
        </label>
      </span>
                                    </form>    </td>
  </tr>
  <tr>
    <td height="10" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="10" /></td>
  </tr>
  <tr>
    <td height="22" align="right" valign="middle"><form id="form8" name="form8" method="post" action="">
      <span class="style6">
        <label> Uw Email-adres *  :
        <input name="email" type="text" id="email" size="25" maxlength="50" />
        </label>
        </span>
                                            </form></td>
    <td></td>
  </tr>
  <tr>
    <td height="25" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="25" /></td>
  </tr>
  <tr>
    <td height="16" colspan="2" valign="top"><span class="style4">Informatie over het uit te voeren werk: </span></td>
  </tr>
  <tr>
    <td height="10" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="10" /></td>
  </tr>
  <tr>
    <td height="14" colspan="2" valign="top"><div align="center"><span class="style10">Om wat voor soort werk gaat het? Betreft het binnen- of buiten-schilderwerk? </span></div></td>
  </tr>
  <tr>
    <td height="10" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="10" /></td>
  </tr>
  <tr>
    <td height="22" align="left" valign="middle"><form action="" method="post" name="form9" class="style6" id="form9">
      <label>
        Binnen-schilderwerk </label>
        <input name="binnen" type="checkbox" id="binnen" value="binnen" />
  </form></td>
    <td valign="middle"><form id="form10" name="form10" method="post" action="">
      <span class="style6">
      <label>Buiten-schilderwerk
        <input name="buiten" type="checkbox" id="buiten" value="buiten" />
        </label>
      </span>
                                    </form>    </td>
  </tr>
  <tr>
    <td height="10" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="10" /></td>
  </tr>
  <tr>
    <td height="14" colspan="2" align="center" valign="top"><span class="style10">Geeft u hieronder een korte omschrijving van het werk: </span></td>
  </tr>
  <tr>
    <td height="99" colspan="2" align="center" valign="top"><form id="form11" name="form11" method="post" action="">
      <textarea name="omschrijving" cols="60" rows="6" id="omschrijving"></textarea>
    </form></td>
  </tr>
  <tr>
    <td height="10" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="10" /></td>
  </tr>
  <tr>
    <td height="23" colspan="2" valign="top"><form action="" method="post" name="form12" class="style6" id="form12">
      Wanneer wilt u dat er met het werk begonnen wordt?  :
      <select name="maand" id="maand">
        <option value="Januari">Januari</option>
        <option value="Februari">Februari</option>
        <option value="Maart">Maart</option>
        <option value="April">April</option>
        <option value="Mei">Mei</option>
        <option value="Juni">Juni</option>
        <option value="Juli">Juli</option>
        <option value="Augustus">Augustus</option>
        <option value="September">September</option>
        <option value="Oktober">Oktober</option>
        <option value="November">November</option>
        <option value="December">December</option>
        </select>
      2009
    </form></td>
  </tr>
  <tr>
    <td height="25" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="25" /></td>
  </tr>
  <tr>
    <td height="24" align="right" valign="top"><form id="form13" name="form13" method="post" action="">
      <input name="velden wissen" type="reset" id="velden wissen" value="Velden wissen" />
      &nbsp;
    </form></td>
    <td valign="top"><form id="form14" name="form14" method="post" action="">
      &nbsp;
      <input name="verzenden" type="submit" id="verzenden" value="Verzenden" />
    </form>    </td>
  </tr>
  <tr>
    <td height="120">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Ik heb de volgende html-formulier opgemaakt, maar zou dit graag, wanneer de benodigde velden zijn ingevuld, als een degelijk email willen versturen naar een betreffend email-adres?

Ik weet niet hoe ik dit moet doen :(

Hoop op jullie hulp :)?

Alvast vriendelijk bedankt
Gr.
Dave
 
je hebt een php-script nodig. Als je server dit niet ondersteund kan je eventueel het doen via javascript, maar dat's lelijk.

Trouwens, gebruik je een opmaakprog? want
HTML: 
    <td height="10" colspan="2" valign="top"><img src="images/spacer.gif" width="1" height="10" /></td>
:eek:


anywho, je moet je formulier tussen de <form> en </form> tags zetten. Voor het geval dat je met php aan de gang wilt gaan, doe je het zo:
HTML: 
<form action="postmail.php" method="post">
<!--- hier dus alle form-code -->
</form>
Dan moet je dus postmail.php zelf maken - zoek wat tut's op op google.

Voor javascript heb je een iets andere code, namelijk dit:
HTML: 
<form action="mailto:EMAIL@ADRES.XX" method="post" enctype="text/plain" >
<!--- hier dus alle form-code -->
</form>



Voor 'javascript' email: http://www.javascript-coder.com/javascript-form/javascript-email-form.phtml
voor php email: http://php.about.com/od/phpapplications/ss/form_mail.htm

of google gewoon even! :thumb:
 
Bedankt Vegras,

Ik gebruik Dreamweaver 8.0 als opmaakprogramma :)

Het tussen de body plaatsen van de tekst <form>...</form> is me nog wel gelukt,
maar de link die je meegestuurd hebt :S

Ik zal eens kijken hoe snel ik het door heb...

Vriendelijk bedankt :)

Gr.
Dave

PS..Voor evt meerdere tips betreffende de PHP...ik hou me aanbevolen?
 
Je kan deze topic eens doornemen... Die bevat alles wat je moet weten om een formulier te mailen met PHP
 
Dank je JhX,

Ik heb nu een volgende php file aangemaakt, zou je mij kunnen helpen en misschien zeggen of deze klopt ja of nee, en wat er evt. aan veranderd zou moeten worden, samen met bovenstaand html-form?

Code: 
<?php 
  $dhr=$_POST[adres@home.nl];
  $dhr=$_POST[dhr]; 
  $mevr=$_POST[mevr]; 
  $voornaam=$_POST[voornaam]; 
  $achternaam=$_POST[achternaam]; 
  $straatnaam=$_POST[straatnaam]; 
  $postcode=$_POST[postcode];
  $woonplaats=$_POST[woonplaats];
  $telefoonnummer=$_POST[telefoonnummer];
  $mobielnummer=$_POST[mobielnummer];
  $email=$_POST[email];
  $binnen=$_POST[binnen];
  $buiten=$_POST[buiten];
  $omschrijving="Email van $van\nGeeft u hieronder een korte omschrijving van het werk: \n$tekst";  
  $maand=$_POST[maand]; 
  $verzender="From: $email"; 
  if(mail($dhr, $mevr, $voornaam, $achternaam, $straatnaam, $postcode, $telefoonnummer, $mobielnummer, $email, $binnen, $buiten, $omschrijving, $maand)){ 
    $resultaat="Bovenstaande gegevens werden verstuurd!"; 
  } else { 
    $resultaat="Uw gegeven kunnen niet verzonden worden.<br>Probeer het later nog eens!"; 
  } 
?> 
  <html> 
    <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
      <title>Mail offerte</title> 
      <link rel="stylesheet" href="zz_offerte.css" type="text/css"> 
    </head> 
    <body> 
      <table width="100%"> 
        <tr> 
          <td width="200">Dhr.</td> 
          <td><?php echo $dhr; ?></td> 
        </tr> 
        <tr> 
          <td>Mevr.</td> 
          <td><?php echo $mevr; ?></td> 
        </tr> 
        <tr> 
          <td>Voornaam / letter(s) :</td> 
          <td><?php echo $voornaam; ?></td> 
        </tr> 
        <tr> 
          <td>Achternaam :</td> 
          <td><?php echo $achternaam; ?></td> 
        </tr> 
        <tr> 
          <td>Straatnaam :</td> 
          <td><?php echo $straatnaam; ?></td> 
        </tr>
		<tr> 
          <td>Postcode :</td> 
          <td><?php echo $postcode; ?></td> 
        </tr>
		<tr> 
          <td>Woonplaats :</td> 
          <td><?php echo $woonplaats; ?></td> 
        </tr>
		<tr> 
          <td>Telefoonnummer :</td> 
          <td><?php echo $telefoonnummer; ?></td> 
        </tr>
		<tr> 
          <td>Mobielnummer :</td> 
          <td><?php echo $mobielnummer; ?></td> 
        </tr>
		<tr> 
          <td>Emailadres :</td> 
          <td><?php echo $email; ?></td> 
        </tr>
		<tr> 
          <td>Binnen-schilderwerk :</td> 
          <td><?php echo $binnen; ?></td> 
        </tr>
		<tr> 
          <td>Buiten-schilderwerk :</td> 
          <td><?php echo $buiten; ?></td> 
        </tr>
		<tr> 
          <td>Omschrijving :</td> 
          <td><?php echo $omschrijving; ?></td> 
        </tr>
		<tr> 
          <td>Beginnen met werk :</td> 
          <td><?php echo $maand; ?></td> 
        </tr>
      <table> 
      <br> 
      <?php echo "$resultaat"; ?>      
      <br> 
    </body> 
  </html>

Alvast bedankt

Gr.
Dave
 
Hoi,

Is het mogelijk voor een admin, om mijn tread in de sectie PHP te plaatsen?

Alvast bedankt :)
Denk namelijk dat mijn vraag meer daar thuishoort.

Gr.
Dave
 
Sorry Dave... ik heb een paar dagen geen tijd gehad, en ben zeker tot zondag nog erg druk bezig.
Vanaf maandag wil ik dit samen met jou verder uitwerken tot het helemaal is zoals jij het wil!
Even geduld, en ... I'll be back (tenzij iemand anders je ondertussen verder helpt)
 
Geen probleem JHx,

Ik ben al blij als ik al iets verder kom :)
Jouw voorstel lijkt me helemaal perfect :)
Alvast vriendelijk bedankt

Gr.
Dave
 
Ik heb je code een beetje aangepast. Nu ja... grotendeels herschreven eigenlijk. Dat was makkelijker dan de fouten er uit te halen :p (Sorry voor de andere layout:o)
- Er zit nu een controle in of alle verplichte velden ingevuld zijn.
- De listbox bij 'aanvang' toont nu automatisch 12 maanden, beginnend bij de huidige maand.
- De email wordt verzonden, en de verzonden gegevens worden nog eens weergegeven.

In 'verzenden.php' moet je wel nog je eigen emailadres invullen bij '$mailto="..."' (regel 10)

Bekijk het eens en laat maar weten of je nog iets veranderd wil zien...
 

Bijlagen

Hey JHx,

Dit is super :)
Het werkt prima...ik hoop alleen dat je me zou kunnen uitleggen hoe je
nu ipv in hetzelfde venster bedankt of helaas er is een fout opgetreden, kunt omzetten in een evt. popup waarin dit zou kunnen staan? Ik zou graag het invulformulier blijven houden op de pagina zoals deze dan is...?

Is dit mogelijk?

Nogmaals...mega bedankt voor je hulp :)))

Gr.
Dave
 
Ja, dat is mogelijk!
Ik zal proberen er vanavond wat tijd voor vrij te maken, en anders zal het iets voor morgen zijn...

Eventjes om zeker te zijn of ik goed begrijp wat je wil:
Als de aanvraag met succes verzonden werd: alles blijft zoals het nu is.
Als de aanvraag niet verzonden werd: toon popup met "Helaas, ...." en terug naar het ingevulde formulier.
 
Hey JHx,

Dank je wel...echt super,

Als het mogelijk is:
Bij succes een popup en wanneer geen succes ook een popup?
Is dit mogelijk...ik hoop dat ik het straks kan ontcijferen wat je allemaal gedaan hebt, zodat ik het een volgende keer zelf kan doen :)

Wederom superbedankt!

Gr.
Dave
 
Alles zit nu in 1 enkel bestand (behalve de css natuurlijk).

Als de mail verzonden zie je de verzonden gegevens, en je krijgt een popup met "gelukt......"
Als de mail niet verzonden werd, kom je terug op het ingevulde formulier, en je krijgt een popup met "mislukt....."

Vergeet weer niet je eigen emailadres in te vullen (regel 4 deze keer).
 

Bijlagen

MEGA bedankt

Dit is geweldig :)
Ik weet niet hoe vaak ik je kan bedanken :)
Maar je hebt mij hier heel blij meegemaakt! Echt super!

Nu zal ik proberen je code eens te gaan ontcijferen :)

Gr.
Dave
 
Graag gedaan!;)
Als je er vragen over hebt: laat maar komen:thumb:
 
Hoi JHx,

Ik heb toch nog een vraag, waar ik bij hoop dat je me hiermee nog wilt helpen?
Wanneer ik nu het formulier ingevuld en verzonden heb, krijg ik een mail...is het hierbij mogelijk dat de onderwerpnaam (bijv: Voornaam:, Achternaam:, etc.) in bold geschreven is in de email die uitgestuurd wordt?
Dus dat je krijgt:
Voornaam: Dave
Achternaam: Cuppen

Zou dit mogelijk zijn?

Alvast bedankt :)

Vriendelijke groet,
Dave
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan