|
HTML - Iframe, Form And #main_body
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! Similar TutorialsThis 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 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 I have 2 IFrames on a page. I am going to end up with a long list of shows to catch-up on. Is there a way I can embed an IFrame with the list, and when you click on a show, you it will change the Playing Show http://tiny.cc/catchup <---The page I am referring to. hi, i've a very simple html page, where i have an iframe. The problem is that i want to add some text below the iframe. however, my text keeps showing up on the right hand side of the iframe. i've looked at the tutorials discussing the tags available for iframe, but surprisingly, none seem to relevant to this. Code: <html> <body> <table border="0" cellspacing="10"> <table border="0" cellpadding="0" cellspacing="0" align="left"> <td valign="top"> <iframe src="mySource.jsp" height="700" width="600" frameborder="0" scrolling="auto"></iframe> </td> </table> This should be displayed below the iframe but actually gets displayed on the right </body> </html> any help / guidance in this will be much appreciated. thanks in advance! Now here is my problem. I'm not familiar with other laguages then html and a little bit of javascript and I wanted to make a site for me and my brothers photography company. I currently using dreamweaver and have figured out the way I want to make this site. I tried using ordinary frames, but I want the website to be aligned in the middle and I could make that happen. That is why I went into iframes and a regular table on the index page. My problem now is that I have several iFrames and I want a link from one to open in another. http://www.trans4mind.com/personal_d...e/iframes3.htm here is a link for this to happen, and the simple solution is to name the frame and then target the link. but I have tried that and when the link is from one iframe to another it won't work. If the link is on the index page and target the iframe then it works. Do you have any idea why this happens? I know it's possible since the link above does it. Hi! I've been cracking my head trying to solve this: How can I insert a iframe [i.e. 300x200px] inside of another iframe [i.e. 700x500px] and pull different web content n each one? kind of concentric iframes or like a 'Donut iframe' I have created an html page that calls another html page into an iframe. I've never used iframe before, so please forgive my ignorance. It was recommended to me by a friend of mine to use for this particular project. Anyway, the document being 'imported' needs scroll bars vertically but shouldn't horizontally. I have set scroll to 'auto'. The width of the iframe is 320 px. The document that I'm calling in is about 260 px. I've tried putting the child document contents in a table of varying sizes from 280-320 px and still get horizontal scroll bars when viewing on the PC using Internet Explorer. I've eliminated the table and just placed the text into the html doc using <span class = "">. No other browsers that I've tested Mac or PC have the horizontal scroll. Is there a way to target and eliminate just the horizontal scroll in iframe? Or, is there something I can do to the child document to remove the horizontal scroll when imported assuming that the area that it's being imported to is 320 px wide? Perhaps there's another method altogether that would work better for me? I originally used textarea, but it did not work for my purpose(s) because I need to apply formatting, ie <b></b>, to certain lines of text. Thanks in advance - sleepydad hey people i am new here. can you please tell me how i make a iframe with no scroll to a certein position of a page? exp: i want to put a i frame with weather forecast in my page but only the temperature wich is not in the corner of the page. sorry about my english =) edit: i did it with this now i am wondering if i can zoom out a objecto of a page to put it in a smaller iframe. can you guys help me? I'm trying to make a iframe for http://www.atdhe.net/. When I go to preview the code it goes to a link buck advertisement. Anyone know why and how to fix it ? Code: <iframe src="http://www.atdhe.net/" style="border:0px #FFFFFF none;" name="myiFrame" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" height="90%" width="90%"></iframe> I used to use iframe a few years back, however, the codes have changed. I need the code for how to place an inline frame in an exact spot (left_, top_). Can some one please help me? Hello, I have an iFrame and I have to make the height more then it should be because it have a flash dropdown in it so if the height is not enough, it cuts off the drop down. But the problem is that I have a text box areas below where the iFrame goes over and you can not click the textbox to start typing. I have the iframe transparent in the css. I was wondering if there was someway to make it so you can click the textbox like normal with the iframe still over it? Thanks - Never Mind ppl found out what the problem was. Hey ^^ I got this problem with my Iframes, links when im scrolling downl. So here we got. Got my iframe with a link inside in it. So my link works fine if i dont scroll down on my page, but every time a scroll down (The Scrollbar isn't in the top), the link doesn't, work, i can't push on it or any thing, there is not Windows hand, just a normal pile over the link. It's the same with the text content, i can "Select All" the text if, i haven't touch the scrollbar, but if i scrolling down, i can't "Select All" the text :S Some body there can help me out :'( Iframe Code: <iframe src="test.html" name="ifr" width="600px" height="1000px" scrolling="auto" frameborder="0" allowtransparency="true" onLoad="loadIntoDiv('myDiv', 'myFrame')">
</iframe>
test.html Code: <table width="100%" border="0">
<tr>
<td><a href="test.html#123123" target="ifr">Link </a></td>
<td> </td>
</tr>
</table>
PS: My iframe is in a <div> tag and after that it's in a <table>, so <div><table><td><tr><iframe></frame></tr></td></table></div> I am currently redoing my fraternity school website and I am having a problem with my iFrame. I want scrolling bars but not on the pages that don't necessarily need them. I set the scrolling to "Auto" and decreased the table size of the pages that are supposed to be loaded into the iFrame but this doesn't remove the scrolling bars. Any help is greatly appreciated. Here is the link: http://apa.org.msstate.edu/ Hi I'm making a website for a project at college and we have to insert a iframe which creates a scrollbar in the content area. But how to I add content/test to make the scroll bar work? The scroll is showing, but is showing but its faded out because there isn't any text for it to scroll down. This is the code I'm using. ><iframe frameborder="0" name="content" height="500" width="798" scrolling="yes" marginheight="0" marginwidth="0" src ="michael_1.html"></iframe> How come the following script is not working? It worked all fine, until i duplicated it to make tabs. 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AKBrowser</title>
<script type="text/javascript">
function show_prompt()
{
var name=prompt("Please enter the website name in the next pop up box. E.g. (for next one) http://www.apple.com. Note Google and Yahoo aren't supported.","Not this one");
document.getElementById('website').src = prompt() ;
}
function show_promptb()
{
var name=prompt("Please enter the website name in the next pop up box. E.g. (for next one) http://www.apple.com. Note Google and Yahoo aren't supported.","Not this one");
document.getElementById('websiteb').src = promptb() ;
}
function show_promptc()
{
var name=prompt("Please enter the website name in the next pop up box. E.g. (for next one) http://www.apple.com. Note Google and Yahoo aren't supported.","Not this one");
document.getElementById('websitec').src = promptc() ;
}
</script>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
}
a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#FF0000;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#CC0033;
}
</style>
</head>
<body bgcolor="#000000">
<table border="0">
<tr><td>
<a name="tabone"><a href="javascript:history.go(-1)" target="iframe_a"><img src="back.png" height="50" width="50" /></a></td><td><button type="button" onclick="show_prompt()" style="height: 50px; width: 500px">Click to go to a different site</button> </td><td>
<a href="javascript:history.go(+1)" target="iframe_a" ><img src="forward.png" height="50" width="50" /></a> </td><td><font color="#33FFFF" size="6">This is the AKBrowser. Made by AK.</font></td></tr></table> </a>
<ul>
<li><a href="http://www.apple.com" target="iframe_a">Apple</a></li>
<li><a href="http://www.bing.com" target="iframe_a">Bing</a></li>
<li><a href="" target="iframe_a">Google</a></li>
<li><a href="http://www.miniclip.com" target="iframe_a">Miniclip</a></li>
<li><a href="http://www.wikipedia.com" target="iframe_a">Wikipedia</a></li>
<li><a href="http://www.msn.com" target="iframe_a">MSN</a></li>
<li><a href="http://www.cnn.com" target="iframe_a">CNN</a></li>
<li><a href="http://www.espn.com" target="iframe_a">ESPN</a></li>
<li><a href="http://www.youtube.com" target="iframe_a">Youtube</a></li>
<li><a href="http://www.facebook.com" target="iframe_a">Facebook</a></li>
<li><a href="http://www.twitter.com" target="iframe_a">Twitter</a></li>
<li><a href="http://www.nytimes.com.com" target="iframe_a">NY Times</a></li>
<li><a href="#tabone">Tab 1</a></li>
<li><a href="#tabtwo">Tab 2</a></li>
<li><a href="#tabthree">Tab 3</a></li>
<li><a href="#tabfour">Tab 4</a></li>
<li><a href="#tabfive">Tab 5</a></li>
<li><a href="#tabsix">Tab 6</a></li>
<li><a href="#tabseven">Tab 7</a></li>
<li><a href="#tabeight">Tab 8</a></li>
</ul>
<iframe src="" style='position:absolute;top:10%;left:10%;right:0px;width:90%;height:90%' frameborder="0" id="website" name="iframe_a"> Your Browser Doesn't Support iFrames </iframe>
<!-- Tab Divider -->
<table border="0">
<tr><td>
<a name="tabtwo"><a href="javascript:history.go(-1)" target="iframe_b"><img src="back.png" height="50" width="50" /></a></td><td><button type="button" onclick="show_promptb()" style="height: 50px; width: 500px">Click to go to a different site</button> </td><td>
<a href="javascript:history.go(+1)" target="iframe_b" ><img src="forward.png" height="50" width="50" /></a> </td><td><font color="#33FFFF" size="6">This is the AKBrowser. Made by AK.</font></td></tr></table> </a>
<ul>
<li><a href="http://www.apple.com" target="iframe_b">Apple</a></li>
<li><a href="http://www.bing.com" target="iframe_b">Bing</a></li>
<li><a href="" target="iframe_b">Google</a></li>
<li><a href="http://www.miniclip.com" target="iframe_b">Miniclip</a></li>
<li><a href="http://www.wikipedia.com" target="iframe_b">Wikipedia</a></li>
<li><a href="http://www.msn.com" target="iframe_b">MSN</a></li>
<li><a href="http://www.cnn.com" target="iframe_b">CNN</a></li>
<li><a href="http://www.espn.com" target="iframe_b">ESPN</a></li>
<li><a href="http://www.youtube.com" target="iframe_b">Youtube</a></li>
<li><a href="http://www.facebook.com" target="iframe_b">Facebook</a></li>
<li><a href="http://www.twitter.com" target="iframe_b">Twitter</a></li>
<li><a href="http://www.nytimes.com.com" target="iframe_b">NY Times</a></li>
<li><a href="#tabone">Tab 1</a></li>
<li><a href="#tabtwo">Tab 2</a></li>
<li><a href="#tabthree">Tab 3</a></li>
<li><a href="#tabfour">Tab 4</a></li>
<li><a href="#tabfive">Tab 5</a></li>
<li><a href="#tabsix">Tab 6</a></li>
<li><a href="#tabseven">Tab 7</a></li>
<li><a href="#tabeight">Tab 8</a></li>
</ul>
<iframe src="http://www.bing.com" style='position:absolute;top:10%;left:10%;right:0px;width:90%;height:90%' frameborder="0" id="websiteb" name="iframe_b"> Your Browser Doesn't Support iFrames </iframe>
<!-- Tab Divider -->
<table border="0">
<tr><td>
<a name="tabthree"><a href="javascript:history.go(-1)" target="iframe_c"><img src="back.png" height="50" width="50" /></a></td><td><button type="button" onclick="show_promptc()" style="height: 50px; width: 500px">Click to go to a different site</button> </td><td>
<a href="javascript:history.go(+1)" target="iframe_c" ><img src="forward.png" height="50" width="50" /></a> </td><td><font color="#33FFFF" size="6">This is the AKBrowser. Made by AK.</font></td></tr></table> </a>
<ul>
<li><a href="http://www.apple.com" target="iframe_c">Apple</a></li>
<li><a href="http://www.bing.com" target="iframe_c">Bing</a></li>
<li><a href="" target="iframe_c">Google</a></li>
<li><a href="http://www.miniclip.com" target="iframe_c">Miniclip</a></li>
<li><a href="http://www.wikipedia.com" target="iframe_c">Wikipedia</a></li>
<li><a href="http://www.msn.com" target="iframe_c">MSN</a></li>
<li><a href="http://www.cnn.com" target="iframe_c">CNN</a></li>
<li><a href="http://www.espn.com" target="iframe_c">ESPN</a></li>
<li><a href="http://www.youtube.com" target="iframe_c">Youtube</a></li>
<li><a href="http://www.facebook.com" target="iframe_c">Facebook</a></li>
<li><a href="http://www.twitter.com" target="iframe_c">Twitter</a></li>
<li><a href="http://www.nytimes.com.com" target="iframe_c">NY Times</a></li>
<li><a href="#tabone">Tab 1</a></li>
<li><a href="#tabtwo">Tab 2</a></li>
<li><a href="#tabthree">Tab 3</a></li>
<li><a href="#tabfour">Tab 4</a></li>
<li><a href="#tabfive">Tab 5</a></li>
<li><a href="#tabsix">Tab 6</a></li>
<li><a href="#tabseven">Tab 7</a></li>
<li><a href="#tabeight">Tab 8</a></li>
</ul>
<iframe src="" style='position:absolute;top:10%;left:10%;right:0px;width:90%;height:90%' frameborder="0" id="websitec" name="iframe_c"> Your Browser Doesn't Support iFrames </iframe>
</body>
</html>
Also, for my prompt box, it says "enter in blah blah in the next page", because for some reason whenever you click ok it goes to another prompt which says undefined, and that is the one it actually uses. The problem is that when I click the "links" i have at the side, it doesn't actually go to the link inside the iframe, and when i click the back button it actually doesn't go back (my back button) Hello everyone im new to this site. I am creating a website and i keep all of the data of each title in a iframe. How do i make it so that the only thing that changes is the iframe and all of the other stuff stays on the screen and doesn't load again? Thanks for any help that you will be able to give me. how come my iframe code doesnt work is this correct?? <IFRAME SRC="http://www.xanga.com/miiew.html" WIDTH=630 HEIGHT=505 FRAMEBORDER=0 SCROLLING=YES ALIGN=LEFT HSPACE=15 VSPACE=15></IFRAME> thanks =] Hello, I'm having trouble solving a problem involving frames in IE7. On this page, in IE7 only, I get a large frame with a jumble of images below it. However, the same page looks perfect in Firefox. Additionally, this page works fine in IE7. It uses frames as well...?! Is there something wrong with my HTML code? Please help. Thanks in advance, echotree The content in the white part of this page... http://www.limotraveler.com/reservations.htm is loaded in an iframe. If you click on Create Profile the page does not load in Internet Explorer, yet it works fine in Firefox. I have tried many times in the past month to find a fix on this issue & without any luck am posting it here. Does anyone have a clue how to fix this? Now if you go this page & click create profile... https://www.smartcarsinc.com/reservations/ ... everything works fine. This is the exact page that my iframe points to. So somewhere the iframe is causing an issue. I have also tried to set this up in a regular frame (something I definitely did not want to do) & it did not work that way either. So at this point I am quite stuck. If anyone has any input that would be very helpful. Thanks! |
|||||||