html - Two iframe's. A menu with links. The other, where the websites appear. I need the websites to always appear in the iframe -
demo: http://mydemos.site90.net/
basically it's web protal of different sites. when user clicks 1 of links site show downsized fit in iframe on left. , user go through site site stays in iframe instead of opening in anther window. , googles translater translate ever in iframe. googles translater showing it's search bar , menu top reason after translation , of sites not beingness downsized. i'm new coding code might measy. help much needed.
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd"> <!-- saved url=(0014)about:internet --><html><head><title>demo</title> <meta content="text/html; charset=iso-8859-1" http-equiv=content-type> <style type=text/css>body { background-color: #000000 } </style> <style type=text/css>a:link { color: #bdbdbd } a:visited { color: #bdbdbd } a:hover { color: #ffffff; text-decoration: none } a:active { color: #bdbdbd; text-decoration: none } </style> <script type=text/javascript"></script> <!--[if lt ie 7]> <style type="text/css"> img { behavior: url("pngfix.htc"); } </style> <![endif]--> <style type=text/css media=screen>#youtube2 { visibility: hidden } </style> <meta name=generator content="mshtml 8.00.6001.19394"></head> <body> <iframe style="z-index: 10; position: fixed; border-bottom-style: none; padding-bottom: 0px; border-right-style: none; margin: 0px; padding-left: 0px; width: 79%; padding-right: 0px; border-top-style: none; height: 100%; border-left-style: none; top: 0px; padding-top: 0px; left: 0px" id=iframe1 border=0 src="http://www.crimemapping.com/map.aspx" frameborder=0 name=iframe1 cellspacing="0"></iframe></iframe> <div style="z-index: 10; position: absolute; text-align: left; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 134px; padding-right: 0px; height: 20px; top: 9px; padding- top: 0px; left: 80%" id=bv_text2><a style="text-decoration: none" href="http://craigslist.com/"><span style="font-family: arial; color: #ffffff; font-size: 18px"><strong><i>demo<span style="color: red">d</span>demo</i></strong></span></a></div></a></b></span> <div> </div> <div style="z-index: 10; position: absolute; text-align: left; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 49px; padding-right: 0px; height: 16px; top: 50px; padding- top: 0px; left: 80%" id=bv_text15><span style="font-family: arial; color: #ffffff; font-size: 20px" face="arial" color="#ffffff"><b><a style="text-decoration: none"> <a><a href="http://free-website-translation.com/" id="ftwtranslation_button" hreflang="en" title="" style="border:0;"><img src="http://free-website- translation.com/img/fwt_button_en.gif" id="ftwtranslation_image" alt="free website translator" style="border:0;"/></a> <script type="text/javascript" src="http://free-website- translation.com/scripts/fwt.js" /></script></a></b></span></div> <div style="z-index: 10; position: absolute; text-align: left; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 49px; padding-right: 0px; height: 16px; top: 100px; padding- top: 0px; left: 80%" id=bv_text15><span style="font-family: arial; color: #ffffff; font-size: 20px" face="arial" color="#ffffff"><b><a style="text-decoration: none" href="http://www.youtube.com" <a>demo1</a></b></span></div> </body> </div>
you need provide ids iframe elements first, can set links in other iframe point first iframe providing target id in anchor a tags target="iframe1". suppose have simple 2 iframes web layout:
<html> <head> <title>link 1 iframe iframe</title> <head> <body> <iframe id="iframe1" src="http://example.com"></iframe> <iframe id="iframe2" src="some_page_with_links.html"></iframe> </body> </html> and some_page_with_links.html document iframe2 has structure:
<html> <head> <title>this iframe2 contains links iframe1</title> <head> <body> <a href="http://www.google.com" target="iframe1">open google in iframe1</a> </body> </html> the link in iframe2 tell browser open in iframe1, set target property of anchor a tag.
do note however, won't work external domains in case have set x-frame-options response header sameorigin in web server. other limitations might apply, depending on configuration , if plan on linking external domains.
i've noted have html tag closing errors in illustration linked to. example:
<a style="text-decoration: none" href="www.ebay.com" <a>demo2</a> should be:
<a style="text-decoration: none" href="www.ebay.com" target="id_of_iframe1">demo2</a> cheers!
html css css3
No comments:
Post a Comment