|
HTML - Cross Referencing Two Iframes Located In Two Different Webpage
I dont know how can I explain this. But I will try my best by putting entire issue in series of steps below.
Step 1: I have a web page with two <div> tags located besides each other. We will call them the right <div> and the left <div> Step 2: Left <div> has a drop down list that dynamically generates navigation as shown in the code below. <form style="margin-left:3%; margin-bottom:1%" action="" method="post"> <SELECT ONCHANGE="if (window.frames && window.frames.iframes) { window.frames.iframes.location.href = this.options[this.selectedIndex].value; }"> <OPTION VALUE="Swimming.html">Swimming <OPTION VALUE="TaxServices.html">Tax Services <OPTION VALUE="TravelLeisure.html">Travel & Leisure <OPTION VALUE="ymca.html">Waste Management <OPTION VALUE="WaterManagement.html">Water Management <OPTION VALUE="Welding.html">Welding </SELECT> <iframe id="theFrame" name="iframes" src="murrieta.html" align="top" style="margin-top:7%;height:95%; width:100%;"></iframe> </form> Step 3: To explain step 2 better, For e.g. if option "Swimming" is selected from the option group on left <div>, it will launch its child links in in the iframe nam as "iframes" Step 4: The option "Swimming" has an html file associated with it called "Swimming.html" This file has three links as mentioned below <ul> <li><a href="http://www.google.com" id="l14">about us</a></li> <li><a href="murrietainfo2.html" id="l15">services</a></li> <li><a href="murrietainfo3.html" id="l16">pricing</a></li> <li><a href="murrietainfo4.html" id="l17">contacts</a></li> </ul> Step 5: To explain step 4 better, if "Swimming" option is selected, it will launch four links in iframe region Step 6: NOW IT GETS REAL TRICKEY Step 7: My Requirement is : say if user clicks "about us" link for "Swimming" option in left <div> tag, it should lauch "www.google.com" in the iframe of right <div>. Say, if use selects "services" link for "Swimming" option in left <div> tag, it should launch "murrietainfo2.html" in the iframe of right <div> Step 8: i need to do this for all of options, as all of options in option list has child links that will be dropped in the left div iframe PLEASE PLEASE HELP Thanks, Ruchir Similar TutorialsHello, I have a page where I am using 2 iframes on. The page loads fine in Safari and Firefox, but in Internet Explorer and Flock, the iframe on the right does not show up, and there is a scrollbar on the left iframe that shows up when I tell it not too... any help would be greatly appriciated! i will explain what im trying to do with an image: http://img291.imageshack.us/img291/2859/73268782sn0.jpg lets say i want to display only the part of the website without the red overlay inside the iframe, yahoo is just for the example, i will be using a pic but anyway. I achieve this using a div+iframe but it looks different on each browser, the main problem is IE, each version shows something completely different, is there a cross browser way to do this? thnkx in advance Hi all, im building a web based application for a restaurant as a project. Im completely new to web design but so far so good. I have a menu as one of the application webpages where the user views the menu and clicks on an item to order (all in text form, no buttons or controls), and i also have a billing page where the user can view items they have chosen off the menu. My problem is this, i want the user to click the text of the menu page and this text is then added to the billing page ........... a simple thing but im yet too find a solution. Any help would be great. I have the following script I am useing to disaply a random quote on each of my pages: Code: <script language="JavaScript">
var Quotation=new Array()
Quotation[0] = "Time is of the essence! Comb your hair.";
Quotation[1] = "Sanity is a golden apple with no shoelaces.";
Quotation[2] = "Repent! The end is coming, $9.95 at Amazon.";
Quotation[3] = "Honesty blurts where deception sneezes.";
Quotation[4] = "Pastry satisfies where art is unavailable.";
Quotation[5] = "Delete not, lest you, too, be deleted.";
Quotation[6] = "O! Youth! What a pain in the backside.";
Quotation[7] = "Wishes are like goldfish with propellors.";
Quotation[8] = "Love the river's \"beauty\", but live on a hill.";
Quotation[9] = "Invention is the mother of too many useless toys.";
var Q = Quotation.length;
var whichQuotation=Math.round(Math.random()*(Q-1));
function showQuotation(){document.write(Quotation[whichQuotation]);}
showQuotation();
</script>
Instead of having the massive block of code on each page, is there someway of placing it on a style sheet and referencing it on each page? I have created several spreadsheets that are automatically updated through ODBC. I am trying to create an internal website which will display these spreadsheets. what is the easiest way to display the spreadsheets so that when they automatically update every 15mins the information on the internal site will change with it? ANY help will be greatly appreciated Is it possible to reference a PDF file in a HTML page as one does with <img />? That is, when the page opens, the file will be displayed. Many thanks... Todd Hi. I am comparatively new to html. Hi. I am aware there are differing opinions regarding Html emails. However, I have been requested to produce an html document to email to specific recipients in this format. Some of the html functions I need to use are not handled well by the Email client I am using (Outlook 2007), let alone where it is going. Therefore as a workaround I am attempting to email the html document as an attachment to my email, so that it will be opened in a web browser. However, I am having trouble, linking to the attached photos to the same email from within that html document. I have successfully, embeded the photos into the same email, using CDO 1.21 (from MS Access VBA) and <img src=cid: etc. However, this does not work for the attached html file. Any ideas on how to refer to them from within the attached html document would be greatly appreciated, even if I am going in the wrong direction. Thank you. Sorry if i posted this in the wrong location. So im a real estate agent making a website. Im no pro and most of the stuff ive been using to build has been through layouts/generators/help of others such as yourselves. So ive been stuck on finding/making this code for the past couple of days. So all my listings are on my agencys website, not my personal agent website. Is there a code i could have where in the listings page my my personal agent website, i could have a window maybe 600x900 of the listing page on my agencys website? To kind of clear things up, you know how when you google something you have the magnifying glass, how it gives that preview. How can i have that preview coded onto a webpage, but me say what webpage to preview and how big to make the preview box? Tried to explain it as best i could. If you dont know the code, if you can tell me what its called so i can try to narrow the google searches. So far everything that has been coming up in the search restults has been preview boxes to preview html codes you have already written. Fail Blog Thanks Okay, here's the situation. 1) The client uses a catalog service that he likes and wants to keep, but hates the way their pages look. 2) Their Layouts aren't really customizable so I plop their info into another page using an iframe. This page is hosted on a different server than the content. 3) Annoyingly, iframes don't stretch to fit their contents, so if I set the height to accomdate all possible pages, I'm left with a silly amount of space at the bottom of most pages. I can't add code to the interior pages. I've looked around, but nothing seems to work. Any ideas? Good Morning, I am placing an iframe on my site, this is working well but I would like to have the website page represented in the iframe to fill my frame 100% as viewed by the viewer.. Currently I have a horizontal scroll bar on the bottom of my frame.. I would like to not need this but to be able to see the full width of that site in my iframe. Is there a way to achieve this? Thank You David Is there a way to make an iframe load all of a page, and make that its height? I don't want a scroll bar, but I would like it so the user can read the whole page in the frame. Is this possible? Thanks. does anyone know an IE compatible way to disable x-scrolling in iframes? i made a style that had no x-scroll and applied it to the iframe, but that only worked in mozilla. help would be appreciated -james Hello, I am creating HTML sites for various accommodations. They all have listings and availability calenders on a directory as is show he http://www.walestouristsonline.co.uk...ity.asp?id=103 I would like to be able to somehow create something along the lines of an iframe that just incorporate just the calendar part of the page (not the entire page) in the site I am making. Anyone any idea how this can be done? Thanks. hi all... I am working with iframes on a website I am designing. My question is this... If users scroll all the way to the bottom of the page and click a link, how do you restore the index page all the way to the top, while loading the requested page within the iframe? Hi, I have a webpage which a friend of mine designed a long time ago. I'm not an HTML expert but I know the base things, and the problem is that my site don't use iframes, instead there are tables. I have many pages and the navigation links are on every single page. It's really a pain in the neck to change all pages to modify a navigation link. This is how the HTMl looks: Code: <body> <table width="800" border="0" cellpadding="0" cellspacing="0" class="main" align="center"> <tr><td colspan="2">Head image there</td></tr> <tr><td class="left"> <!--START OF NAVIGATION--> Navigation links are here <!--END OF NAVIGATION--> <td class="content"> <!--START OF CONTENT--> CONTENT HERE <!--END OF CONTENT--> </center></td></tr> <tr><td colspan="2" class="footer"> <!--START OF FOOTER--> This is the footer <!--END OF FOOTER--> </td></tr></table> </body> </html> A pictu Now my question would be that is it possible to put the navigation in a frame but keep the whole site layout the same? I mean, I would like to keep the scrolling the same - Have only 1 scrollbar and when scrolling, scroll the whole page, the navigation and the main content too. Thank you very much for any help! Hi, this is my first post here. I uploaded my webpage http://inferno.comxa.com to the server of 000webhost.com When I tried to view them through various browsers, I found that the height attribute of the iframe tag was not responding in any browser except Chrome (12.0). I used the following browsers for checking: IE 8, Firefox 5.0, Opera 11, Chrome 12.0 This is my code Code: <body> <iframe src = "top-right.html" height = "23%" width = "15%"></iframe> <iframe src = "top.html" height = "23%" width = "83%"></iframe><br> <iframe src = "topics.html" height = "77%" width = "15%"></iframe> <iframe src = "home.html" height = "77%" width = "83%" name = "main"></iframe> </body> This is what I was able to see However when I ran a similar code on the editor of w3schools.com, it came out fine in all browsers. This is what I see in w3schools editor What is happening ? why such anomaly ? Help is appreciated. I also tried to replace the attributes of the iframe tag with CSS, but i found the same thing. Looks fine with Chrome but the height was not being registered with any other browser. This is my exact html code Code: <!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css" />
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
</head>
<body style="height:100%;background-color:black;" >
<iframe src="" style="height:25%; width:15%;"></iframe>
<iframe src="" style="height:25%; width:83%;"></iframe><br>
<iframe src="" style="height:75%; width:15%;"></iframe>
<iframe src="" style="height:75%; width:83%;" name = "main"></iframe>
</body>
</html>
and this is my stylesheet Code: *{background-color:black;color:white;}
html{background-color:black;color:white;}
h1{font-size:250%;text-align:center;color:yellow;background-color:black;}
h2{font-size:175%;text-align:left;background-color:black;color:white;}
body{background-color:black;color:white;font-size:120%;}
p:first-letter{font-size:150%;color:red;background-color:black;}
a:link{color:blue;background-color:black;}
a:visited{color:blue;background-color:black;}
a:hover{color:yellow;background-color:black;}
a:active{color:white;background-color:black;}
this is what I saw in IE8 http://html.net/forums/download/file.php?id=55 By the way, in IE8 i get a white space in the frames whereas in Firefox/Chrome/Opera , it comes out black. Anything with CSS compatibility? Can iframes be used inside flash applications embeded on webpages so that when a button is clicked on a flash app, it activates an iframe on the actual webpage. Is that possible? Thanks. Here... I don't know how to explain this, but I'm having a problem with IFrames. Check out the link: http://www.freewebs.com/noeylani94/index.htm I want all three of them lined up horizontally I used div aligns to put my Iframes where I want them and whenever I maximize the window it doesn't look like how it's supposed to. My friend doesn't have internet explorer, so is there some "universal" code I can use instead? Can anyone help? Thanks. instead of doing frames i've put all my contents into an Iframe with 3 links underneth. Problem is, when you click a link it goes onto a different page, how do i make the link'ed contents appear in the iframe? I hope i make sense! |
|||||||