|
HTML - Link To Menu Selection From One Iframe To Another
Hey guys. Man, it's been years since I've been here. Not that much into web design these days.. but as it turns out I was asked to make someone a site.. It went well and I managed to get good bits of code from online as you do, but I have stumbled across a problem..
I have an iFrame with a calendar in it (consisting of html and some javascript) and by clicking certain dates it will change the selection of a drop down menu (full of listed dates) which is located on the main page.. Because it is not simply changing a link and instead a selection on a menu, it required javascript and after a lot of messing around I got it to work.. this was the code: <a href="javascript:void(0)" onclick ="parent.document.getElementById('datechoose').value = '11';" style="display:block;">15</a> this, when attached to a link in the iFrame will select the 11th item on the menu on the main page. It only works online for some reason, but other than that. it works perfect.. Here's the problem. My dreamweaver template has screwed up as it often does.. and it will be waay to difficult to figure out the problem. so I'm scrapping that idea.. So now I have to update the menu options on about 15 different pages every week... OR - I could put this menu on it's own page in a seperate iframe so it only needs updated once.. So essentially, how would I modify this code to link from one iframe to another. I wish it was as simple as 'target' etc. but that won't work. I've looked at similar questions online, but none of the answers seem to work.. thanks in advance Similar TutorialsHi, 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. Alright, I finally figured out what I need to do. Below are two templates that are inserted in my vBulletin template design. I have modded them somewhat, but now I am stuck. I am trying to get it to look like the following: http://www.wowhq.com/forum/calendar....=2007-4-18&c=1 -- located towards the bottom of the thread. If you could help me figure out how the heck to finish coding this, it would be much appreciated. NOTE: I have created the dropdown box in the second template. What needs to happen is that data needs to get pulled from the user's answers on the calendar_rsvp_form template and displayed in two separate columns on the calendar_rsvp template. Look at the link above to see exactly how the data is output. calendar_rsvp template: Code: <if condition="!$eventempty">
<hr>
</if>
<if condition="$rsvp_yes">
<b>$vbphrase[calendar_rsvpd] $vbphrase[yes]: $rsvp_yes_count </b>
<if condition="$eventinfo[rsvp_max_guests]">
(<phrase 1="$rsvp_yes_members" 2="$rsvp_yes_guests">$vbphrase[x_members_and_y_guests]</phrase>)
</if>
<table width="100%" border="0">
<tr>
<th width="20">Count</th>
<th width="100">Username</th>
<th width="100">Class</th>
<th width="100">Spec</th>
<th width="200">Date Registered</th>
<th>Comment</th>
</tr>
<tr>
<th width="20"></th>
<th width="100"></th>
<th width="100"></th>
<th width="100"></th>
<th width="200"></th>
<th></th>
</tr>
</table>
</if>
<if condition="$rsvp_maybe">
<b>$vbphrase[calendar_rsvpd] $vbphrase[maybe]: $rsvp_maybe_count</b>
<if condition="$eventinfo[rsvp_max_guests]">
(<phrase 1="$rsvp_maybe_members" 2="$rsvp_maybe_guests">$vbphrase[x_members_and_y_guests]</phrase>)
</if>
<ul><if condition="$vboptions[rah_rsvp_showavatar]"><table>$rsvp_maybe</table><else />$rsvp_maybe</if></ul>
</if>
<if condition="$rsvp_no">
<b>$vbphrase[calendar_rsvpd] $vbphrase[no]: $rsvp_no_count</b>
<ul><if condition="$vboptions[rah_rsvp_showavatar]"><table>$rsvp_no</table><else />$rsvp_no</if></ul>
</if>
calendar_rsvp_form template: Code: <form action="calendar.php?do=getinfo&e=$eventinfo[eventid]&day=$rsvp_day" method="post">
<input type="hidden" name="do" value="getinfo" />
<input type="hidden" name="cdo" value="rsvp" />
<input type="hidden" name="day" value="$rsvp_day" />
<input type="hidden" name="e" value="$eventinfo[eventid]" />
<input type="hidden" name="s" value="" />
<if condition="$bbuserinfo['userid'] AND $expires[0]>=0">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr><td class="alt2">
<if condition="$expires[unixdate]">
<if condition="$myrsvp">
<b><phrase 1="$rsvp_day_formatted" 2="$myrsvp">$vbphrase[calendar_rsvp_yoursvp]</phrase></b><br />
<font class="smallfont"><i><phrase 1="$expires[date]">$vbphrase[calendar_rsvp_maychangeby]</phrase></i></font>
<else />
<b><phrase 1="$rsvp_day_formatted">$vbphrase[calendar_rsvp_attendquestion]</phrase></b><br />
<font class="smallfont"><i><phrase 1="$expires[date]">$vbphrase[calendar_rsvp_changeby]</phrase></i></font>
</if>
<br/>
<else />
<if condition="$myrsvp">
<b><phrase 1="$rsvp_day_formatted" 2="$myrsvp">$vbphrase[calendar_rsvp_yoursvp]</phrase></b><br />
<font class="smallfont"><i>$vbphrase[calendar_rsvp_maychange]</i></font>
<else />
<b><phrase 1="$rsvp_day_formatted">$vbphrase[calendar_rsvp_attendquestion]</phrase></b><br />
<font class="smallfont"><i>$vbphrase[calendar_rsvp_changelater]</i></font>
</if>
<br/>
</if>
<br/>
<INPUT TYPE=RADIO NAME="response" VALUE="Yes" <if condition="$myrsvp=='Yes'">checked="checked"</if>>$vbphrase[yes]
<INPUT TYPE=RADIO NAME="response" VALUE="Maybe" <if condition="$myrsvp=='Maybe'">checked="checked"</if>>$vbphrase[maybe]
<INPUT TYPE=RADIO NAME="response" VALUE="No" <if condition="$myrsvp=='No'">checked="checked"</if>>$vbphrase[no]<br \>
<if condition="$eventinfo['rsvp_max_guests']">
<i>$vbphrase[calendar_rsvp_guests_prompt] <input type="text" name="guests" id="guests" size="3" value="$myguests">
$vbphrase[calendar_rsvp_guests]. (<phrase 1="$eventinfo[rsvp_max_guests]">$vbphrase[calendar_rsvp_guest_limit]</phrase>)</i>
</if>
<br/>
 <b>Class/Spec:</b>
<select name="class">
<option value="Druid (Feral Combat)">Druid (Feral Combat)</option>
<option value="Druid (Restoration)">Druid (Restoration) </option>
<option value="Druid (Balance)">Druid (Balance)</option>
<option value="Hunter (Beast Mastery)">Hunter (Beast Mastery)</option>
<option value="Hunter (Marksmanship)">Hunter (Marksmanship)</option>
<option value="Hunter (Survival)">Hunter (Survival)</option>
<option value="Mage (Arcane)">Mage (Arcane)</option>
<option value="Mage (Fire)">Mage (Fire)</option>
<option value="Mage (Frost)">Mage (Frost) </option>
<option value="Paladin (Holy)">Paladin (Holy)</option>
<option value="Paladin (Protection)">Paladin (Protection)</option>
<option value="Paladin (Retribution)">Paladin (Retribution)</option>
<option value="Priest (Discipline)">Priest (Discipline)</option>
<option value="Priest (Holy)">Priest (Holy)</option>
<option value="Priest (Shadow)">Priest (Shadow)</option>
<option value="Rogue (Assassination)">Rogue (Assassination)</option>
<option value="Rogue (Combat)">Rogue (Combat)</option>
<option value="Rogue (Subtlety)">Rogue (Subtlety)</option>
<option value="Shaman (Elemental)">Shaman (Elemental)</option>
<option value="Shaman (Enhancement)">Shaman (Enhancement)</option>
<option value="Shaman (Restoration)">Shaman (Restoration)</option>
<option value="Warlock (Affliction)">Warlock (Affliction)</option>
<option value="Warlock (Demonology)">Warlock (Demonology)</option>
<option value="Warlock (Destruction)">Warlock (Destruction)</option>
<option value="Warrior (Arms)">Warrior (Arms)</option>
<option value="Warrior (Fury)">Warrior (Fury)</option>
<option value="Warrior (Protection)">Warrior (Protection)</option>
</select>
<br/>
<br/>
<if condition="$maxlength">
<table>
<tr>
<td><b>$vbphrase[comment]:</b><br \>
<td align="right"><font class="smallfont"><i>($vbphrase[calendar_rsvp_maxlength] = $maxlength)</i></font></td>
</tr>
<tr>
<td colspan="2">
<textarea name="comment" rows="2" cols="80">$mycomment</textarea>
</td>
</tr>
</table>
</if>
<input type="submit" class="button" value="$vbphrase[submit]" />
</td></tr>
</table>
</form>
</if>
<if condition="$expires[0]<0">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr><td class="alt2" align="center" valign="center" height="75"><font size="2"><b>$vbphrase[calendar_rsvp_closed]</b></font></td></tr>
</table>
</if>
Hi, This must be an easy question but a quick google did not turn up an answer for me. I have a dropdown menu and allows the user to select multiple items from the menu. After the user clicking the submit button, how do I get the user's (multiple) selections? I know I can use $POST['Name'} to get the value if there was only one selection. Thanks I am trying to figure out a way to load the index page with a requested iframe page without clicking the link. Instead of going to site.com/embeddedpage.html i want to essentially go to site.com/#iframeembeddedpage.html is there a way to load an iframe within the index page via a direct url??? I have my website and inserted an iframe. Code: <iframe src ="link" name="forumframe" id="forumframe"> This works fine but if I click a link INSIDE this it doesnt remain inside the iframe and instead brings up the page as the entire window. Is there a simple solution for this? i have an iframe set up using the code Quote: <iframe href="http://www.maidenerleghweather.com/forecast2.php" target="_self" scrolling="no" src="http://www.wunderground.com/swf/pws_mini_rf_nc.swf?station=IWOKINGH4&freq=2.5&units=metric&lang=EN onClick=" style="zoom: 85%;"></iframe> which is displayed at http://www.maidenerleghweather.com/livedata.html the trouble is when i click on the iframe it links to a weatherunderground weather website, rather than the one i have specified in the code. is it possible to take control of this and use my own link instead? is it possible to use a transparent box over the iframe and then have my link connected to this? hopefully someone can point me in the right direction. i am a beginner with iframes and html so please be patient! hello, I'm trying to open a greybox where the link to it is inside an iframe. My problem is that while it works, it only takes the dimensions of the iframe, and not the parent window... so it doesn't look good. I'm hoping there's some code I can add to the link so that it targets the parent window. here is the link code for my greybox: HTML Code: <a id="video-link" href="../videos/Pallets.html" title="Pallets" rel="gb_page_center[640, 385]"> and here is the link to see what I'm talking about: (there is a "video" link on the left side menu that is located in the parent winodow and there is several "video" links within the iframe once you enter the products) http://www.solstudio.eu/skycore/demo...-Multiparking/ I have <iframe src="example.html"></iframe> and I have some links in that page. I want to open them in a new tab or in the main windows that has <iframe></iframe>. how can I do that 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 guys! I need to show the content of a html link (<a href>) in an iframe placed into div tags, hiding the content between the divs when I click the link . I do the following : heading.html Code: <a href="http://maps.google.es target="centre">Where are </a> and in the div placed behind of the link , I do the following: index.html Code:
<div id="centre">
<iframe src="../html/heading.html" name="centre"> -->
<form action="../Fillm" method="post">
...
</form>
</iframe>
</div>
But the page appears me duplicated, one above and the other page behind this one, and when I click the link, the content appears me in the behind page. I would be grateful if somebody could help me, because I am Stuck. Bye i have a site where there is an iframe. The iframe loads a page from another website which has links on it. when a person clicks on a link, it loads the next page within the iframe which is ok. This next page it load also contains links and when a person clicks one of these things, it then loads a checkout page within the iframe which is not so good at all as this page is secure, but because it exists within the iframe now, it wont show as secure to people viewing it. I would like to know how i can have the links from the next page mentioned load in a new tab or browser window so that the secure checkout page is now on its own and the https and secure padlock show to the user. Any help is greatly appreciate! Is there a way to make a link within an iFrame to change the page the user is on? e.g. I have a menu, I put the iframe code on all my web pages, someone clicks on a link in the iframe and it changes the web page. Thanks in advance! Hello, I was told it's better to use <object> to nest an html file inside another html file, rather than using iframes. My question is, how do I via a link target the <object> to make it switch html files? I am attempting to put an amazon link on my web site. I have found the position I want but when I minimize the screen the link moves over to the other text. If you want to see exaxtly what I talking about go to: http://www.mullady.com/mortgages.html Here is the exact code I am using the BOLD is the problem area <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>MuLLady.com - Mortgages</title> <meta http-equiv="Content-Language" content="English" /> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /> <meta content="MuLLady Financial Solutions" name="description" /> <meta content="mullady, mortgage, finance, credit, real-estate, realestate, asset protection, insurance, credit repair" name="keywords" /> <meta content="index,follow" name="Robots" /> <meta content="sNews 1.5" name="Generator" /> <link media="screen" type="text/css" rel="stylesheet" href="style.css" /> <link title="RSS 2.0" type="application/rss+xml" rel="alternate" href="rss/" /> <style type="text/css" > .post { font-size: 16px; } </style> <style type="text/css"> iframe { position:absolute; top:400px; left:200px; } </style> </head> <body> <div class="content"> <div id="top"> <div id="icons"><a title="Home page" href="index.html"><img alt="Home" src="images/home.gif" /></a> <a title="Contact us" href="contact.html"><img alt="Contact" src="images/contact.gif" /></a> <a title="Sitemap" href="sitemap.html"><img alt="Sitemap" src="images/sitemap.gif" /></a> </div> <h1>MuLLady.com</h1> <h2>Financial Solutions</h2></div><!-- end of the Top part --></div> <div id="lowercontent"> <div id="lower_wrap"> <div id="lower_pic"><a title="Trident Financial 244 information request" href="TF244apply.html"></a> <div id="lower_slogan"> <div class="post"> <iframe src="http://rcm.amazon.com/e/cm?t=mu05-20&o=1&p=8&l=as1&asins=0316044695&fc1=000000&IS2=1<1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFF FFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="20" marginheight="0" frameborder="0"></iframe> <h4 class="title">Mortgage information </h4> <p>We have access to the premier companies in the mortgage industry...and that is saying something.</p> <hr /><img alt="" src="images/mortgagelogos.jpg" /><br /> <hr /> <p>We have thrived in this ever-changing industry, gaining the strength and respect necessary to provide our clients with the best possible mortgage experience. Perhaps it's because we know where our priorities are.</p> <br /> <p>We help make home ownership a reality. We help buyer, borrowers and loan officers build a life they can be proud of. We know what's important.</p> <br /> <p>We have access to the premier lenders in the mortgage industry. Our mission is to provide our clients--both the consumer and our partners--with the best possible financing options available in today's mortgage lending environment.</p> <br /> <p>We were born out of a solid business concept to offer a better way for the mortgage professional to serve the home buyer on a local level, while having the power of a national mortgage bank behind them. By providing our branches with the benefit of a nationwide network, they are able to offer better personal service, more competitive rates, and faster closing times than their competitors. Our concept is to have all of our offices working together to bring the best possible service and products to home owners. We have offices all over the country, each one locally staffed and operated. Our Loan Officers live in your neighborhood. They drive on your streets. They're your neighbors--and, they root for the home team.</p> <br /> <p>Our goal is to provide the home buyer with the most experienced loan experts, the lowest rates possible, unbeatable customer service, and a worry-free experience, whether they are buying a new home, refinancing an existing loan, or getting a home-equity loan. Our system not only benefits our various national branches, it benefits borrowers all over the country. By giving our branches the autonomy to make decisions on the local level, the power to lend within a multi-billion dollar mortgage banking institution, and the technology and tools to do it quickly, efficiently, and accurately, we have given them the opportunity to truly excel in customer service.</p> <br /> <p>We have experienced record growth, and an ever-expanding branch network. We have partnered with many mortgage professionals, and we are continuing to grow. Our partners have the size to command respect in the market place, funding billions of dollars in mortgages each year. This respect is carried to the branches, who, in turn, offer it to our customers</p> <br /> <p>There are few joys more rewarding than helping a friend into a home. Homes build neighborhoods, communities, and friendships. This is the passion and joy behind our Branch Partners. We help individuals and families across the country achieve their dream of home ownership.</p> <br /> <p><a title="Mortgage Information Request" href="244form.html">Click Here To Request Assistance</a></p></div> <div class="post"> </body> </html> Hey everyone, first post here. I have a problem :S Is it possible to use to input fields and a submit button with this code: Code: <form name="input" action="LINK" method="get"> Code: <input type="text" name="codice"> Direzione: <input type="text" name="direzione"> <input type="submit" value="Submit"> </form> I want the user inputed code and the "Direzione" values to be added into a link: http://something.com/random.asp?direction=DIREZIONE&code=CODE Then I would like this generated link to be automatically added as the "src" of an iframe on the same page once the user presses submit....is this possible? What sort of syntax do I need to use in the form/input/submit fields? How do I get it to work? Here is the basic layout of the page: Code: Direction: [direction input field] Code: [code input field] (SUBMIT BUTTON) // the above values are then added into the link so that the the link becomes: // http://something.com/random.asp?direction=DIREZIONE&code=CODE // the link is then added as the "src" for the iframe underneath <iframe src="link above"></iframe> If all of this is possible then it would be great! p.s. is it possible to make an iframe refresh on itself every 30 seconds? Sorry for all the questions and thanks! 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. Hi everyone, Recently i changed my portfolio page, and the new layout I have now has a Iframe in it. But for some strange reason when I press the menu-buttons on the right side I have to press it twice Portfolio Source Code from one of the Iframe pages: HTML Code: <html>
<head>
<title>Portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #000;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"><a href="Contact.html" target="_self"><img src="images/Contact_left.jpg" border="0"/></a></td>
<td width="20"><a href="Downloads.html" target="_self"><img src="images/Downloads_left.jpg" border="0"/></a></td>
<td width="20"><a href="ICT-Beheer.html" target="_self"><img src="images/ICT-Beheer_left.jpg" border="0"/></a></td>
<td width="825" align="center" valign="top" background="images/Webdesign_center.jpg"><br />
<br />
<br />
Welkom,<br />
<br />
Momenteel ben ik bezig met opvullen en indelen van de pagina's op deze site.<br />
Er zijn dus nog geen pagina's te bekijken.<br />
<br />
Kom gauw weer een keer terug zodra de website definitief af is!<br />
<br />
Mvg, Dream3R</td>
<td width="20"><a href="Portfolio.html" target="_self"><img src="images/Portfolio_right.jpg" border="0"/></a></td>
<td width="20"><a href="About.html" target="_self"><img src="images/About_right.jpg" border="0"/></a></td>
<td width="20"><a href="Home.html" target="_self"><img src="images/Home_right.jpg" border="0"/></a></td>
</tr>
</table>
</body>
</html>
I tried removing the Targets.. but no result, but its the only thing I could think of.. Hi I have a drop down menu created in dreamweaver and I don't know how to load a page into an iframe. I have tried a lot of things and it keeps opening the page in another window instead of the iframe. Here is the code of the drop down menu: <script language="JavaScript"> <!-- function mmLoadMenus() { if (window.mm_menu_0122092729_0) return; window.mm_menu_0122092729_0 = new Menu("root",143,16,"Verdana, Arial, Helvetica, sans-serif",12,"#000000","#FFFFFF","#E9F1F5","#274C5F","left","middle",0,0,1000,-5,7,true,true,true,2,true,false); mm_menu_0122092729_0.addMenuItem("Magnum"); mm_menu_0122092729_0.addMenuItem("Model 50 NT"); mm_menu_0122092729_0.addMenuItem("Model 50 ST"); mm_menu_0122092729_0.addMenuItem("Model 44"); mm_menu_0122092729_0.addMenuItem("Model 30"); mm_menu_0122092729_0.addMenuItem("Model 28 MiniMag"); mm_menu_0122092729_0.addMenuItem("Model 28 NT"); mm_menu_0122092729_0.addMenuItem("Model 28 ST"); mm_menu_0122092729_0.addMenuItem("Progressive"); mm_menu_0122092729_0.hideOnMouseOut=true; mm_menu_0122092729_0.bgColor='#666666'; mm_menu_0122092729_0.menuBorder=1; mm_menu_0122092729_0.menuLiteBgColor='#666666'; mm_menu_0122092729_0.menuBorderBgColor='#E9F1F5'; mm_menu_0122092729_0.writeMenus(); } // mmLoadMenus() //--> </script> <script language="JavaScript" src="mm_menu.js"></script> Any help will be appreciated. Thnaks Hi i am trying to put this page in an normal IFRAME: http://www.krishnamedia.org/ebooks/1.1.htm But everytime i open the pages with the jump menu it opens in a new page NOT the iframe, whys it doing that!?? This is the Iframe urls:: http://www.krishnamedia.org/ebooks/widget.htm Hello, this is my first message here and I hope it will be for all you experts a serious one. This is my page I am developing right now: http://www.travelevros.gr/main.htm The page has one IFrame that loads its subpage of the flash menu. Please dont tell me to get rid of it, I need that IFrame. The flash menu it is placed outside of that IFrame of course, its container is the main page main.htm. In IE, everything works ok and the menu (as transparent) drops down nicely and the user can click the submenus alright, even if they are above the IFrame area. But with Firefox Mozilla, even though the menu drops down nicely too, the user cannot click the submenus, not even the links inside the IFrame page (that covered from the swf rectangular region). So there is a confusion in the Mozilla browser, where to send the click events: to the flash menu or the html page located in the IFrame. What should I do to make this work with Firefox Mozilla? I've tried some solutions i've found in Google, like entering the "z-index" property, placing the flash menu and/or IFrame inside a DIV layer, but I couldnt make it to work. The submenus still cannot be clicked when they drop over the IFrame content. As I said, in IE works fine. I've found somewhere else that the tip for this problem is to place the menu in a DIV and make that DIV load AFTER the IFrame is displayed, at the end of the page, thing that I dont have the knowledge to do. If this is right solution, can somebody help me doing this? On the other hand, if there is some other solution then I am ready to listen. Thank you very much for your time. p/s Check the first menu on the left, it works in Mozilla too, but thats because this region its outside the IFrame. The other menu choices falls down to the IFrame region, so the problem is with the layer placement. |
|||||||