|
HTML - Iframe+urls(not The Question You're Expecting, Trust Me.)
Before I begin, I'm new to these forums, and if someone can give me an answer, I plan to answer some of the more obvious questions around the forum.
Alright, so I've searched for around 2 hours trying to find this. Everytime I try, I end up running into people asking the same question over and over again, "How do I create a link that changes the iframe's page?" That is not the question I am asking. Basically, I run a photoshop tutorial website, that I just started. I use an iframe, (named, "mainframe") and I know how to create links that change the iframe's contents. However, I want to submit some of my tutorials to other websites. The problem is that if I link to my website, the iframe loads the default page, and they have to navigate their way to the tutorial themselves, and that is not acceptable for those that actually need tutorials... I've found the temporary solution of copying the index.html file and then modifying the html code to set the default iframe page to the tutorial, then linking to the copied index file. However, I would rather just have one index file, and change the iframe page using a single U.R.L. To further simplify my question, I know it's going to look something similar to this: "http://psprofessor.orgfree.com/index.html?framepage=http://psprofessor.orgfree.com/images/tutorials/patterns/home.html" I know that this is not correct, and you need some sort of indicator as to what the name of the iframe is, I only showed that to show what type of question I'm asking. I also realise that the answer to my question may not include the word, "framepage." The url of the page with the iframe is: "http://psprofessor.orgfree.com/index.html" The url of the page I want to load into the iframe is: "http://psprofessor.orgfree.com/images/tutorials/patterns/home.html" The name of the iframe is: "mainframe" Basically I want to compress all that into a single url that I can type into my browser, and when I type it into my browser, I want to go to the index page and have the iframe named, "mainframe" load the tutorial page as opposed to the default iframe page. Thanks in advance to any assistance that I can get. Similar Tutorialshello, sometimes I see the following urls in some websites. Instead of seeing webpages extensions, I see the folders. http://www.example.com/en/services/ What's inside this folder ? How does it work ? thanks Hi everyone, I'm a total newbie and have zero previous HTML experience (but have experience reading code). I am modifying a site to support 3 radio buttons that switch the function of a single search bar. Could you guys please help me figure this out? Warning - all of this is copy-and-paste frankencode from the source, pieced together by guesswork. It may hurt your eyes. In case you're wondering, this is simply a design prototype for a class I am taking that requires user testing. The actual web development will be done by someone else if accepted. I will learn HTML properly later on. Attached is an image of what I am thinking of. And here is the pertinent code: Code: <h2>Select the search engine that meets your needs.</h2>
<form id="form1" name="form1" method="post" action="">
<p>
<label>
<input name="searchEngineSelection" type="radio" id="searchEngineSelection_0" value="http://uci.worldcat.org/search" checked="checked" />
<strong>Melvyl</strong></label>
- Search libraries worldwide for books/music/other media.<br />
<label>
<input name="searchEngineSelection" type="radio" id="searchEngineSelection_1" value="http://antpac.lib.uci.edu/search/X?SEARCH=" />
<strong>ANTPAC</strong></label>
- Search and reserve material held at UCI Libraries.<br />
<label>
<input type="radio" name="searchEngineSelection" value="http://www.lib.uci.edu/search-site.html?cx=009602760963559712792%3Aoglsjsxdz5m&cof=FORID%3A10&ie=UTF-8&q=" id="searchEngineSelection_2" />
<strong>Site</strong></label>
- Find a specific page or information on the Library website.<br />
</p>
</form>
<form accept-charset="UTF-8" action="http://uci.worldcat.org/search" id="wcfw" method="get" name="wcfw" target="_top">
<input name="q" type="text" id="quicksearch_field" />
<input align="top" id="quicksearch_go" onmouseout="goBtnOff()" onmouseover="goBtnOn()" src="./Home Page - UCI Libraries_files/button-go-off.gif" type="image" />
</form>
I have no idea how to do it so I am asking you gurus to help. Thanks so much for your time. I have a jailbroken iPhone 4 and I am trying to get a flash embed to display on it but I am having a lot of trouble. i have successfully used and enabled different flash objects elsewhere but this is the only one that wont run. so I know it will work. HTML Code: <head>
<title>iSwim</title>
</head>
<body>
<div style="width: 320px; height: 356px; margin-top: 80px; margin-bottom: 44px;">
<object width="320" height="356"> <param name="movie" value="http://listen.grooveshark.com/widget.swf" /> <param name="wmode" value="opaque" /> <param name="allowScriptAccess" value="always" /> <param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" /> <embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="320" height="356" flashvars="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" allowScriptAccess="always" wmode="opaque" /></object>
</div>
</body>
Can anyone help me to make sure the flash displays right? what happens is the player loader displays at the top instead of the center and the control buttons are present before it loads. then after the loader fails it shows a "cannot connect" error. so I think the flash object is resizing inside its self. can anyone help me clean up this script so it will display correctly in iPhone safari (with flash enabled)? website is he smalldotdesign.zxq.net/iSwim.html that is where the HTML file is located that I am trying to get corrected. thanks in advance. i have a feeling this is going to be a tough fix. It has been suggested that I Insert the form in a webpage by using an iframe: email: <IFRAME SRC="/cgi-bin/non-email-step20.pl" width="100%" height="430" SCROLLING="no" frameborder="0"></IFRAME> news: <IFRAME SRC="/cgi-bin/non-email-step21.pl" width="100%" height="400" SCROLLING="no" frameborder="0"></IFRAME> non-email step 20 and21 are perl scripts can some kind soul point me in the direction of how i inset these in a web page, or how to make a start thanks xstation hey guys cool and helpfull forum thx quick question for you gurus i have a html page with a iframe the content of the iframe is a catalogue. now if i use the include statement it changes page when you click add to cart or view order in an i frame it stay in the main page put it is only the content of the iframe that changes. but i get this ugly scroolbar from left to right top to button.. i understand the top to bottom but i want to get rid of the left to right..lol is there another way with the include?but it need to saty in the main page. thx guys how do i make it so the iframe NEVER scrolls.. it just extends to fit the content on the page? an example is http://xtinaweb.org/ - there's no scrollbar, you can just scroll down the page until the writing finished... Is there a way to have the iframe open with a 0 margin? for example... here, http://albertabrantes.com/peter/details.html I have a list of images, and I just point them directly to an iframe. But the iframe opens with a margin, and resizes the images... Is there a way to work around this? Thanks! I am currently undergoing construction on my website and had a quick (i hope) iframe question. I have a main page completed and a table in the center which loads the iframes. Currently, I have to create a new .html document for each iframe, which I was wondering, if I had somebody click on a link on the main page, a different iframe could load up for each link instead of a whole new .html page. edit this doesn't necessarily need to be in html, however I would prefer it to be so. Thanks Machtkampf Iv built a basic webpage, and in the center is an iframe that brings up the content that I want. However I want to include a flash control panel that is not in the iframe, but controls the navigation (in the iframe) when selected. Basically is it possible to have flash buttons controlling the content in an iframe, without the flash actually being included in the iframe. Thanx... I have a page with many links. What I would like to do is have the links open a page on my site with the header info from my site, and the site outside my site in the iframe. This should be simple enough, I just dont know how to do it. So, the link will need to pass a var in some way to the "template" page with the url for the site outside my site, use it in the iframe etc. Any help? Ok i have a form that i would like to post data to an iframe from and i get it to work with the iframe on the page. but once i try to post to the iframe on a different page then the form is on my iframe doesn't show anything here is a sample of what i was using to get it to work all on the same page and i am trying to get the iframe to work on property-search-mls.php Code: <form id="searchForm" name="searchForm" target="iframe" action="http://www.mlsfinder.com/oh_cbr/streetsothebysrealty/index.cfm" method="post" onSubmit="document.getElementById('iframe').src='http://www.mlsfinder.com/oh_cbr/streetsothebysrealty/index.cfm';">
<input id="action" name="action" value="newsearchsession" type="hidden">
<input id="search" name="search" value=" Search for Properties" type="submit">
<iframe name="iframe" id="iframe" width="100%" height="800"></iframe>
if anyone can give me some insite on this i would be forever greatful i have spent a good part of today trying to get this to work thanks T Hi, I am creating a one page site that uses an iframe to display the other pages. So I create an index.html with an iframe in it and drawing an initial 'page': <iframe src="pages/welcome.php" name="carter-fairfax" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="900px" height="910px"></iframe> I then create another 'page' on the site and link to it using the following: <li><a href="pages/who-we-are.php" target="carter-fairfax" frameborder="0" scrolling="no" width="900px" height="500px">who we are</a></li> Everything displays fine except that there is a good deal of white space at the bottom, obviously because there is a difference in the height of the iframe - is there an elegant way to get round this problem. I do have the containing div height set to auto. Many thanks, Keith Hulse right i have a site which is like a blog the parent page has two iframes on it: one called date and one called blog now the iframe date has different dates in the iframe blog has well the blog with anchors on the dates now i need so that wen you click on a date in iframe date it moves to that anchor in iframe blog which are two completely different pages any help appreciated INDEX (base) <html> <head> <title>site sliced</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!-- ImageReady Preload Script (site sliced.psd) --> <script type="text/javascript"> <!-- function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changeImages() { if (document.images && (preloadFlag == true)) { for (var i=0; i<changeImages.arguments.length; i+=2) { document[changeImages.arguments[i]].src = changeImages.arguments[i+1]; } } } var preloadFlag = false; function preloadImages() { if (document.images) { workinp_03_over = newImage("images/workinp_03-over.gif"); workinp_04_over = newImage("images/workinp_04-over.gif"); workinp_05_over = newImage("images/workinp_05-over.gif"); workinp_06_over = newImage("images/workinp_06-over.gif"); preloadFlag = true; } } // --> </script> <!-- End Preload Script --> <style type="text/css"> <!-- .style1 {color: #000000} --> </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="images/background.gif" onLoad="preloadImages();"> <!-- ImageReady Slices (site sliced.psd) --> <table id="Table_01" width="800" height="601" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="14"> <img src="images/workinp_01.gif" width="800" height="21" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/workinp_02.gif" width="93" height="79" alt=""></td> <td colspan="2"> <a href="link1.html" onmouseover="changeImages('workinp_03', 'images/workinp_03-over.gif'); return true;" onmouseout="changeImages('workinp_03', 'images/workinp_03.gif'); return true;" onmousedown="changeImages('workinp_03', 'images/workinp_03-over.gif'); return true;" onmouseup="changeImages('workinp_03', 'images/workinp_03-over.gif'); return true;"> <img name="workinp_03" src="images/workinp_03.gif" width="132" height="79" border="0" alt="link1"></a></td> <td> <a href="link2.html" onmouseover="changeImages('workinp_04', 'images/workinp_04-over.gif'); return true;" onmouseout="changeImages('workinp_04', 'images/workinp_04.gif'); return true;" onmousedown="changeImages('workinp_04', 'images/workinp_04-over.gif'); return true;" onmouseup="changeImages('workinp_04', 'images/workinp_04-over.gif'); return true;"> <img name="workinp_04" src="images/workinp_04.gif" width="138" height="79" border="0" alt="link2"></a></td> <td colspan="2"> <a href="link3.html" onmouseover="changeImages('workinp_05', 'images/workinp_05-over.gif'); return true;" onmouseout="changeImages('workinp_05', 'images/workinp_05.gif'); return true;" onmousedown="changeImages('workinp_05', 'images/workinp_05-over.gif'); return true;" onmouseup="changeImages('workinp_05', 'images/workinp_05-over.gif'); return true;"> <img name="workinp_05" src="images/workinp_05.gif" width="162" height="79" border="0" alt="link3"></a></td> <td colspan="2"> <a href="link4.html" onmouseover="changeImages('workinp_06', 'images/workinp_06-over.gif'); return true;" onmouseout="changeImages('workinp_06', 'images/workinp_06.gif'); return true;" onmousedown="changeImages('workinp_06', 'images/workinp_06-over.gif'); return true;" onmouseup="changeImages('workinp_06', 'images/workinp_06-over.gif'); return true;"> <img name="workinp_06" src="images/workinp_06.gif" width="161" height="79" border="0" alt="link4"></a></td> <td colspan="3"> <img src="images/workinp_07.gif" width="114" height="79" alt=""></td> </tr> <tr> <td> <img src="images/workinp_08.gif" width="39" height="38" alt=""></td> <td colspan="2" rowspan="2"> <img src="images/workinp_09.gif" width="45" height="340" alt=""></td> <td colspan="9"> <img src="images/workinp_10.gif" width="624" height="38" alt=""></td> <td rowspan="2"> <img src="images/workinp_11.gif" width="50" height="340" alt=""></td> <td> <img src="images/workinp_12.gif" width="42" height="38" alt=""></td> </tr> <tr> <td> <img src="images/workinp_13.gif" width="39" height="302" alt=""></td> <td colspan="5" BACKGROUND="images/workinp_14.gif" width="329" height="302"> <iframe name="IF" id="IF" src="dates.html" height="100%" width="100%" frameborder="0">your browser doesnt support iframes please update it</iframe></td> <td colspan="4" BACKGROUND="images/workinp_15.gif" width="295" height="302" valign="top" style="padding-left: 25px"> <font color="white">HI HOW ARE YOU<P> this box doesnt extend and i cant make it so dont put too much here as it looks really screwy,<P> <B>but look at the background its acctually really smoothly animated and fades so it doesnt annoy you</B></font></td> <td> <img src="images/workinp_16.gif" width="42" height="302" alt=""></td> </tr> <tr> <td colspan="14" BACKGROUND="images/workinp_17.gif" width="800" style="padding-left: 100px; padding-right: 100px"><BR> <iframe src="blog.html" name="IF2" width="100%" height="100%" frameborder="0" class="style1" id="IF2">your browser doesnt support iframes please update it</iframe></td> </tr> <tr> <td colspan="14"> <img src="images/workinp_18.gif" width="800" height="107" alt=""></td> </tr> <tr> <td colspan="14"> <img src="images/workinp_19.gif" width="800" height="22" alt=""></td> </tr> <tr> <td colspan="14" BACKGROUND="images/mid_b.gif" width="800" style="padding-left: 105px; padding-right: 105px"><font color="white">and sodoesn this one <P> its great</font></td> </tr> <tr> <td colspan="2"> <img src="images/workinp_20.gif" width="75" height="17" alt=""></td> <td colspan="3"> <img src="images/workinp_21.gif" width="46" height="17" alt=""></td> <td colspan="5" rowspan="2"> <img src="images/workinp_22.gif" width="514" height="18" alt=""></td> <td colspan="2" rowspan="2"> <img src="images/workinp_23.gif" width="73" height="18" alt=""></td> <td colspan="2" rowspan="2"> <img src="images/workinp_24.gif" width="92" height="18" alt=""></td> </tr> <tr> <td colspan="5"> <img src="images/workinp_25.gif" width="121" height="1" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="39" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="36" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="9" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="9" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="28" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="104" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="138" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="50" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="112" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="110" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="51" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="22" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="50" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="42" height="1" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> <br> </body> </html> DATES: <html> <head> <title>doesnt matter</title> </head> <body bgcolor="black"> click a date to go to that date <a href"blog.html#10807 target="IF2">August 10th 2007</a></center> </font></body> </html> BLOG: <html> <head> <title>doesnt matter</title> <link href="blog.css" rel="stylesheet" type="text/css"> </head> <body bgcolor="black"> <table width="100%" border="3" align="center" cellpadding="5" cellspacing="5" bordercolor="#999999"> <tr> <td class="date" width="30%"><a name="10807">10th august 2007</a></td> <td class="main" width="100%">Hi my name is Matthew Hailwood and i decided to start a blog to keep track of my life, i dont know how often i will update this however I will try my best </td> </tr> <tr class="main"> <td class="date">10th august 2007 </td> <td>this is the second post </td> </tr> <tr class="main"> <td class="date">10th august 2007 </td> <td>this is the third post </td> </tr> </table> </body> </html> hi, I have one question I have one index page <index.html> with iframe it displays: info.html, contact.html, and main.html it default src="main.html" if I creat a link from the other page eg. <hot.html> from <hot.html> I want to make a link just a single click it will go to <index.html> but in the iframe displays <info.html> instead of <main.html> how the codes should be like? Thanks. hi www.ebolasoup.com <-- i want to do that on a page on my site so that any urls displayed on the page act as links, even the urls that are retrieved from the mysql db, oh and opening in new window, how is this done i cant find the answer anywhere? Hi, While parsing relative URL segments "../" to hierarchical segments of the absolute URL , I notice that the <a> tag and the <link> tag do this differently. Take the following absolute and relative URLs: absolute URL: http://www.a.com/a/b relative URL: ../../b/c.css The <a> tag resolves this to: http://www.a.com/b/c.css However the <link> tag resolves this to: http://www.a.com/a/b/c.css It appears that all other forms of resolving URLs are equal between both tags however, I have been trying to find the RFC specification on this but have had no luck. This document http://www.ietf.org/rfc/rfc2396.txt does not contain any information regarding the <link> tag. Is anyone here familiar with this or know where I could obtain more information. Thanks, Bandito http://www.gaihosa.com I have several pages of webaddresses and I want all of the addresses to link but dont want to do it to each address, is there anyway to make each addresses automatically hyperlink to itself. e.g www.cnn.com, i would like that address to be hot and when clicked it goes to cnn.com but i have pages and pages of addresses and dont want to have to type a target for each one. Thanks Hi I have a blog with blogspot (google) and I want to post, say, 50 links. I don't have time to add the HTML link code to each one (<a/ or something) Is there anyway that I can quickly format my links so they are clickable? I just want the URLs to link. For example I want to post (just an example): www.youtube.com www.google.com www.microsoft.com www.htmlforums.com and so on... anyway to automatically make the clickable links? must be i just dont know how :p they are clickable in this forum because it automatically makes "[url]" tags. I want to do the same only on my blog. thanks! Is this possible? I know it seems to go against the grain, but it'd be cool for an image gallery I'm working on. I've got a feeling I've seen a site a few years back where this happened: if you right-clicked a hyperlink and chose SaveTargetAs, the URL would be a JPEG which you could easily save to your computer. However, if you left-clicked the hyperlink, it wouldn't simply open the JPEG but would dress it up in some HTML as a kind of pictureframe. Have I dreamt that or is it possible?! Okay, All I want to know is this: I have this simple HTML form 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>Proxy</title> </head> <body> <form action="" method="get" name="webaddress" target="_self" id="webaddress"> <label>Web Address: <input name="webaddress" type="text" id="webaddress" value="http://" size="100" maxlength="100" /> </label> <label> <input type="submit" name="go" id="go" value="Go" /> </label> </form> </body> </html> I want what ever text that is typed into the webaddress to be appended to the url below and the person to be taken there http://atyndall.heliohost.org/proxy/index.php?q=APPEND webaddress FORM CONTENT HERE Anyone got any ideas on how I could implement that, I have a PHP/MySQL Linux server. |
|||||||