HTML - Form To Target Iframe
This is very basic but somehow won't work..i just need the form to target the iframe instead of a new window.
<form> <table border="0" width="80" cellspacing="0"> <tr><td width="100%" bgcolor="#000000" style="height: 70px"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr><td width="100%" background="images/boxtopA.png"><img border="0" src="images/11dot.gif" width="19" height="19"></td></tr> </table> <table border="0" cellspacing="0" cellpadding="3" style="width: 94%; height: 1px"> <tr><td width="2%" background="images/boxbackA.png" style="height: 28px"> <img border="0" src="images/11dot.gif" width="18" height="18"> </td><td width="98%" background="images/boxbackB.png" style="height: 28px"> <select class="combobox" name="SiteMap" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" > <option selected>Select Date </option> <option value="http://donedealevents.myjalbum.net/Inaugural%205-12-2007" >5-12-2007</option><option value="http://donedealevents.myjalbum.net/Inaugural%205-19-2007" >5-19-2007</option> </select> </td></tr> </table></td></tr> </table> </form> <hr /> <br /> <iframe name="gallery" width="512" height="370" style="width: 817px; height: 771px"> Please use a browser that supports iframes </iframe> <br /> Thanks Similar TutorialsI just searched the posts to see if anyone else has had this problem or concern, and no one had a real solution, so I just thought I'd post it again, incase the right person stumbles upon this and has the answer I need! Anyway... onto the question. I have an iframe on my site, and am using lightbox within that iframe, but want the lightbox to open up outside of the iframe... is there anyway that is possible? Thanks in advance! Ok well I have an iframe on my site, I don't want to have to make several base pages to load different iframe pages from the address bar. So I would like to do something like, "sitename.net/index.html?specifictexthere" ( or whatever after the .html ) to be able to go to a different link with the iframe on that page. But also if its not one of the right specific texts then, it will just go to the normal iframe link thats set. I've been having trouble with targeting an iframe with a goto form. Let me show you what I've done. <form name="openlocation" target="PicFrame"> <input type="text" name="href" value="http://"> <input type="button" value="Go To" onClick="location.href=document.openlocation.href.value;; "> </form> <iframe name="PicFrame" src="blank.htm"></iframe> I'm trying to get allow the user to submit the url of a photo and then load that page into my iframe. So far the only thing it does is open up the url in the same window and does not target the iframe at all. Also I am using FF. My boss has an html form supplied to him by a catalog company that can be implemented into my bosses site. The form is a search form for products in this company's catalog and the output of the form opens at this companys site. Is there a way I can force the results into another framed page of two rows. I want the output of the seach form to go to the second row of the frame. My bosses companys logo will be in the first row of the frame so people can return to my bosses homepage. Hope I have been clear. Thanks, Libman Started By LIBMAN on Mar 9, 2007 at 11:39:16 AM Hi, I'm newly registered and seeking some assistance. I'm working on a website for a client and come across an issue. The following is my iFrame code: Code: <div id="iframez"> <iframe src="main.html" width="100%" height="400px" name="framez"></iframe> </div> I have a link that is at the bottom of the page that is supposed to load in the iFrame when clicked upon. The code is as follows: Code: <a href="somelink.html" target="framez">some link</a> What I want is when the link is clicked that it loads in the iframe (this works as intended) AND I want the page to scroll up to the iframe. I tried doing this without success: Code: <a href="somelink.html#iframez" target="framez">some link</a> This is interpreted as #iframez in somelink.html, and not the page its on. Is there any way around this? Thanks for your patience. Hi folks, I run a mail/web hosting service and we have a client who is telling us that we have changed something on our server that has stopped part of their website working. So I have had a look at their code and to me I can't see how it ever worked, hence my posting here to see what everyone else thinks. The site uses a CMS system (I'm not sure precisely which one) with the main page being index.php The particular page in question runs through index.php and then calls an iframe as such: Code: <iframe height="1445" allowTransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none" src="http://www.domain.tld/formadmin/embed.php?id=1" title="Request a call back"><a href="http://www.domain.tld/formadmin/view.php?id=1" title="Request a call back">Request a call back</a></iframe> We then move onto the form itself which is defined as such: <form id="form_1" class="appnitro" method="post" action="#main_body"> When you click the submit button on the form, the server replies with the content of the main index page to the website. From what I see, the #main_body action is simply incorrect and the form should be posting back to embed.php instead of to #main_body. This company are insistent that it used to work and that it still works on their test server (yet they won't provide me with any copies of their configuration files so that I can see if there's any php differences or anything like that). So, my questions to you folks are this. 1) Give the code above, is there any set of circumstances where #main_body would post back to the iframe instead of to the original file that may have somehow been affected by a backend configuration on the server? 2) If the action of the form is changed to match the source of the iframe, it is my understanding that the form should work properly. Assuming no other fancy stuff in the CMS then I imagine this is correct? Thanks! Hello all, I'm try to use a form to choose what webpage is displayed in an iframe on the same page. What I have so far is not working: <form name="list" action="" method="get" target="repIframe" style="margin:0px;padding:0px"> <select name="zone"> <option value="./testadvisory.php?warnzone=UTZ019&warncounty=UTC053">St. George</option> <option value="./testadvisory.php?warnzone=UTZ013&warncounty=UTC043">Cedar City</option> </select> </form> <iframe name="repIframe" src="blank.html"></iframe> Could someone offer a suggestion ir procedure to allow the use of a form to choose the content of the iframe? Thanks, Randy Hello, I have a site that uses iFrames and I had to remove one of the iframes to have open a javascript page in that location. By my problem is that when people go to click on the other links, it no longer opens in that main area since it no longer has a target name located with it. I was wondering if it was possible to add one or if not, is there another way? The code below is what I have and I need to be able to have a section like I do below where it has the javascript text. Thank you very much! <div id="s" style="position:absolute; top:375px; left:65px; width:690px; height:1500px; text-align:left;"><script type="text/javascript" src="url here" ></script><div align="center" class="badge" style="width:100%;"><p style="margin-top: 2px; margin-bottom: 5px;"></p></div></div> My site is http://www.freshpaintnyc.blogspot.com in the side bar... I embeded an RSS widget called "feedwind" under "message board". The embed code feedwind gives allows you to change the target of the RSS link once it's clicked... either in the same window or a new window "_blank". My question is... I don't want the link to open in a new window, i want it to open in the same window. except in the "main" window with the exsisting sidebar still there. the "main" or "content" div id label... how do I send that RSS link that is being fed it to open in the "left column" or main, content, etc... whatever it should be called...? I want it to look like this... http://freshpaintnyc.blogspot.com/p/...paint-nyc.html i have Code: <object type="text/html" name="menu" id="menu" width="850" height="450" border="0" data="http://174.132.130.34/~****er10/menu.html"></object> inside this file i have a java script that on mouse over it has a drop down menu now for the links in the drop down are listed like so Code: <div id="dropmenu1_d" class="dropmenudiv_d"> <a href="/about/" target="_parent">About Us</a> <a href="/about/contact.html" target="_parent">Contact Us</a> </div> when i click on the menu links they still open in the same object frame in Internet explorer ive tried _top also cant figure out y its doing it in ie any suggestions? My teacher has given me an assignment that asks me to use target, but I guess he didn't know that target doesn't validate anymore. So my lab teacher told me to look into javascript for a replacement that does because they can and will screw me on their mistake. So I just need it to work on the standard a href=" " code. hello i have used name and target thing with frames but can i use this with tables too ?? i mean like , i name different columns n rows according to my design and than can i 'target ' pages/content to some specific column or row just like we can do in frames. ok so i'm using a CMS and I have a page created a header, a left column, and a body I'm trying to have links in the left column display information in the body when clicked however since its a CMS the body doesn't have an actual html page? i've tried <a href="xxxxx.html" target="body">xxxxx</a> However it doesn't work I'm not sure how i'm supposed to be able to link to the body...is there a way that I can label the body? But it is working in Firefox, any clue why? Here are the two codes I am trying to link: Code: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Three Sons Auto Body</title> <script type="text/javascript" src="finalproject.js"></script> <link href="finalproject.css" rel="stylesheet" type="text/css" /> </head> <frameset rows="250,*" border="0"> <frame src="frame1.html" scrolling="no" noresize="noresize" name="memu" /> <frame src="home.html" scrolling="yes" noresize="noresize" name="frame" /> </frameset> </html> and Code: <?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"> <head> <title>Three Sons Auto Body</title> <script type="text/javascript" src="javascript.js"></script> <script type="text/javascript" src="finalproject.js"></script> <link href="finalproject.css" rel="stylesheet" type="text/css"/> <base target="browser"/> </head> <!-- Your HTML tags and content should appear below this line. --> <body> <img class="banner" src="images/banner.gif" alt="banner"/><br/> <ul id="mainMenu"> <li><a href="#" onmouseover="menuOpen('menu1')" onmouseout="menuCloseTime()">Home</a> <div id="menu1" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()"> <a href="home.html" target="frame">Home</a> </div> </li> <li><a href="#" onmouseover="menuOpen('menu2')" onmouseout="menuCloseTime()">About Us</a> <div id="menu2" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()"> <a href="aboutus.html" target="frame">About Us</a> </div> </li> <li><a href="#" onmouseover="menuOpen('menu3')" onmouseout="menuCloseTime()">People</a> <div id="menu3" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()"> <a href="people.html" target="frame">Hierarchy of People</a> </div> </li> <li><a href="#" onmouseover="menuOpen('menu4')" onmouseout="menuCloseTime()">Accident Report</a> <div id="menu4" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()"> <a href="accidentform.html" target="frame">Accident Report Form</a> </div> </li> <li><a href="#" onmouseover="menuOpen('menu5')" onmouseout="menuCloseTime()">Sales Letter</a> <div id="menu5" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()"> <a href="salesletter.html" target="frame">Sales Letter</a> </div> </li> <li><a href="#" onmouseover="menuOpen('menu6')" onmouseout="menuCloseTime()">Contact Us</a> <div id="menu6" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()"> <a href="contactus.html" target="frame">Contact Us</a> </div> </li> <li><a href="#" onmouseover="menuOpen('menu7')" onmouseout="menuCloseTime()">WIN TICKETS!</a> <div id="menu7" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()"> <a href="finalslot.html" target="frame">Slot Machine</a> </div> </li> <li><a href="#" onmouseover="menuOpen('menu8')" onmouseout="menuCloseTime()">Accessories for Sale</a> <div id="menu8" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()"> <a href="finalsales.html" target="frame">Car Accessories for Sale!</a> </div> </li> <li><a href="#" onmouseover="menuOpen('menu9')" onmouseout="menuCloseTime()">Splash Page</a> <div id="menu9" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()"> <a href="finalproject.html" target="_top">Back to Splash Page</a> </div> </li> </ul> <div style="clear:both"></div> </body> </html> Hello all. I am making a page about logic gates. Anyway, I need to add a link target to the following code: Code: <center><h1 style="font-family: arial, serif; font-size:24pt; text-align:center; width: 250px; display:block; padding:5px; color:#000000; background-color:#1B3F8B; border: solid #000000 2px">The And Gate</h1> </center> This is bacause I have a pic of logic gates that I have image mapped and I want users to be able to click on a specific gate and be able to instantly jump to where that gate is on the page. I have came up with the following code to set a link target: Code: <a name="And"></a>|<font size="+2">And gate</font> The problem is that I am not sure where to place this code in the first code I posted. Can anybody help? Hi- Is there a way a frame target is screwed up? I have my frameset defined as <frameset rows="30, 83%" cols="1*" border="0"> <frame name="top" scrolling="no" marginwidth="10" marginheight="14" src="top.aspx"> <frameset rows="1*" cols="30%, 70%"> <frame name="left_target" scrolling="auto" marginwidth="10" marginheight="14" noresize src="left_meaning.aspx"> <frame name="right_target" scrolling="yes" marginwidth="10" marginheight="14" src="right_meaning.aspx"> </frameset> </frameset> and insde "right" frame, all <a> links have target to "left." But it load some external java script before so I assume that is where target is screwed up. But if i set hyperlink as follow: <A target="left_target" href="http://www.yahoo.com">aa</a> that the target set here should override whatever that comes before it, shouldn't it? Thanks for your help I am currently building a website which is to be used as an online gallery for a friend's artwork - To state the mundane, one of the recurring features is that when clicking on a thumbnail to open a picture it is displayed in a new window (target="_blank") - I was wondering if it was possible to reuse the window which is initially opened to display other images when requested from the original page, as opposed to having a load of new windows open on screen displaying different images? I have no ideas on this matter, other than perhaps a new window could be given an identifier which could be refered to from the original page at a later time - Can anyone help me here? On my site, we have game reviews. Well, I just created a template system, and before I had it, I was using javascript to make a new mini pop-up window for our videos and screenshots. Example is he http://thegamehog.com/reviews/pc/str...and_conquer_3/ This worked fine at first, but now I wrote a template system in PHP and I cannot use the javascript anymore because it interferes with the things going on in the PHP. How can I (possibly) make a pop-up window without javascript or at least have the stuff open in a new window? I cannot use the target attribute because I'm trying not to have any markup errors and I am using a strict doctype. I know this is a common problem across many websites trying to go by the standards, but someone has to have an answer! Hi Ive got a page with the code below. The link to the mp3 (stored locally) does not work when I click on it, but i can save it if I right click. The file exists and the path is correct. Also it does not work in IE but does in Firefox. What's going on? Any help appreciated. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>mp3 [23 March 2007]</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <LINK href="followlink_files/styles.htm" type=text/css rel=stylesheet> <META content="MSHTML 6.00.5730.11" name=GENERATOR> </HEAD> <BODY id=oBody bgColor="#ffffff" leftMargin=6 topMargin=2 rightMargin=6> <SPAN class=DocumentTitle>mp3<BR>[23 March 2007] </SPAN> <HR> <DIV id=oPage style="DISPLAY: block" pageId="1"> <TR> <TD> <TABLE class=profile width="100%"> <TBODY vAlign=top align=left> <TR> <TD width="100%" colSpan=2> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD width="100%"> <SPAN class=ProfileTitle>Know How Document</SPAN> </TD> <TD noWrap align=right> <BR> </TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR> <TD class=ProfileLabel noWrap align=right width=120>Title :</TD> <TD class=ProfileText align=left width="100%">all saints</TD> </TR> <TR> <TD class=ProfileLabel noWrap align=right width=120>Notes :</TD> <TD class=ProfileText align=left width="100%"><A href="file:///c:/1.mp3">mp3</A></TD> </TR> <TR> <TD class=ProfileLabel noWrap align=right width=120>Document Date :</TD> <TD class=ProfileText align=left width="100%">23 March 2007</TD> </TR> <TR> <TD class=ProfileLabel noWrap align=right width=120>Profile Created :</TD> <TD class=ProfileText align=left width="100%">23 March 2007</TD> </TR> </TBODY> </TABLE> <HR> </TD> </TR> </DIV> <DIV id=oPage style="DISPLAY: none" pageId="2"></DIV> <DIV id=oPage style="DISPLAY: none" pageId="3"></DIV> <SCRIPT>startPage=1;</SCRIPT> </BODY> </HTML> |