Forums

The Extension to input the own form code is fantastic. But I have some problems to use the form:

I have made this big form:

<p><strong>Terminwahl</strong></p>
<p>Hier haben Sie die Möglichkeit uns zwei Termine vorzuschlagen. Wir werden Ihnen einen Termin bestätigen oder einen neuen vorschlagen, wenn beide Terminwünsche nicht berücksichtigt werden können!</p>
<div id="name">Name:</div><div id="texbox"><input size="35" maxlength="20" type="text" name="name" value="" class="inputbox"/></div><br />

<div id="vorname">Vorname:</div><div id="texbox"><input size="35" maxlength="20" type="text" name="vorname" value="" class="inputbox"/></div><br />
<div id="strasse">Straße:</div><div id="texbox"><input size="35" maxlength="20" type="text" name="strasse" value="" class="inputbox"/></div><br />
<div id="plz">PLZ:</div><div id"texbox"><input size="35" maxlength="20" type="text" name="plz" value="" class="inputbox"/></div><br />

<div id="telefon">Telefon:</div><div id="texbox"><input size="35" maxlength="20" type="text" name="telefon" value="" class="inputbox"/></div><br />

<div id="email">Email:</div><div id="texbox"><input size="35" maxlength="20" type="text" name="email" value="" class="inputbox"/></div><br /><br />

<div id="ort" >Ort:</div><div id"texbox"><input size="35" maxlength="20" type="text" name="ort" value="" class="inputbox"/></div><br /><br />

<div id="benachrichtigung"><B>Ich möchte benachrichtigt werden per:</B></div>

<input id="telefonbutton" type="radio" name="telefonbutton" value="1">Telefon<br />

<input id="emailbutton" type="radio" name="emailbutton" value="2">eMail<br /><br />

<div id="termin1"><P><B>Termin 1. Wahl:</B></P></div>

<div id="datum1">Datum:</div>

<select id="auswahl_datum_termin1" name="auswahl_datum_termin1"  size="1" class="inputbox"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select>

<select id="auswahl_monat_termin1" name="auswahl_monat_termin1"  size="1" class="inputbox"><option value="Januar">Januar</option><option value="Februar">Februar</option><option value="März">März</option><option value="April">April</option><option value="Mai">Mai</option><option value="Juni">Juni</option><option value="Juli">Juli</option><option value="August">August</option><option value="September">September</option><option value="Oktober">Oktober</option><option value="November">November</option><option value="Dezember">Dezember</option></select>

<select id="jahr_termin1" name="auswahl_jahr_termin1" size="1" class="inputbox"><option value="2008">2008</option></select><br />

<div id="uhrzeit1">Uhrzeit:</div>

<select id="auswahl_uhrzeit_termin1" name="auswahl_uhrzeit_termin1" size="1" class="inputbox"><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option></select></div><br />

<div id="termin2"><P><B>Termin 2. Wahl:</B></P></div>

<div id="datum2">Datum:</div>

<select id="auswahl_datum_termin2" name="auswahl_datum_termin2"  size="1" class="inputbox"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select>

<select id="ff_elem464" name="auswahl_monat_termin2"  size="1" class="inputbox"><option value="Januar">Januar</option><option value="Februar">Februar</option><option value="März">März</option><option value="April">April</option><option value="Mai">Mai</option><option value="Juni">Juni</option><option value="Juli">Juli</option><option value="August">August</option><option value="September">September</option><option value="Oktober">Oktober</option><option value="November">November</option><option value="Dezember">Dezember</option></select>

<select id="auswahl_jahr_termin2" name="auswahl_jahr_termin2"  size="1" class="inputbox"><option value="2008">2008</option></select><br /><br />

<div id="uhrzeit2">Uhrzeit:</div>

<div id="auswahl_uhrzeit_termin2"><select id="auswahl_uhrzeit-termin2" name="auswahl_uhrzeit_termin2"  size="1" class="inputbox"><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option></select></div><br />

<div id="frage">Und nun?</div><br />

<input id="submit" type="button" name="button_abschicken" value="Abschicken" />
<input id="reset" type="button" name="button_loeschen" value="Eingaben löschen"><br /><br />

<div id="privacy"><p><b>Datenschutzerklärung</b></p></div>

<div id="privacy_text"><p>Die von Ihnen zur Anfrage übermittelten Daten behandeln wir entsprechend den gesetzlichen Bestimmungen streng vertraulich.</p>

<p>Eine unberechtigte Weitergabe an Dritte erfolgt nicht!</p>

<p>Wir verarbeiten und nutzen Ihre persoenlichen Daten, soweit dies zur Bearbeitung, Durchführung und Abwicklung Ihrer Anfrage erforderlich ist.</p></div>

The radio buttons to check the phone or email button are not working correctly, because I can fill out the two radio buttons and can not reset phone or email.

If I fill out the form I can´t reset the datas I wrot in it. I can´t also send it out!

Please help me. I can give you the url of the form via private message!

Hi wmcig,

To have the radio buttons work together they must both have the same name (but different values).

Your submit button needs to have type='submit' or it won't work.

You can email me at the address in my sig.

Bob

Hi,

thanx a lot for your fast support.

I have send an email to you!

Hi wmcig,

The form code looks like this

div id="benachrichtigung">
</div>
<input id="telefonbutton" type="radio" value="1" name="telefonbutton"/>
Telefon
<br/>
<input id="emailbutton" type="radio" value="2" name="emailbutton"/>
eMail
<br/>
<br/>

If you want these to behave as a group they must both have the same name:

div id="benachrichtigung">
</div>
<input id="telefonbutton" type="radio" value="telefon" name="contact"/>
Telefon
<br/>
<input id="emailbutton" type="radio" value="emai" name="contact"/>
eMail
<br/>
<br/>

then only one can be selected. I've also changed the values so that they tell you which button is selected.

Bob

Thank you for your help with the form. All is looking good.

When I send the form a empty page was made. That is okay. I change this soon.

But the receiver get no email of the form. I don´t know which fields are importnat to fill out in the backend of the component, so the receiver can receive emails from the clients.

Hi wmcig,

Please read this FAQ

Bob