Javascript Form - Gathering/consolidating field input issue

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • filmfanatic
    New Member
    • Oct 2007
    • 1

    #1

    Javascript Form - Gathering/consolidating field input issue

    In this emal form, I'm trying to consolidate all the input into the TEXTAREA portion and then have it emailed to a specific person. I've tried the onClick and onBlur commands but only one field's input shows at a given time in the TEXTAREA box. Then, then when I move to the next field and input text, it just erases the choice from the first field in the TEXTAREA box below.

    Basically, I want the data to consolidate in the TEXTAREA box and then when I click Submit, it will be emailed to me. The text should look like this in the TEXTAREA box and in the final email body:

    Bob Smith
    bob.smith@compa ny.com
    USA
    Foxtrot, Samba


    Thanks everyone,
    Joe


    Here is the code:

    [CODE=html]<form enctype="applic ation/x-www-form-urlencoded" name="mailform" action="%SCRIPT URL{sendemail}%/%WEB%/%TOPIC%" method="POST">

    <h1><a name="Registrat ion"></a> Dance Class Registration </h1>

    <table border="0" cellpadding="0" cellspacing="12 ">

    <td></td>
    <td>Fields marked <code><font color='red'>**</font></code> are required</td>
    </tr>

    <tr>
    <td align="right"> Name: </td>
    <td><input type="text" name="Name" size="40" class="twikiInp utField" value="" /><code><font color="red">**</font></code> </td>
    </tr>

    <tr>
    <td align="right"> E-mail address: </td>
    <td><input type="text" name="Email" size="40" class="twikiInp utField" value="" /> <code><font color="red">**</font></code> </td>
    </tr>

    </tr><tr>
    <td align="right"> Country: </td>
    <td>
    <select name="Country" size="1" />
    <option selected value="">Select ...</option>
    <option>USA</option>
    <option>Albania </option>
    <option>Algeria </option>
    <option>Andorra </option>
    <option>Angol a</option>
    <option>Argenti na</option>
    <option>Armenia </option>
    <option>Aruba </option>
    <option>Austral ia</option>
    <option>Austria </option>
    <option>Azerbai jan</option>
    <option>Bahrain </option>
    <option>Banglad esh</option>
    <option>Belarus </option>
    <option>Belgium </option>
    <option>Beliz e</option>
    <option>Benin </option>
    <option>Bhuta n</option>
    <option>Bolivia </option>
    <option>Bosni a and Hercegovina</option>
    <option>Brazi l</option>
    <option>Bulgari a</option>
    <option>Burundi </option>
    <option>Cambodi a</option>
    <option>Cameroo n</option>
    <option>Canad a</option>
    <option>Centr al African Republic</option>
    <option>Chile </option>
    <option>China </option>
    <option>Colombi a</option>
    <option>Congo </option>
    <option>Costa Rica</option>
    <option>Croatia </option>
    <option>Cuba</option>
    <option>Cypru s</option>
    <option>Czech Republic</option>
    <option>Denmark </option>
    <option>Ecuador </option>
    <option>Egypt </option>
    <option>El Salvador</option>
    <option>Estonia </option>
    <option>Ethiopi a</option>
    <option>Fiji</option>
    <option>Finland </option>
    <option>Franc e</option>
    <option>Georgia </option>
    <option>Germany </option>
    <option>Gibralt ar</option>
    <option>Greec e</option>
    <option>Guam</option>
    <option>Guatema la</option>
    <option>Haiti </option>
    <option>Hong Kong</option>
    <option>Hungary </option>
    <option>Iceland </option>
    <option>India </option>
    <option>Indones ia</option>
    <option>Iran</option>
    <option>Iraq</option>
    <option>Ireland </option>
    <option>Israe l</option>
    <option>Italy </option>
    <option>Jamaica </option>
    <option>Japan </option>
    <option>Jorda n</option>
    <option>Kazakst an</option>
    <option>Kenya </option>
    <option>Korea </option>
    <option>Kuwai t</option>
    <option>Kyrgy z Rebublic</option>
    <option>Laos</option>
    <option>Latvi a</option>
    <option>Lebanon </option>
    <option>Liberia </option>
    <option>Liechte nstein</option>
    <option>Lithuan ia</option>
    <option>Luxembo urg</option>
    <option>Libya </option>
    <option>Macao </option>
    <option>Macedon ia</option>
    <option>Malaysi a</option>
    <option>Malaw i</option>
    <option>Malta </option>
    <option>Mauriti us</option>
    <option>Mexic o</option>
    <option>Moldova </option>
    <option>Monac o</option>
    <option>Morocco </option>
    <option>Mozambi que</option>
    <option>Namibia </option>
    <option>Nepal </option>
    <option>Netherl ands</option>
    <option>New Zealand</option>
    <option>Nicarag ua</option>
    <option>Nigeria </option>
    <option>Norwa y</option>
    <option>Oman</option>
    <option>Pakista n</option>
    <option>Panam a</option>
    <option>Paragua y</option>
    <option>Peru</option>
    <option>Philipp ines</option>
    <option>Polan d</option>
    <option>Portuga l</option>
    <option>Romania </option>
    <option>Russi a</option>
    <option>Saudi Arabia</option>
    <option>Senegal </option>
    <option>Singapo re</option>
    <option>Slovaki a</option>
    <option>Sloveni a</option>
    <option>South Africa</option>
    <option>Spain </option>
    <option>Sri Lanka</option>
    <option>Surinam e</option>
    <option>Swede n</option>
    <option>Switzer land</option>
    <option>Syria </option>
    <option>Taiwa n</option>
    <option>Tanzani a</option>
    <option>Thailan d</option>
    <option>Tajikis tan</option>
    <option>Tunisia </option>
    <option>Turke y</option>
    <option>Turkmen istan</option>
    <option>Ugand a</option>
    <option>Ukraine </option>
    <option>Unite d Arab Emirates</option>
    <option>Unite d Kingdom</option>
    <option>Uruguay </option>
    <option>USA</option>
    <option>Uzbekis tan</option>
    <option>Vatic an City</option>
    <option>Venezue la</option>
    <option>Vietnam </option>
    <option>Yemen </option>
    <option>Yugosla via</option>
    <option>Zaire </option>
    <option>Zambi a</option>
    <option>Zimbabw e</option>
    <option value="Other Country">Other Country</option>
    </select> <code><font color="red">**</font></code>
    </td>
    </tr>

    </tr><tr>
    <td align="right"> Type of Dance: </td>
    <td>
    <Input type=radio class="twikiInp utField" name="class1" value="Foxtrot" />Foxtrot
    <Input type=radio class="twikiInp utField" name="class2" value="Mambo" />Mambo
    <Input type=radio class="twikiInp utField" name="class3" value="Samba" />Samba
    <Input type=radio class="twikiInp utField" name="class4" value="Swing" />Swing
    <Input type=radio class="twikiInp utField" name="class5" value="Waltz" />Waltz
    <Input type=radio class="twikiInp utField" name="class6" value="Other">O ther Dance (indicate in the Message section below)
    </td>
    </tr>

    <p><input type=hidden input class="twikiInp utField" id="to" name="to" size="30" type="text" value="xxxxx@xx xxxxx.com" /></p>

    <p><input type=hidden class="twikiInp utField" id="subject" name="subject" size="30" value="Dance Class Registration" /></p>

    <tr>
    <td valign="top" align="right"> CC: (optional)<br /> </td>
    <td><input type="text" class="twikiInp utField" id="cc" name="cc" size="40" value="" /></td>
    </tr>

    <tr>
    <td valign="top" align="right"> Message: <br /> </td>
    <td><textarea class="twikiInp utField" cols="40" name="body" rows="6" ></textarea></td>
    </tr>

    </table>

    <h5><a name="Check"></a> Verify that the information above is correct and click below to register. </h5>

    <p><input type="submit" class="twikiSub mit" value="Register " %IF{"context SendEmailPlugin Enabled" then='' else='disabled= "disabled"' }% /></p>

    %SENDEMAIL{feed backSuccess="Su ccessfully sent" feedbackError=" Something went wrong." }%

    </form>[/CODE]
    Last edited by gits; Oct 11 '07, 09:57 AM. Reason: added code tags
  • acoder
    Recognized Expert MVP
    • Nov 2006
    • 16032

    #2
    You need to add to the textarea value rather than reset the value. You could use +=. For the newline, use "\n".

    Comment

    Working...