HTML - Help On Submit Button Border

Hi guys,

I have a drop down box via the <select> tag and then a submit button next to it.

I want it so that if the drop-down shows "page 1" or something and then you hit "submit" it links to page 1. Same for "page 2" etc..

Is this possible, and how can I do it please!

Thank you for any replies posted!

I have the following code but the images do not swap:
Quote:
<input type="image" name="action" value="Submit" src="{site_url}images/submit_a.gif" class="Button" onMouseOver="document.submit_form.src='{site_url}images/submit_b.gif'; return true;" onMouseOut="document.submit_form.src='{site_url}images/submit_a.gif'; return true;" >
The {site_url} replaces the site domain name. I have confirmed the the images exist. Any ideas?

HI this is the coding im using for my submit button


<form method="post" action="mailto:robertjones@redes.co.uk?SUBJECT"?body=(bodystuff)" =User name/Pass"> <input type="submit".....

the task i want it to do is open the email client and put the body as an attachment or in the email text space but after the person filling it out clicks submit all they see is a screen saying "your Feedback form has been submitted, Thank you for your time"

I am trying to submit a forum through javascript, but the catch is I want to change the name of the button being sent through the form.
Here is what I have here is the javascript function.
Code:

function form_submit(option) {
	if (option == 1) {
		alert("Option1")
		document.submit_form.DE_WEB_COMMAND.value = "Login";
	        document.submit_form.submit();
	} else if ( option == 2 ) {
		alert("Option2");
		document.submit_form["DE_WEB_COMMAND"].value="Activate";
	        document.submit_form.submit();
	}
}

Code:

<form action="/EN/cgi-bin/cgi_chip" method="post" name="submit_form" target="_blank" />
  <input type="hidden" name="DE_LS_ATTM_USER_NM" value="" />
  <input type="hidden" name="DE_LS_ATTM_USER_PSSW" value="" />
  <input type="hidden" name="DE_WEB_PAGE_ID" value="login" />
  <input type="hidden" name="DE_USER_VALUE" value="389740" />
<input type="text" id="username" name="DE_LS_IP_ATTM_USER_NM" tabindex="1" maxlength="20" value="" />
<input type="password" id="password" name="DE_LS_IP_ATTM_USER_PSSW"   tabindex="2" maxlength="20" value="" />
<input type="submit" class="button" accesskey="l" tabindex="3" name="DE_WEB_COMMAND" value="Sign In" onclick="form_submit(1)" />
		  <input type="reset" accesskey="r" class="button" tabindex="4" name="Reset" value="Reset"  />

 <input name="DE_WEB_COMMAND" accesskey="E" type="button" class="button" value="New User? Enrol Now" onclick="form_submit(2)" />
</form>

I have stripped out the formatting of the form. Anybody see why it doesn't work?

Hi everyone,

Is it possible to have a form without a submit button. I know you can use links etc to submit a form but can you just have nothing, so the user just hits the enter key and the form submits ?

cheers

Hi guy,

Due to my limited knowledge, i had stuck here and hope you guys can guide me along.

Let say i have a surveyform.html that is plant into index.htm via iframe. I have limited control to surveyform.html and this surveyform.htm have a submit button. Once this submit button is clicked, it will go to a 'Thankyou.htm'.

The problem now is that this thankyou.htm is still plant inside index.htm which i doesn't want it to be. Is there any way that i can change the whole page? Maybe when iframe detect changed of html and the whole page redirect to another page?

note: i can't do much to the surveyform.htm

When you type your email address into the text field and press submit, nothing happens. Here is my form code. I think everything is right on the database side... I didn't write it, or this, but I need to fix it xD I think the code was written in frontpage (I'm a notepad coder, myself), so there's some garbage in there. Any help would be appreciated.

Thanks, Sondra

Code:

<form method="POST" name="e-newsletter" action="../librarynews-submit.asp">
<p>Email <input type="text" name="email" size="25"></p>
<hr>
<p>
<input type="checkbox" name="teen" value="yes">Check this box if you would also like to subscribe to the QPL Teen Newsletter.
</p>
<!--<p><select size="1" name="Interest" multiple>
<option selected>General</option>
<option>Children's Activities</option>
<option>Teen Events</option>
<option>Adult Programs</option>
<option>Book Sale Notification</option>
<option>Friends of the Library</option>
<option>New Arrivals</option>
</select> <font face="Arial">Area of Interest</font></p>-->
<p>
<input type="submit" value="Submit" name="Submit">
</p>
</div>
</form>

Hi all,

I'm throwing together a website for a client and am relatively new to contact forms. I managed to get one working and somewhat styled decently, but for some reason the submit button isnt showing up when I upload it, even though it shows up fine when i preview it from my local folder. This happens in both IE and Firefox. and yes, i have uploaded the button graphic as well.

heres the code for the button:
<INPUT TYPE="image" SRC="images/submit.gif" HEIGHT="33" WIDTH="74" BORDER="0" ALT="Send">

you can view the page live he blue 2

any help would be greatly appreciated!

I am coding in PHP, but I don't think that should have anything to do with it. My problem appears to have to do with the HTML. I am using a 15x15 jpg as a submit button, but I have many of them in a table one per cell with no borders or spacing, so there are many of these submit buttons right next to each other in a grid.

The problem is that though the cells are set to be 15x15, the page is displaying them in cells that are 15x27 with the jpg aligned to the top, though the source code does not reflect the 27 figure. I have set the width and height attribute on every cell and image. Is there something I should be looking for to ensure all of my code places the images in the right size and placement? There is no CSS in play with this part of the site.

Thanks!

Can someone tell me why my submit button is not open an email client. I uploaded the website http://unitedpop.host56.com .

I input this
<form method="post" action="auth@testing-email.com" >
<input type="submit" name="submit" id="sumbit" value="Submit" />
<input type="reset" name="reset" id="reset" value="Reset" />
</form>

Hi all,

Have encountered a problem in my code, in that when i went back to format my page, I could no longer use the submit button. I was able to find that it occurred when i added in the <table> tags within the selector function but I for the life of me cannot figure out why that makes the form invalid or whatever is happening. If any1 could have a look and see what the issue is, it would be greatly appreciated

Quote:
<?php
session_start();
if ($_SESSION['groupid'] < 1) {
header("location:login.php?message=You do not have sufficient "
. "permissions to view that page. Please login.");
}
?>

<!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=utf-8" />
<?php
$page = "CapSim";
include("common/init.php");
?>
</head>
<body>

<?php include("header.php");?>

<br/>
<br/>

<div id="page">
<?php
include("dbconnect.php");

// Formatting
$content = "<h3 align='center'>".$page."</h3>\n"
. "<center>\n"
."<h3 align='center'></h3>";

$content .= "<h4>"
. "Number of Tiers in the model"
. "</h4>";

$TIER=$_GET["TIER"];
$content .= "<form action='capsim_home.php' method='get' target='_blank'>\n";
$content .= "<input type='text' name='TIER' value='$TIER' onKeyPress='return numbersonly(this, event)' />\n ";
$content .= "<input type='submit'value='New Layer'>\n";
$content .= "</form>";
$content .= "<br/>"
. "</center>\n"
. "<br/><hr width='900px'/><br/>";

// Set up the form and hidden control variables
$content .= "<form action='/cgi-bin/".$parentdir."/capsimController.py' method='post' target='_blank'>";

// Default values for fields
$u = 10;
$x = 15;
$m = 16;
$q = 1;
$S_RT = 10000;
$a_a = 2;
$a_u = 3;
$a_l= 1;
$runs = 1;
$o_i=100;
$default_vals = 1;


//Function for printing off the layers within the tiers

<html>
<form>
<p><input type="text" name="T1" size="20" /></p>
<p><input type="submit" value="B1" name="B1" /></p>
<p><input type="submit" value="B2" name="B2" /></p>
</form>
</html>

Say I have the above form in a web page. When the page loads, the browser will highlight the first submit button b1, such that if the user hits enter, the form is submitted with that button. I'd like the default button to be B2, which is displayed second on the form. I'd greatly appreciate any advice on how to accomplish this.

Thanks,
jsfgguy

I've followed this walkthrough on how to make a submit button with an image on it. The image part is working fine (along with the mouse up and over images) but the actulle submit function of the button is NOT working. Here is a link to the lession I have been following:

http://www.codetoad.com/html/buttons...mit_button.asp

And here is a link to the page with the non-working submit button:

http://www.acreativeapproach.com/contact.html

This is a pretty simple form That was made in DW. Do I need PHP to get a contact form like this to work?

Thank you for your help

JT

Hi,
I am creating a multilingual website and would like to know how I can assign name to sumbit button dynamically rather than hard-coding it in the html page.

<input type='submit' value=' MyButton '>

Is there a way I can assign the value of the button in a javascript variable and call that from html page.
(or)
Is there a way I can call a javascript method that can assign a value to this button.

Hi:
This is with reference to my developing website: www.mesaeastpark.com

Using MS Internet Explorer Version 7, I have no difficulty placing my Submit and Reset buttons with 'Position: absolute;' in my chosen position.

However, when I check the same page with Opera, Safara, Chrome, and Firefox, those same buttons appear much higher on the page and obscure another input field

This is very puzzling.

To access the problem page:

Please access my website, then

- Click on 'Visit Us'
- Cllick on 'Real Estate Services'
- Click on 'Rent out Your Home'
- Note the placement of the 'Submit' and 'Clear' buttons.

In IE, they appear correctly: stacked vertically to the right of the <textarea> element

In Opera, Firefox, Chrome, and Safari, they appear far higher on the page, obscuring other input fields (

I will include below the markup for this page:

Thanks for any hints on this puzzle !

(btw, I use Apache 2.10 on my own server beside me)

-Mel Smith

*********************************************************
Content-Type: text/html

<?xml version="1.0" encoding="utf-8" ?>
<!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" lang="en" xml:lang="en">
<head>
<title>Rent Out Your Mesa East Home</title>
<style type="text/css" media="screen">

body {
background: yellowgreen;
}

div {
position: absolute;
background: yellow;
padding: 5px;
width: 260px;
height: 120px;
}
div#top-left {
top: 1px;
left: 1px;
height: 82px;
font-size: 12px;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
div#top-right {
top: 1px;
right: 1px;
height: 82px;
font-size: 12px;
border-left: 1px solid black;
border-bottom: 1px solid black;
}
div#rentinfo {
position: absolute;
height: 400px;
width: 900px;
top: 94px;
background: yellowgreen;
padding: 5px;
}

div#buttons {
position:absolute;
left: 710px;
top: 305px;
width: 160px;
height: 70px;
color: black;
background: yellowgreen;
}

input#frentsubmit {
position: absolute;
top: 10px;
color: black;
background: lightgrey;
}
input#frentreset {
position: absolute;
top: 50px;
color: red;
background: lightgrey;
}

fieldset {
border: 1px solid black;
}

legend {
margin: 0px;
padding: 5px;
color: darkmagenta;
}
input {
background: wheat;
}



textarea {
background: wheat;
}

input#fdetail {
width: 480px;
height: 120px;
background: lightgrey;
}

td.empty {
width: 10px;
background: yellowgreen;
}
</style>

</head>

<body>
<h2 align="center"><u>Rent Out Your Mesa East Home</u></h2>

<div id="top-left">
<u>Deed Restrictions for Rentals</u><br />
No owner of any property in Mesa East POA
shall rent that property or any part thereof
unless and until the owner has maintained
ownership for a continuous period of at least
two (2) years.
</div>
<div id="top-right">
<u>Renter's Responsibility</u><br />
Ensure that the sum of $5.00 per month (or $50 per year)
is paid to the Treasurer or Office
Clerk for each person living in the rental property.
(Visit the Office for Complete Renter's Rules)
</div>
<div id="rentinfo">
<form id="rentform" name="frmmenu" action="/cgi-bin/mep/mepinit.exe" method="post">
<input type="hidden" id="mformname" name="formname" value="RENTFORM" />
<fieldset>
<legend><b>Owner and / or Agency Information</b></legend>
<table id="continfo">
<thead>
<tr>
<td align="right">
Owner's and/or Agency's Name
</td>
<td class="empty" width="4"></td>
<td align="right">
Contact Phone nnn-nnn-nnnn
</td>
<td class="empty" width="4"></td>
<td align="center">
Email and/or Website Access
</td>
</tr>
</thead>
<tr>
<td align="right">
<label for="fcontact">Owner : <input type="text" id="fcontact" name="contact" size="32" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fcontphone">Phone : <input type="text" id="fcontphone" name="contphone" size="12" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fcontemail">Email : <input type="text" id="fcontemail" name="contemail" size="40" /></label>
</td>
</tr>
<tr>
<td align="right">
<label for="fagency">Agency : <input type="text" id="fagency" name="agency" size="32" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fagencyphone">Phone : <input type="text" id="fagencyphone" name="agencyphone" size="12" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fagencyurl">Website : <input type="text" id="fagencyurl" name="agencyurl" size="40" /></label>
</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend><b>Home Description</b></legend>
<table id="homeinfo">

<tr>
<td align="right">
<label for="fstyle">Style (D/W,S/W,etc) : <input type="text"
id="fstyle" name="style" size="8" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fbdrms">Bedrooms : <input type="text" id="fbdrms" name="bdrms" size="5" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fbaths">Baths : <input type="text" id="fbaths" name="baths" size="5" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fsqft">Size (sqft) : <input type="text" id="fsqft" name="sqft" size="4" /></label>
</td>
</tr>
<tr>
<td align="right" colspan="3">
<label for="faddress">Address : <input type="text" id="faddress" name="address" size="32" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="flotno">Lot No. : <input type="text" id="flotno" name="lotno" size="4" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fyrbuilt">Year Built : <input type="text" id="fyrbuilt" name="yrbuilt" size="4" /></label>
</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend><b>Rental / Lease Pricing &amp; Terms</b></legend>
<table id="priceinfo">
<thead>
<tr>
<td align="center">
$USD Cost for Period
</td>
<td class="empty" width="4"></td>
<td align="right">
(Wk/Mth/Yr)
</td>
<td class="empty" width="4"></td>
<td align="right">
StartDate: yyyymmdd
</td>
<td class="empty" width="4"></td>
<td align="right">
EndDate: yyyymmdd
</td>
<td class="empty" width="4"></td>
<td align="right">
Min Occ (e.g., 7 Wks)
</td>
</tr>
</thead>
<tr>
<td align="right">
<label for="fprice">Cost ($ USD) : <input type="text"
id="fprice" name="price" size="8" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fduration">per : <input type="text" id="fduration" name="duration" size="5" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fstdate">Available on : <input type="text" id="fstdate" name="stdate" size="8" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fnddate">Not Available after : <input type="text" id="fnddate" name="nddate" size="8" /></label>
</td>
<td class="empty" width="4"></td>
<td align="right">
<label for="fmintime">Minimum : <input type="text" id="fmintime" name="mintime" size="9" /></label>
</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend><b>Enter Further Descriptive Details below (max: 254 chars)</b></legend>
<textarea rows="4" cols="76" id="fdetail" name="detail">
Replace this line with descriptive features of your
home and surroundings.</textarea>
</fieldset>
<div id="buttons">
<input type="submit" id="frentsubmit"
name="rentsubmit" value="'Click' to Submit" />
<input type="reset" id="frentreset"
name="rentreset" value="'Click' to Reset" />
</div>
</form>
</div>

</body>
</html>