HTML - Changing Two Frames At The Same Time Using Submit Button
Could someone help me with this? When I click on "Log in" after entering Password (12345) it change only "Main Page 1" to "Main Page 2" , I want to change "Column 1" to "Column 2" at the same time too. What should I do? The following are just sample to take a look. Thanks so much.
frames.htm HTML Code: <html> <head> <title>Frames</title> </head> <frameset rows="21%,*"> <frame src="top.htm" name="top.htm"> <frameset cols="10%,*"> <frame src="menu1.htm" name="menuarea"> <frame src="logininter.htm" name="pages"> </frameset> </frameset> </html> top.htm HTML Code: <html> <head> <title>Top Frame</title> </head> <body> <h1 align="center">Top Frame</h1> </body> </html> menu1.htm HTML Code: <html> <head> <title>Menu</title> <body> <h1>Column 1</h1> <table> <tr> <td> <a href="menu2.htm" onClick='parent.pages.location.href="logininter.htm"' target="menuarea">Log in</a></td> </tr> <tr> <td><a href="" >Guest</a></td> </tr> </table> </body> </head> </html> menu2.htm HTML Code: <html> <head> <title>Menu</title> <body> <h1>Column 2</h1> <table> <tr> <td><a href="">Message</a></td> </tr> <tr> <td><a href="" >Timetable</a></td> </tr> <tr> <td><a href="" >Appointment</a></td> </tr> <tr> <td><a href="" >Log out</a></td> </tr> </table> </body> </head> </html> logininter.htm HTML Code: <html> <head> <title>Main Page</title> <script type="text/javascript"> function validatePwd(theform){ if(theform.username.value==""){ alert("Please enter user ID") theform.username.focus() return false } else if(theform.passwd.value==""){ alert("Please enter a password") theform.passwd.focus() return false } else if(theform.passwd.value !=12345){ alert("Password incorrect") theform.passwd.focus() theform.passwd.select() return false } return true } </script> </head> <body> <h1>Main Page 1</h1> <form onsubmit="return validatePwd(this);" id="loginform" action="homepage.htm"> <fieldset> <legend>Log in</legend> <p>Please enter your User ID and Password to access</p> <label for="username">User ID:<input type="text" name="username" id="username" tabindex="1"></label> <label for="passwd">Password:<input type="password" name="passwd" id="passwd" tabindex="2"></label> <label for="submit"> <input type="submit" class="submit" value="Log in"/></label> <label for="reset"> <input type="reset" class="reset" value="Reset" /></label> </fieldset> </form> </body> </html> hompage.htm HTML Code: <html> <head> <title>Home Page</title> </head> <body> <h1>Main Page 2</h1> <div> <p>* Option 1</p> <p>* To Option 2</p> <p>* To Option 3</p> </div> </body> </html> Similar TutorialsHi! I have created a simple site that I uploaded on freespacia.com and then used co.cc to give it a shorter name. I have a form on my site, on the first page. When I load the site directly from freespacia the submit button works, but when I access the site on .co.cc, the submit button does not work. What could be the problem? I am creating a website that has a search button with an image. I would like to know if there is some simple code that I can include that would display the same basic image with a different color when the user mouses over the button. Here is the code: <FORM name="searchform" onSubmit="return validateSearch();" METHOD="POST" ACTION="search_results_lt.asp"> <INPUT TYPE="text" NAME="Search" VALUE="" SIZE="20" > <INPUT TYPE=IMAGE SRC="images/search_button.gif" Name="SearchButton" Value="Submit"> </FORM> **** Thanks for your help, Robin Hi all, I have a page which contains two frames, on the left frame i have hyperlinks which when clicked show pages corrseponding to those links in right frame.(basically its a navigational frame). But i have the following problem. of all the links i want to change one link to a button. that is when i click the button a apge corresponding to that must be displayed in right frame. But its not displaying in the right frame rather its dispalying in the left frame itself. <button type="submit" ONCLICK="window.location.href='mypage.html'" target="showframe">ClickMe</button> I am building this intranet for our employees at work. I am not a programmer, nor anykind of web professional, and I'm building this as an amateur. I have very basic knowledge of HTML and a bit of CSS, and that's pretty much it. Once the thing is ready to be released, it will have to be updated on a regular basis, and by people whose background and function have nothing to do with scripting (in fact, I cannot take care of it myself all the time since I'm leaving for Europe soon). Therefore, I resigned to using MS Word 2007 as the html editor, since it's the only software anyone can usen here to update the files without having to learn how to code (I haven't found any freeware that didn't require prior html knowledge and the company will not pay for a software liscence of any kind). I know MS word is basically the worst thing one can use to build a website, but I couldn't find any better for this scenario. Now I'm encountering a bit of a problem with the website, specifically with frames. The website (which is a frameset) is divided in two sections: a menu on the left (frame_menu), which is static should remain there all the time, and a frame to the right (frame_main) displaying the pages contents. Now, when a user clicks on a link in frame_menu, the content (page A) displays in frame_main, which is what I want. Then if someone clicks on a link in the page A in frame_main that links to another page (page B), it will open gain in frame_main, replacing the page A that was there. So far, this is the behavior I want, and the frame properties were set for this. The problem comes when the back button is used. If you are on page B, and then click the back button, you will come back to page A, in frame_main (so far still good), but any subsequent link the user will click after using the back button, whether it's a link in frame_menu or frame_main, will open in a new window, even though the default for opening links of the frame is set to frame_main as the target! This renders the frameset completely useless, and the whole frameset has to be closed and reloaded to function properly again. I know frames are deprecated. The only alternative I have found was to use CSS to simulate frames. However, from what I have read (and tell me if I am mistaken), it only simulates the fact that you have a "fixed" menu on every page, but the menu is NOT a separate html file, and has to be part of every page on the website. This makes the updating of the menu very tedious, as it has to be changed on every page of the website, were an item to be added to it. This is why I used frames to begin with: no need to update every page to add something to your menu, just update the menu.html file and voila. So I would like to know if you have any workaround for this problem. Any suggestion is appreciated. This was all tested with IE8. It's the only browser provided to the employees, I cannot use another one. This is part of the code (generated by MS Word of course) that contains the frametset <frameset framespacing=0 frameborder=0 border=0 cols="215,1*"> <frame name="frame_menu" src="file:///\\sv050\GROUPS\AGT\AGT-CDS\AGT-CDS-CR\helper\html\menu.htm" scrolling=no> <frame name="frame_main" src="file:///\\sv050\GROUPS\AGT\AGT-CDS\AGT-CDS-CR\helper\html\home.htm"> <noframes> <body lang=EN-US style='tab-interval:36.0pt'> <div class=WordSection1> <p class=MsoNormal style='margin-bottom:10.0pt;line-height:115%'><span style='font-size:11.0pt;line-height:115%'>This page uses frames, but your browser doesn't support them.<o:p></o:p></span></p> </div> </body> </noframes> </frameset> If the entire script of the frameset.html is needed, tell me and I'll post it. Thanks in advance, Guill Hi guys, im making a site for a client at the minute, i had successfully made it then noticed a glinch when i played it in 'firefox' (yes i to was shocked it wasnt in i.e). Basicly i have an accordian, when a user clicks on say label 1, i need the labels, background colour and text colour to change. Simialrly label 2 will change them to another colour. Now this is how i achieved that: HTML Code: <!-- within the label tag on the accordian i placed the following code to change the required colours when the link is clicked //--> <a id="titleLink" class="title" href="#" onclick= "body.style.background='#006600'; titleLink.style.color='#663333'; menLink.style.color='#231f20';"><h1>link 1</h1></a> Now here is the code in its entirety, copy and paste this should work, as long as you have the required .js pages in a folder entitled Script. 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"> <head> <link href="css/testAcc.css" rel="stylesheet" type="text/css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>some name here</title> <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script> <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- following is a sntarded accordian added in dreamweaver //--> <div id="Accordion1" class="Accordion" tabindex="0"> <div class="AccordionPanel"> <div class="AccordionPanelTab"> <!-- within the label tag on the accordian i placed the following code to change the required colours when the link is clicked //--> <a id="titleLink" class="title" href="#" onclick= "body.style.background='#006600'; titleLink.style.color='#FFFFFF'; menLink.style.color='#231f20';"><h1>link 1</h1> </a> </div> <div class="AccordionPanelContent">Content 1</div> </div> <div class="AccordionPanel"> <div class="AccordionPanelTab"> <a id="menLink" class="title" href="#" onclick="body.style.background='#231f20'; titleLink.style.color='#663333'; menLink.style.color='#FFFFFF'; ">link 2</a> </div> <div class="AccordionPanelContent">Content 2</div> </div> </div> <script type="text/javascript"> <!-- var Accordion1 = new Spry.Widget.Accordion("Accordion1"); //--> </script> </body> </html> Now, in Safari this works great, as it does in i.e and Opera. However when i try it in firefox it dosnt seem to work. I think it has something to do with firefox wanting to mark the links as visited but im unsure. Any ideas why this is happening and how i can avoid it!? any help would be appreciated, im tearing my hair out as the deadlines a-looming! cheers Roamer i am trying to incorporate a simple submit button with a pop-up window. i am struggling because i can get one or the other to work properly, but not both: popup and submit. any ideas would be greatly appreciated! here's what i'm looking at. </div> </fieldset> <a href="http://www.mycotorra.com/images/almostfinished.png" id="mc_embed_close" class="mc_embed_close" style="display: none;">Close</a> <div style="z-index: 1; width: 160px; height: 42px; position: absolute; top: 70px; left: -96px"> <input type="image" value="Subscribe" name="Sign up now" id="mc-embedded-subscribe" class="style81" style="clear: both;display: block; margin-right: 0;" height="44" src="http://www.mycotorra.com/images/sign%20up%20now%20button.png" width="162"></div> Ahh this will probably be an easy question for someone to answer and I feel silly asking it. But anyways, I am integrating a site with php and I am not as fluent in html as the former. I need to just have a text that says login and not the actual button. Here is what I have been using <input type="submit" name="wp-submit" id="wp-submit" value="<?php _e('Register'); ?>" /> , how would I get it to just be text? Thanks for answering noob questions I need help with this html, i need the submit button to email the forms to: mariamarias@hotmail.com instead of redirecting you to another webpage Please help me!!!!!!!!!!!!!!!!!!! Code: Please enter your account number and your password.<BR> <A HREF="?subtopic=createaccount">Create an account </A> if you do not have one yet.<BR><BR> <TABLE WIDTH=100% BORDER=0 CELLSPACING=1 CELLPADDING=4> <TR><TD BGCOLOR="#505050" CLASS=white><B>Account Login</B></TD></TR> <TR><TD BGCOLOR="#D4C0A1"> <FORM ACTION="https://secure.tibia.com/account/?subtopic=accountmanagement" METHOD=post> <TABLE BORDER=0 CELLPADDING=1> <TR><TD>Account number:</TD><TD><INPUT TYPE=password NAME="ACCOUNTLOGIN_ACCOUNTID" SIZE=10 MAXLENGTH=10></TD></TR> <TR><TD>Password:</TD><TD><INPUT TYPE=password NAME="ACCOUNTLOGIN_PASSWORD" SIZE=30 MAXLENGTH=29></TD></TR> </TABLE> </TD></TR> </TABLE> <BR> <TABLE BORDER=0 WIDTH=100%> <TR><TD ALIGN=center><IMG SRC="https://static.tibia.com/images/global/general/blank.gif" WIDTH=70 HEIGHT=1 BORDER=0><BR> </TD><TD ALIGN=center> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><TD><INPUT TYPE=image NAME="Submit" SRC="https://static.tibia.com/images/global/buttons/sbutton_submit.gif" BORDER=0 WIDTH=120 HEIGHT=18></TD></TR></FORM></TABLE> </TD><TD ALIGN=center> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0><FORM ACTION=https://secure.tibia.com/account/?subtopic=lostaccount METHOD=post><TR><TD><INPUT TYPE=image NAME="Account lost?" ALT="Account lost?" SRC="https://static.tibia.com/images/global/buttons/sbutton_accountlost.gif" BORDER=0 WIDTH=120 HEIGHT=18></TD></TR></FORM></TABLE> </TD><TD ALIGN=center> 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! 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> My submit button, when viewed on browsers different than Internet Explorer, has a weird border that does fit around it. Example: http://bestusedexpress.com/junk_you_car_for_cash.html I can't find any code that causes it to be like that, and i'm sure its not that the image has it already, any help? Thanks 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 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! 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 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 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 guys, I have made a website, and it has a text box that I want people to type their email address in, and I have a regular link next to it that says "submit" (not a button or anything). Basically I want the email address that they have entered to be emailed to me when they click the submit link. My hosting is currently just free-hosting at awardspace - is this possible to do there? If not - generally how can I make it work? Thank you for any replies posted :-) here's is my code <?php if(isset($_POST['submit'])) { $name = $_FILES['fileToUpload']['name']; $tmp_file = $_FILES['fileToUpload']['tmp_name']; $error = $_FILES['fileToUpload']['error']; $size = $_FILES['fileToUpload']['size']; $type = $_FILES["fileToUpload"]["type"]; echo "<table border=\"1\">"; echo "<tr><td>Client Filename: </td> <td>" .$name. "</td></tr>"; echo "<tr><td>File Type: </td> <td>" . $type. "</td></tr>"; echo "<tr><td>File Size: </td> <td>" . ($size/1024). " Kb</td></tr>"; echo "<tr><td>Name of Temporary File: </td> <td>" .$tmp_file. "</td></tr>"; echo "</table>"; $targetPath = '/srv/fff/htddd/uptime/down/'; $targetFile = str_replace('//','/',$targetPath) . $name; move_uploaded_file($tmp_file,$targetFile); echo "Image uploaded successfully to server :"; echo "</br>"; echo $name; echo "<html>"; echo "<head></head>"; echo "<body>"; echo " <form method=\"post\" action=\"http://testrun.libst.siu.edu/drupal/tagdublincore\"> "; echo "<input name=filename value=$name >"; echo "<input type=submit value=\"next\"></form >"; echo "</body>"; echo "</html>"; } ?> <html> <head> </head> <body> <h2>Upload Image</h2> <form enctype="multipart/form-data" method="post" action="http://testrun.libst.siu.edu/drupal/sep1"> <input type="file" name="fileToUpload" /> </br> // I WANT TO HIDE THIS SUBMIT BUTTON AFTER CLICKING <input type="submit" name="submit" value="Upload File" /> </form> </body> </html> Hi anyone who could help ! In the following code by clicking on the right bottom corner of the image, a link to the destination site occurs. <img src="images/4ticket.jpg" border="0" usemap="#Map" width="203" height="90"> <map name="Map"> <area href="www.destination/play.php" shape="rect" coords="72, 56, 185, 77"> </map Now I would like to replace the link with a form submit button, as I need the value of the submit button (Play FREE!) to be posted to the destination site. Thanks for any help or hint |