HTML - Form Switch

Ello

I'm a complete newb so sorry if I'm posting in the wrong place guys.

Could anybody out there help me make a field / box like the one on this site.

http://www.laptopsdirect.co.uk/Acer_...62/version.asp

Below the laptop is a large field, if you click things like "technical specification" etc, it changes only that field. Then if you press the back button it backs up to the last page, rather than the last configuration of the current page.

Phew.. confusing myself now lol.

Anyhoo, just want to know how I would make such a box, with tabs that change that box only?

Thanx
Sarah

Hi board members

I trust I have posted in the correct forum...

I've just coded an excel speadsheet for all my videos. I have created hyperlinks to each file. I'm wondering if there is a switch to add to the end of the hyperlink to force the media player the open in full screen?

Any help would be appreciated.

Cheers, Mal

script completed, thx

Hi all,

I have a simple newsletter form, so just the email field and a submit, what I would like to do is to send this data to a larger subscriber form, so one that has name, email (with the data previously entered already added), list to subscribe to etc.

Can this be done?

Thanks

I have a form with a number of elements. One of these elements is:

<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">

Clicking on that element makes the form submit.

But if I add a similar element:

<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit2" alt="Make payments with PayPal - it's fast, free and secure!">

...clicking on that also makes the form submit.

So was wondering if anyone knew what the rules were for which elements make a form submit?

Cheers,
James

I have a simple signup form on my site that I want to pass the input to the larger signup form. Here is the code for the simple form:

<form action="http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp" method="post" accept-charset="UTF-8">

The larger signup form is located he http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp

I want the email address from the simple form to move to the larger form when the submit button is pressed. Ideas?

HTML Code:

<form method="post" action="mailto:xxxxxxxx@xx.com "> 
    
 
<table class="text3">
  <tr><td valign="top" width="140">Voornaam:</td><td><input name="requiredvoornaam" type="text" id="requiredvoornaam" class="veld" size="30" /></td></tr>
  <tr><td valign="top" width="140">Achternaam:</td><td><input name="requiredachternaam" type="text" id="requiredachternaam" class="veld" size="30" /></td></tr>
  <tr><td valign="top">E-mail:</td><td><input name="requiredemail" type="text" id="requiredemail" class="veld" size="30" /></td></tr>
  <tr><td valign="top">Telefoonnummer:</td><td><input name="requiredtelefoonnummer" type="text" id="requiredtelefoonnummer" class="veld" size="30" /></td></tr>
  <tr><td valign="top">Adres:</td><td><input name="requiredadres" type="text" id="requiredadres" class="veld" size="30" /></td></tr>
  <tr><td valign="top">Woonplaats:</td><td><input name="requiredwoonplaats" type="text" id="requiredwoonplaats" class="veld" size="30" /></td></tr>
 
  <tr><td valign="top">Aankomstdatum:</td><td><select name="adag" id="adag">
        <option value="Dag">Dag</option>
        <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 name="amaand" id="amaand">
        <option value="Maand">Maand</option>
        <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>
 
<select name="ajaar" id="ajaar">
        <option value="Jaar">Jaar</option>
        <option value="2008">2008</option>
        <option value="2009">2009</option>
        <option value="2010">2010</option>
 
    </select>
  </td></tr>
 
  <tr><td valign="top">Vertrekdatum:</td><td><select name="vdag" id="vdag">
        <option value="Dag">Dag</option>
        <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 name="vmaand" id="vmaand">
        <option value="Maand">Maand</option>
        <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>
 
<select name="vjaar" id="vjaar">
        <option value="Jaar">Jaar</option>
        <option value="2008">2008</option>
        <option value="2009">2009</option>
        <option value="2010">2010</option>
 
    </select>
  </td></tr>



<tr><td valign="top">Welke huisje:</td><td><select name="huisje" id="huisje">
        <option value="1">.____Huisje Zomerbries_____.</option>
        <option value="2">.____Huisje Wervelwind_____.</option>
        <option value="3">.____Huisje Tornado________.</option>
 
    </select>

<tr><td valign="top">Aantal personen:</td><td><select name="aantal personen" id="aantal personen">
        <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>
    </select>

 
  <tr><td valign="top">Overige vragen:</td><td><textarea name="bericht" rows="6" cols="23" id="bericht" class="area"></textarea></td></tr>
  <tr><td valign="top"></td><td><input type="submit" name="sendFormButton" value="Verzenden" id="sendFormButton" /></td>
  </tr>
</table>
    </form>
  
</td></tr></table>

This is what i get once tested... its out of order...



Help me plz...... Im not good with those thingz..

Hi guy,

I tried to do some googling before i come to here. the problem is that i don't know what are the name or keyword for this, therefore i cannot find any relevant result.

Let's say, i have many same html with different file name file filled with tables that i dont' want users to open and use it. Can i create another separate forms using html to fill in the blanks on the table cell maybe after i click submit button?

Or it's easier to use VB to write a program and do the job?


Please help.

Hi, I have a tricky problem that you kind people might be able to solve.

I want to put one set of forms inside another set of forms without them interfering with each other. At the moment, the form I've created inside the other form is not responding.

The code, when simplified, looks something like this:

<FORM (1)>
<FORM (2)>

</FORM> </FORM>

Am I trying to do the impossible or is there a way to overcome this problem?

Thanks!

/ Stefan

I have created a form with multiple different buttons, the first button is required to open a pop up box to show a list of people who live in a certain postcode.

HTML Code:

<div id="form">
<form name="f1" method="post"/>
  <p> ID: <br/>
    <input name="ID" type="text" value="Leave Blank" />
  </p>
  <p> Name: <br/>
    <input name="Name" type="text" />
  </p>
  <p> Address: <br/>
    <input name="Address" type="text" />
  </p>
  <p> Postcode:<br/> 
    <input name="Postcode" type="text" /> 
  <input type='submit' value='Check' onclick="popup('popUpDiv')" />
  <p><a href="#" onclick="popup('popUpDiv')">Find Person</a></p>
  </p>
  <p> Telephone: <br/>
    <input name="Telephone" type="text" />
  </p>
  <p> Mobile: <br/>
    <input name="Mobile" type="text" />
  </p>
  <p> AltTelephone: <br/>
    <input name="AltTelephone" type="text" />
  </p>
  <p> Email: <br/>
    <input name="Email" type="text" />
  </p>
  <p> Date: <br/>
    <input name="Date" type="text" />
  </p>
  <p>Notes: <br/>
    <input name="Notes" type="text" />
  </p>
  <p> CompanyNotes: <br/>
    <input name="CompanyNotes" type="text" />
  </p>
  <p> Payment: <br/>
    <input name="Payment" type="text" value="Leave Blank for 0" />
  </p>
  <p>
    <input type="submit" Value='Book' onclick="f1.action='insert.php'; return true " />
    
    <!--<div id="wheel"><a href="instructorSearch.php"onClick="return popup(this, 'notes')"><img id="mainLogo" src="im/wheel.png" alt="Driving School Logo" /></a></div> !-->
    
  </p>
  <p><input type="submit" Value='Enquire' onclick="f1.action='insertEnquire.php'; return true " />
</form>

The first button on the code works but the pop up only displays for a split second, the hyperlink underneath the button opens the pop up for good but cannot get the variable from the form....

So i want to Post and Get in the same form for reasons of keeping the URL looking clean. I need to pass a PHP array through to the next page, and I don't want random gibberish in the URL. So, I can just Post this, but this is for a search page, and it would be nice to Get their search query for the reasons of the advantage of Get over Post, and because it looks better in my opinion.

Anyways. The thing I am posting takes no user input, and it is defined in the beginning of the page. The thing I want to Get is user defined in a textbox.

So, I need the method of the Form to be Get, but is it possible to also Post something?

Thanks, If i wasn't clear i'm sorry and i'll try to explain it better.

i have the following code to send an SMS from my website

HTML Code:

		<form method="post" action="https://www.esendex.com/secure/messenger/formpost/SendSMS.aspx">
			<P>Username:<br>
				<INPUT name="EsendexUsername" type="text"></P>
			<P>Password:<br>
				<INPUT name="EsendexPassword" type="password"></P>
			<P>Account:<br>
				<INPUT name="EsendexAccount" type="text"></P>
			<P>Recipient:<br>
				<INPUT name="EsendexRecipient" type="text"></P>
			<P>Message:<br>
				<TEXTAREA name="EsendexBody" rows="3" cols="20"></TEXTAREA></P>
			<input type="submit" value="Send">
		</form>

however when i click send it goes to the sms servers website for confomation, i wish to back to my home page calledHome.htm

if i change the action to home.htm the sms does not send

any ideas anyone ?

So I have been asked to make a form (something I never usually do) as part of a project.

I have whipped up some code and wonder if anyone could take a look at it..

Code:

<div>
<form action="https://www.secpay.com/java-bin/ValCard" method="post">
    <p>
    <label for="firstname">First Name: </label>
              <input id="firstname" type="text" /><br />
    <label for="lastname">Last Name: </label>
              <input id="lastname" type="text" /><br />
    <label for="account">Account Number: </label>
              <input id="account" type="text" /><br />
    <label for="housenumber">House Number/Name: </label>
              <input id="housenumber" type="text" /><br />      
    <label for="postcode">Postcode: </label>
              <input id="postcode" type="text" /><br />    
    <label for="email">Email: </label>
              <input id="email" type="text" /><br />
    <label for="trans_id">Invoice Number(s): </label>
              <input id="trans_id" type="text" /><br />
    <label for="amount">Amount Paying: </label>
              <input id="amount" type="text" /><br />
    <label for="notes">Notes: </label>
              <input id="notes" type="text" /><br />


    <input name="callback" value="/authorised;/declined" type="hidden" /> 
    <input name="merchant" value="value01" type="hidden" /> 
    <input name="trans_id" value=trans_id type="hidden">
    <input name="amount" value=amount type="hidden">
    <input name="digest" value="" type="hidden">
    <input name="bill_email" value=email type="hidden">
    <input name="req_cv2" value="true" type="hidden">
    <input name="options" value="test_status=true" type="hidden">

   <input value="Send" type="submit" /> <input type="reset" />*</p>
 </form></div>

Before it sends I am looking to transfer amount and email values into the hidden values.

For the digest value I need to combine the data entered into one variable.

E.g. First name and lastname and invoice number into one variable "digest"

So would this be something like
Code:

<input name="digest" value=(firstname + lastname + invoice) type="hidden">

Can someone help me out?

Cheers

Hey guys I need to direct my submit button to a certain page, my code for the form is below. Thanks



td><h3 style="border-bottom:1px solid black;">Booking A Show</h3></td>
</tr>
<tr>
<td>
<label for="FirstLastName" style="float:left;width:140px;">First and Last Name*:</label><input type="text" name="FirstLastName" id="FirstLastName" value="" maxlength="" style="width:200px;"><div style="clear:left;height:20px;"> </div>

<label for="Email" style="float:left;width:140px;">E-Mail Address*:</label><input type="text" name="Email" id="Email" value="" maxlength="" style="width:200px;"><div style="clear:left;height:20px;"> </div>

<label style="display:block;margin-bottom:5px;">Type of Event*</label><span name="EventDate" style="display:block;width: 400px;"><input type="checkbox" name="EventDate1" id="EventDate1checkboxOption" value="Strolling Magic" style="vertical-align: middle;border:0px;background-color:transparent"><label for="EventDate1checkboxOption">Strolling Magic</label><input type="checkbox" name="EventDate2" id="EventDate2checkboxOption" value="Close-Up Magic" style="vertical-align: middle;border:0px;background-color:transparent"><label for="EventDate2checkboxOption">Close-Up Magic</label><input type="checkbox" name="EventDate3" id="EventDate3checkboxOption" value="Stage Magic" style="vertical-align: middle;border:0px;background-color:transparent"><label for="EventDate3checkboxOption">Stage Magic</label><input type="checkbox" name="EventDate4" id="EventDate4checkboxOption" value="Children Magic" style="vertical-align: middle;border:0px;background-color:transparent"><label for="EventDate4checkboxOption">Children Magic</label><input type="checkbox" name="EventDate5" id="EventDate5checkboxOption" value="Other (please specify below)" style="vertical-align: middle;border:0px;background-color:transparent"><label for="EventDate5checkboxOption">Other (please specify below)</label></span><div style="clear:left;height:20px;"> </div>

<label for="Number" style="float:left;width:140px;">Evening Phone Number*</label><textarea name="Number" id="Number" style="width:100px;height:20px;"></textarea><div style="clear:left;height:20px;"> </div>

<label style="display:block;margin-bottom:5px;">Audience Attendance*</label><span name="Audience" style="display:block;width: 400px;"><input type="checkbox" name="Audience1" id="Audience1checkboxOption" value="1-10" style="vertical-align: middle;border:0px;background-color:transparent"><label for="Audience1checkboxOption">1-20</label><input type="checkbox" name="Audience2" id="Audience2checkboxOption" value="21-50" style="vertical-align: middle;border:0px;background-color:transparent"><label for="Audience2checkboxOption">21-50</label><input type="checkbox" name="Audience3" id="Audience3checkboxOption" value="51 or more" style="vertical-align: middle;border:0px;background-color:transparent"><label for="Audience3checkboxOption">51 or more </label></span><div style="clear:left;height:20px;"> </div>

<label for="Time" style="float:left;width:140px;">Event Begins (HH:MM AM/PM)* </label><textarea name="Time" id="Time" style="width:100px;height:20px;"></textarea><div style="clear:left;height:20px;"> </div>

<label for="Duration" style="float:left;width:140px;">Duration Of Event (H hours MM minutes*) </label><textarea name="Duration" id="Duration" style="width:100px;height:20px;"></textarea><div style="clear:left;height:20px;"> </div>

<label for="location" style="float:left;width:140px;">City and State</label><textarea name="location" id="location" style="width:100px;height:20px;"></textarea><div style="clear:left;height:20px;"> </div>

<label for="payment" style="float:left;width:140px;">Maximum Payment Offered (per hour. $XX.XX*)</label><textarea name="payment" id="payment" style="width:100px;height:22px;"></textarea><div style="clear:left;height:20px;"> </div>

<label for="Comments" style="float:left;width:140px;">Special Requests and Comments. (This could include information such as packages not mentioned or special deals and discounts that you would like to include.)</label><textarea name="Comments" id="Comments" style="width:200px;height:100px;"></textarea><div style="clear:left;height:20px;"> </div>

<label for="TellMe" style="display:block;margin-bottom:5px;">Briefly Tell Me About Your Event*:</label><textarea name="TellMe" id="TellMe" style="width:100px;height:100px;"></textarea><div style="clear:left;height:20px;"> </div>

<label for="How" style="float:left;width:140px;">How did you hear about Evan?*</label><textarea name="How" id="How" style="width:100px;height:100px;"></textarea><div style="clear:left;height:20px;"> </div>

</td>
*FIELDS ARE REQUIRED
<tr>
<td align="right">
<!-- YOU CAN MODIFY THE TEXT WITHIN VALUE="" TO MODIFY YOUR BUTTON TEXT-->
<input type="submit" value=" Submit "> <input type="reset" value=" Reset ">
</td>
</tr>
</table>
</form>