|
HTML - Conflict Between 2 Forms On Same Page
Hello,
On one of my pages I have 2 forms and only one of them seems to work. The other one (which I have on all 600 pages of my website as it is part of a template I use) does not work on this page where I already have another form. There seems to be a conflict. Here is the code first form (working): <form name=ftInCmForm> <center> <table border="1" cellpadding="0" cellspacing="0"> <tr> <td> <table border="0" cellpadding="3" cellspacing="0" bgcolor="#C0C0C0"> <tr> <td>Convert to centimeters</td> <td><INPUT type=radio value=0 name=choice onClick="killChoice(this.form)" checked ; tabindex="1"><font size="3">(i.e. 5' 3" to 160 cm)</font></td> </tr> <tr> <td>Convert to feet and inches</td> <td><INPUT type=radio value=1 name=choice onClick="killChoice(this.form)" ; tabindex="2"><font size="3">(i.e. 160 cm to 5' 3" </font></td> </tr> <tr> <td rowspan="2" valign="middle">enter length</td> <td><input type=text name=ft size=5 onClick="form.ft.select()" ; style="font-family: Georgia" tabindex="3"> ft</td> </tr> <tr> <td><input type=text name=inCm size=5 onClick="form.inCm.select()" ; style="font-family: Georgia" tabindex="4"> in/cm</td> </tr> <tr> <td></td> <td><INPUT onClick="ftInCm(this.form)" type=button value="convert" ; tabindex="5"></td> </tr> <tr> <td></td> <td><input name=answer size=40 value="The answer will appear here..." style="background-color: #C0C0C0; font-family: Georgia" tabindex="6" ></td> </tr> <tr> <td></td> <td><INPUT type=reset value=reset onClick="form.ft.disabled=false" tabindex="7" ;></td> </tr> </table> </td> </tr> </table> </center> </div> <br> <div align="center"> <center> <table border="1" cellpadding="0" cellspacing="0"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" bgcolor="#C0C0C0"> <tr> <td align="center"> Solution</td> </tr> <tr> <td><textarea rows="3" name="solution" cols="68" style="background-color: #C0C0C0; font-family: Georgia"> A more comprehensive solution will appear here...</textarea></td> </tr> </table> </td> </tr> </table> And here is the code for the form which is working on all but 1 page (the page with the above form on it). This is a Google site search form: <form method="get" action="http://www.google.com/search" target="_blank"> <div style="border:1px solid black;padding:4px;width:14em;" align="center"> <table border="0" cellpadding="0" align="center"> <tr><td> <input type="text" name="q" size="25" maxlength="255" value="" /> <input type="submit" value="Google Search" /></td></tr> <tr><td align="center" style="font-size:75%"> <input type="checkbox" name="sitesearch" value="www.thetallestman.com" checked /> only search TheTallestMan.com<br /> </td></tr></table> </div> </form> I have looked and looked, but have no idea where the conflict lies. Any help would be very much appreciated. Kind regards, The Tallest Man Similar TutorialsHey all, I have two forms on my page (shown below in order of appearance). The 2nd form works and redirects you to the page "change-password.php" as it should, but the 1st form does NOT work correctly - it redirects to "change-password.php" too. I don't know what I'm doing wrong, the form action clearly states "uploadconfig.php" but it still tries to send the information to "change-password.php" instead. Thanks in advance. Code: <form action="uploadconfig.php" method="post" enctype="multipart/form-data" name="frm_upload" id="frm_upload">
<table border="0" cellspacing="0" cellpadding="0" id="tbl_upload">
<tr>
<th align="right" scope="row"><span class="style8">
<label for="frmname">Song Title: </label>
</span></th>
<td><input type="text" name="frmname" id="frmname" class="frmfld" /></td>
</tr>
<tr>
<th align="right" scope="row"><span class="style8">
<label for="price">Price: </label>
</span></th>
<td><input type="text" name="price" id="price" class="price" /> (i.e. - $20)</td>
</tr>
<tr>
<th align="right" scope="row"><span class="style8">
<label for="frmfile"> File: </label>
</span></th>
<td><input type="hidden" name="MAX_FILE_SIZE" value="<?php echo MAX_FILE_SIZE; ?>" /><input name="frmfile" type="file" id="frmfile" size="30" /></td>
</tr>
<tr>
<th scope="row"> </th>
<td>
<label for="btn" id="sbm">
<input type="submit" name="btn" id="btn" value="Upload" />
</label>
</td>
</tr>
</table>
</form>
Code: <form action='change-password.php' method=post><input type=hidden name=todo value=change-password><table border='1' bordercolor="#FF0000" cellspacing='0' cellpadding='0' align=center> <tr bgcolor='#CCCCCC' ><td colspan='2' align='center'><font face='Calibri' size='3' align='center'><b>Change Your Password</b> </font></td> </tr> <tr bgcolor='#f1f1f1' > <td ><div align="center"><font color="#000000" face='Calibri' size='3' align='right'>Username</font></div></td> <td align='center'><font face='Calibri' size='3' > <input type ='text' class='bginput' name='username' ></font></td></tr> <tr bgcolor='#f1f1f1' > <td ><div align="center"><font color="#000000" face='Calibri' size='3' align='right'>New Password</font></div></td> <td align='center'><font face='Calibri' size='3' > <input type ='password' class='bginput' name='newpassword' ></font></td></tr> <tr bgcolor='#f1f1f1' > <td ><div align="center"><font color="#000000" face='Calibri' size='3' align='right'>Confirm Password</font></div></td> <td align='center'><font face='Calibri' size='3' > <input type ='password' class='bginput' name='confirmnewpassword' ></font></td></tr> <tr bgcolor='#f1f1f1' ><td colspan=2 align=center><input type=submit value='Change Password'> <input type=reset value=Reset></font></td></tr></table></form> how to make contact page with contact detail mean forms detail like this name: email: address: country: Comments : and submit how to use submit coding i do not know much html tell me about submit option Hi, I have a PHP script I am writing which displays a list of all the news posts I have made on my site and to the right of it has two links, Edit and Delete. The script will iterate through all the news posts I have made and display them down the page from most recent to oldest, it looks like this: The way it works at the moment is that when each headline gets added, the script will set the edit link for that particular post to <a href="EditSelectedPost.php?$i">Edit</a> $i being the ID to that post. I want it so that when I get sent to EditSelectedPost.php I can pluck off the value of $i and use it on that page. I want to be able to do this without using forms or buttons. Can this be done? Any help will be greatly appreciated. Thanks Ashman We're having difficulties dealing with two forms on one html search results page. We want the following to happen: 1) "next" and "previous" links to appear when the search returns more results than the limit set in the code. 2) the user to be able to click on a link/radio button which would allow them to view complete result data on another page. The code for goal 1 seems to need a "method = get" capability, while the second goal needs "method = post" to pass information on to the next page. We thought that the best way to do this would be to have two separate forms on the one html page. However, we can't seem to get either form to work in its entirety. Here's the code for our form with the "next" and "previous" links: Code: <form name = "form2" id="form2" method="get" action="<?php echo $_SERVER['PHP_SELF']?>"> When there is only this form on the page, the next/previous links work fine. It's when we try to incorporate other buttons (such as a submit button) and another form that things get messy. The same is true for the other form... it works fine by itself, but it's the combination that throws it off. Goal 2 form: Code: <form name = $formNum id = $formNum method=post action=seach_match_result.php target='_blank'> (This form has a submit button at the end.) These forms are not nested, but totally separated in the code. Are we on the right track, or is there a better way to accomplish this? Thanks! AM I'm new to forms and am trying to learn how to make a multiple page one. What I've made so far is very basic, but I figure I shouldn't make a pretty and complex one until I master the simple. I've made three separate pages: page a has the first part of the form and when you click 'continue' it should save the information and move you onto page b where you fill in another form. Then you move onto page c where the information you entered is displayed for you to review, then you press send. That's when it's sent to my e-mail. There are two problems with my code: when you click 'continue' on page A it automatically sends the info to my e-mail and I don't want it to. I want it to go to page b. It also displays the information entered on page a, but also shows a bunch of the code that should be hidden. I don't know why. And it's driving me nuts. I'd appreciate any help! Here's the code: <html> <head> <title>Sample Multiple Page Form</title> </head> <body bgcolor="white" text="#000000" link="#0000CC" vlink="#0000CC" alink="#0000CC" marginwidth=0 marginheight=15 topmargin=15 leftmargin=0> <form action="http://www.bluehost.com/bluemail" enctype="multipart/form-data" method="POST"> <input type="hidden" name="sendtoemail" value="contact@mywebsite.com"> <input type=hidden name="next_page" value="Multiple_Page_b"> <input type=hidden name="required" value="name:Name Required,email:e-Mail Address Required"> <input type=hidden name="current_page" value="Multiple_Page_a"> <input type=hidden name="form" value="2"> <input type=hidden name="start" value="1"> <center> <table width=450 cellpadding=4> <tr> <td colspan=2> <font size=2 face="arial" color=red> </td> </tr> <tr><td><font face="arial" size=2> Your Name: </td><td><input type=text name="name" value="" size=30> </td></tr> <tr><td><font face="arial" size=2> Email Address:</td><td><input type=text name="email" value="" size=30></td></tr> <tr><td colspan=2><br><input type="submit" name="next" value="Continue >>"></td></tr> </table> </form> </body> </html> And here's the message displayed when clicking continue: Thank you for completing our form. The following info was sent to contact@mywebsite.com: Field Value next_page Multiple_Page_b required name:Name Required,email:e-Mail Address Required current_page Multiple_Page_a form 2 start 1 name Jess email contact@myemail.com next Continue >> Hello. I'm trying to make a form on my myspace page that is like a mailing list sign up. I know how to do a standard form, but what I want to do is have some code that automatically extracts the person's profile ID from the page source and sends it in the form (hidden). Is this possible with HTML, or would it require scripting and hence not be useable on myspace? I want to add a total of 10 forms to the same page but can only get the "Double Combo" box vehicle "Make and Modle" to work in "Ad 1". (see page link below) What am I missing or what do I need to do? Please view script form here >> http://www.netrixllc.net/clpublisher/create-ads.html I would appreciate any help... Thank you~ My page contains several iframes and each contains a form. In IE (but not in FF), when I submit a form, the action page is shown in a new window. How can I make it so the action page is instead loaded inside the iframe? Hi All, First off, I am a complete beginner with html and javascript so please bear with me. My website is http://fly-budget-airlines.com. I have added a Terminal A Search Engine to the index page and, although it displays fine, if you enter flight details and click enter it doesn't work. I have found that if you load http://fly-budget-airlines.com/main.htm then the Search Engine seems to work fine. Therefore I beleive the problem lies in a javascript conflict with the menu (http://fly-budget-airlines.com/menu.htm). Can anyone help with this? Thanks in advance. Guy I'm having trouble with my menu. the content displays properly when the menu drop-down boxes are not activated, but shifts to accomodate the boxes when they are activated (by rollover). I want the menu boxes to drop down OVER the content, not shift it out of the way. How do I accomplish this? Here is the page: http://antiqueatlantic.com/oceaniana...togallery.html hi there, I am using this technique: http://www.smoothdivscroll.com/ im in a fairly complicated situation, if you take a look at my site here you will see a set of 4 images aligned neatly... well, they need to scroll to the left, slowly.. we just need to get the scrolling to work. Later on I can customize the options myself. I think the scrolling is failing to start because a lot of scripts are already loaded.. maybe there is a conflict somewhere? I dont know where to look to be honest.. could someone point me in the right direction? Thanks a bunch hello. i do my best to keep all of my html valid and because custom scrollbars dont validate i decided to put the css for that in a separate stylesheet. soo my pages have two stylesheets on them , i dont know if that makes a difference or not but my problem is that the scrollbars remain the default scrollbar when i wth the doctype on the page. i use XHTML1.0 Transitional. when i remeve the doctype the scrollbar works fine. is their a way to doo this while keeping my doctype? Hi all, Hopefully this forum is the right place to ask. Let me know if it isn't. I have a very basic tumblr site to display some artwork, with custom HTML enabled. The theme for the site has been altered with a line to create infinite scroll autopaging - instead of next page prompts that site scrolls down and loads pages as you go using this line: <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> This works fine on the site and enables continuous scrolling. When thumbnails are clicked on the site it utilizes a kind of javascript slideshow, the "Slimbox" hovering style over the page background. This works fine for the first page of images, but after scrolling down a while, to where other pages would have been, all other images do not function in the slideshow. Q1 - Is there some addition I can make so that the slideshow can see beyond page limits so that the slideshow functions for all images? Q2 - Is it possible to retain the description from the image thumbnail in the slideshow replacing the image count (ie. image 16 of 29)? I am hoping that it is possible to click through a slideshow of all images on the site. Any help would be greatly appreciated. I wish I was better at this stuff. Thanks in advance... The website address is www.rydavidbradley.tumblr.com The page code is: HTML 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" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="http://pixelspread.com/tumblr/portfolio/mootools.js"></script>
<script type="text/javascript" src="http://pixelspread.com/tumblr/portfolio/slimbox.js"></script>
<!-- DEFAULT COLORS -->
<meta name="color:Background" content="#eee"/>
<meta name="color:Content Background" content="#fff"/>
<meta name="color:Title" content="#444"/>
<meta name="color:Description" content="#666"/>
<meta name="color:Post Title" content="#c00"/>
<meta name="color:Text" content="#444"/>
<meta name="color:Inline Link" content="#c00"/>
<meta name="color:Quote" content="#666"/>
<meta name="color:Quote Source" content="#444"/>
<meta name="color:Link Post" content="#c00"/>
<meta name="color:Conversation Background" content="#f8f8f8"/>
<meta name="color:Conversation Border" content="#ddd"/>
<meta name="color:Conversation Text" content="#444"/>
<meta name="color:Conversation Label" content="#111"/>
<meta name="color:Photo Border" content="#eee"/>
<meta name="color:Date" content="#fff"/>
<meta name="color:Date Background" content="#ccc"/>
<!-- END DEFAULT COLORS -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<link rel="icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<meta name="viewport" content="width=775"/> <!-- iPhone -->
<style type="text/css">
body {
margin: 0px;
background-color: {color:Background};
font-family: Helvetica, arial, sans-serif;
}
#content {
width: 90%;
margin: auto;
padding: 15px;
background-color: {color:Content Background};
position: relative;
}
a {
color: {color:Inline Link};
}
h1 {
font-size:22px;
}
h1 a {
color: {color:Title};
text-decoration: none;
}
#description{
color: {color:Title};
margin-bottom: 20px;
font-size:12px;
}
/* Photo Post */
.photo {
float:left;
width:125px;
}
.photo img {
border: solid 5px {color:Photo Border};
}
.photo div.caption {
font-size: 11px;
color: {color:Text};
margin-top: 5px;
}
.photo div.caption a {
color: {color:Text};
}
/* Footer */
#footer {
margin: 40px 0px 30px 0px;
text-align: center;
font-size: 12px;
color: {color:Text};
}
#footer a {
text-decoration: none;
color: {color:Text};
}
#footer a:hover {
text-decoration: underline;
}
.clear{clear:both;}
.designed{font-size:11px;}
{CustomCSS}
/* SLIMBOX */
#lbOverlay {
position: absolute;
left: 0;
top: 50px;
width: 100%;
background:#FFFFFF;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #FFFFFF;
}
.lbLoading {
background: #fff url([url]http://pixelspread.com/tumblr/portfolio/loading.gif[/url]) no-repeat center;
}
#lbImage {
border: 10px solid #FFFFFF;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url([url]http://pixelspread.com/tumblr/portfolio/prevlabel.gif[/url]) no-repeat 0% 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url([url]http://pixelspread.com/tumblr/portfolio/nextlabel.gif[/url]) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #FFFFFF;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url([url]http://pixelspread.com/tumblr/portfolio/closelabel.gif[/url]) no-repeat center;
margin: 5px 0;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}
</style>
</head>
<body>
<div id="content">
<h1><a href="/">{Title}</a></h1>
<div id="description">
{Description}
</div>
{block:Posts}
{block:Photo}
<div class="photo">
<a href="{PhotoURL-500}" rel="lightbox-smd" title=""><img src="{PhotoURL-100}" alt="{PhotoAlt}"/></a>
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
</div>
{/block:Photo}
{/block:Posts}
<div class="clear"></div>
<div id="footer">
</p>
</div>
</div>
</body>
</html>
Hello, this is my first message here and I hope it will be for all you experts a serious one. This is my page I am developing right now: http://www.travelevros.gr/main.htm The page has one IFrame that loads its subpage of the flash menu. Please dont tell me to get rid of it, I need that IFrame. The flash menu it is placed outside of that IFrame of course, its container is the main page main.htm. In IE, everything works ok and the menu (as transparent) drops down nicely and the user can click the submenus alright, even if they are above the IFrame area. But with Firefox Mozilla, even though the menu drops down nicely too, the user cannot click the submenus, not even the links inside the IFrame page (that covered from the swf rectangular region). So there is a confusion in the Mozilla browser, where to send the click events: to the flash menu or the html page located in the IFrame. What should I do to make this work with Firefox Mozilla? I've tried some solutions i've found in Google, like entering the "z-index" property, placing the flash menu and/or IFrame inside a DIV layer, but I couldnt make it to work. The submenus still cannot be clicked when they drop over the IFrame content. As I said, in IE works fine. I've found somewhere else that the tip for this problem is to place the menu in a DIV and make that DIV load AFTER the IFrame is displayed, at the end of the page, thing that I dont have the knowledge to do. If this is right solution, can somebody help me doing this? On the other hand, if there is some other solution then I am ready to listen. Thank you very much for your time. p/s Check the first menu on the left, it works in Mozilla too, but thats because this region its outside the IFrame. The other menu choices falls down to the IFrame region, so the problem is with the layer placement. Conflict between Mime Type and Document Type... Morning - I have recently been learning CSS and have been upgrading my site to Semantically correct code. The first templat I am building is the following page http://www.colletts.co.uk/colletts_n...ndexflash.html and validates here validates... sort of. Should I be worried about the mime type, what effect will this have on the page. If I follow the instructions and change the file extension to xhtml all hell breaks loose - http://www.colletts.co.uk/colletts_n...dexflash.xhtml IE Error - can't open thios document etc... What am I doing wrong??? Best, Mas Hi Everyone. I'm looking for a way to make a form (only one input line) inwhich you write an URL, press submit and it'll send you to that url. not sure if it's only HTML stuff, but i just can't get how to do it. The form should act like the address bar. If you want to know why don't i just use the address bar, It's because I need to use Frames. Yes, I know it's kind of old, but i like it Thanks alot Chaim Hi there, I have inserted a form into my website using FP2000. I have all the fields I need; Name, City etc..But I don't quite understand how to make the "Submit" and "Reset" button work. I would also like to know how I can make some fields neccessary, so the person may not submit without entering information in required fields..help please! please help i am new to html and i am trying to add an optin form to my site that is linked to my e-mail can anyone help also the email address that the info needs to be sent to is glenwalker@grabtwitter.co.uk Hi can anyone help me I set up a website for a friend and added a form so clients could fill it in and make appointments. For some reason it doesn't seem to work properly. It works from my partners laptop and the main pc but on my laptop nothing happens , after clicking submit the form does not send . I have tried sending it with outlook express open and it still does jot work from laptop The html code is spot on and correct Anyone got any ideas hey guys im having trouble understanding how forms work. i know how to make forms
Code: <form action=""> Username: <input type="text" name="username"><input type="button" value="Check Availability"> <br /> <p></p> Password: <input type="password" name="password"> <br /> <p></p> Confirm Password: <input type="password" name="confirmpass"> <br /> <p></p> E-mail Address: <input type="text" name="email"> <br /> <p></p> Confirm E-mail: <input type="text" name="confirmemail"> <br /> <input type="submit" value="submit"><input type="reset" value="reset"> </form> but i dont really understand how to send that information to a different file, then later be able to get that information from the file and "log in". any help would be nice |
|||||||