HTML - Iframe With Jump Menu?? Possible?

Hello everyone,
New to this forum, hoping I can get some help. I am somewhat new to HTML, so I'm running into roadblocks every once in a while, most of which I've gotten through myself. I have a problem with an iFrame I want to use. I need to find a way to have an iFrame jump to a section of a page that I want to display.

I am building a website for a hockey team. The URL is
http://web.mac.com/chris.ducasse/for...a/gameday.html
you will see an iFrame that embeds a page from "pointstreak.com"
I want the iFrame to automatically jump down to the "scoreboard" section.
Is this possible? If not, is there a way to get rid of the scroll bars for ALL browsers?

I want to thank everyone in advance for their help, glad to be a part of this forum, looking forward to learning a lot!

My jump menu/form has the attribute of target="_blank" but it doesn't seem to work. I'm a first time newb so i don't understand why. I have created a link and use the att _blank and it works fine. Any help would be super cool. Thanks.

http://216.172.187.90/~httpmtfd/appr...es_archive.php
http://216.172.187.90/~httpmtfd/agenda_archives.php

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&nbsp;50&nbsp;NT");
mm_menu_0122092729_0.addMenuItem("Model&nbsp;50&nbsp;ST");
mm_menu_0122092729_0.addMenuItem("Model&nbsp;44");
mm_menu_0122092729_0.addMenuItem("Model&nbsp;30");
mm_menu_0122092729_0.addMenuItem("Model&nbsp;28&nbsp;MiniMag");
mm_menu_0122092729_0.addMenuItem("Model&nbsp;28&nbsp;NT");
mm_menu_0122092729_0.addMenuItem("Model&nbsp;28&nbsp;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

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

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.

here's the initial page: http://www.shscorp.ca/content.aspx?f...incentives.htm

If you click on "GLOBE Board of Directors" on the left hand menu, it won't jump to the section #board on the index.htm page.

Why is that?

I already placed the <a name="board"></a> tag on the other page.

Any help is great.

Hey all. Can anyone help?

I want to make a feature of my site that if you follow a broken link or navigate to a page that doesnt exist, you will get one of 3 different 404 pages.

My hosting allows for one catch - all error page, but I was wondering if theres a function in html that redirects immediately to aother page.

Thanks in advance

Hello All,

I am new to this forum and this seems like a great place for information.

I am having a problem with this page that I am working on for a client. The page consists of an iframe below a embedded viddler movie. The problem is that when the page loads, it jumps to the beginning of the iframe. On some browsers it jumps back to the top after it is finished loading, but in the dreaded IE it stays at the page jump. I don't have any code in the page that can be mistaken for a standard page jump. (at least I don't think that I do) Any help would be greatly appreciated.

Thanks,
-jsproul

Here is the code for the page:

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>it made a difference</title>
<style type="text/css">
body {
padding: 0px;
margin: 0px;
background-image: url('images/main_bkg.jpg');
background-repeat: repeat-x;
background-color: #ffea99;

}

.content {
background-image: url('images/bkg.jpg');
background-repeat: no-repeat;
background-color: #fbc617;
/**padding-top: 20px;
border-top: 0px;
border-bottom: 0px;
border-left: 3px;
border-right: 3px;
border-style: solid;
border-color: #ffffff;**/
}

#myFrame {
background-color: #ffffff;
padding-left: 10px;
}


.comments {
width: 495px;
height: 19px;
background-color: #ff9900;
font-family: helvetica;
font-weight: bold;
font-size: 14px;
color: #ffffff;
margin: 0px;
padding-right: 0px;
padding-top: 5px;
padding-left: 5px;
text-align: left;
}

</style>
</head>
<body>
<center>
<table width="860px" cellpadding="0" border="0" cellspacing="0">
<tr><td style="background-color: #ff9900; padding: 10px;" align="right"><img src="images/itmade.png" /></td></tr>
<tr>
<td width="860" align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="860" height="486" id="viddler_d50deae6"><param name="movie" value="http://www.viddler.com/simple/d50deae6/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="http://www.viddler.com/simple/d50deae6/" width="860" height="486" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_d50deae6" ></embed></object></td>
</tr> </table>
<table class="content" width="860px" cellpadding="0" border="0" cellspacing="0">
<tr><td width="40px">&nbsp;</td>
<td align="center" width="250" valign="top" style="padding-top: 30px;"><img src="images/location.png" /><br /><br /><br /><a href="http://www.begousa.com" target="_blank"><img src="images/bego_logo.png" border="0" /></a><br /><br /><img src="images/preat_logo.gif" /><br /><br /><br /><!-- AddThis Button BEGIN -->
 <script type="text/javascript">var addthis_pub = "aardvarkri";</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[url]', '[TITLE]')" onmouseout="addthis_close()"
onclick="return addthis_sendto()"><img
src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125"
height="16" border="0" alt="" /></a><script type="text/javascript"
src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- AddThis Button END --></td>
<td valign="top" align="left" style="padding-top: 20px;">
<div class="comments">Comments:</div>
<iframe src="http://itmadeadifference.wordpress.com/2008/12/15/3/#respond" style="background-color: #ffffff; padding-left: 10px;"
 scrolling="yes" width="490px" height="600px" frameborder="0" marginwidth="0" marginheight="0"></iframe>
</td><td width="40px">&nbsp;</td>
</tr>
</table>
</center>
</body>
</html>`

Hi,
I'm trying to create a horizontal-scrolling website.
I set it up in two frames: the top frame is the navigation, and the bottom frame is the main frame where all of the content is.
The content is formed in iframes/div layers.
I want, however, the links in the top frame to scroll to the content in the main frame.

Help?


I've been trying all sorts of things.

here's what i have now

TOP FRAME:
<a href="#news"><img src="mockupnews.jpg" width="101" height="37" border="0"></a>
<a href="#issuesmockupindex.html"><img src="mockupissues.jpg" width="118" height="39"></a>
<a href="#supportorscontact"><img src="mockupsupportors.jpg" width="219" height="35" border="0"></a>
<a href="#supportorscontact"><img src="mockupcontact.jpg" width="142" height="38"></a>

MAIN FRAME:
<div id="Layer1"><img src="mockup1.jpg" width="2032" height="600" /><img src="mockup2.jpg" width="1628" height="600" /><img src="mockup3.jpg" width="1380" height="600" /></div>
<a name="news"><div id="Layer2"><iframe src ="/newsfeed.html" name="news" width="100%" height="550"></a></iframe></div>
<a name="issues"><div id="Layer3"><iframe src ="/issues.html" name="issues" width="100%" height="550"></a></iframe></div>
<div id="Layer4"><iframe src ="/supportcontact.html" name="supportcontact" width="100%" height="550"></a></iframe></div>

Hello. =)

On one of my webpages, I want to link to a specific page in a PDF file. I can't get it to work in Firefox for some reason, and I haven't found the answer online.

I used this in Internet Explorer, and it worked just fine:
http://www.mysite.com/doc2.pdf#page=6

Is there a way to do the same thing in Firefox? I hope someone can help; thanks in advance!

Sorry, my title is unclear

see if I can explain it better he

ok when I click from any of the other pages to the menu page, the name and address (which is on every page in the same place) moves to the left slightly.

the name and address stay in the same place when clicking to and from any of the other pages, its just the menu page with this hiccup.

This happens both in IE and Firefox.

Any ideas on how to correct this??

HTML of home page:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="EN-GB">
<meta name="author" content="xxxxxxx">
<meta name="description" content="Kabasa  Guest  House and  Restaurant - Online">
<meta name="copyright" content="2011">
<meta name="keywords" content="Kabasa Guest House and Restaurant, Places to stay in Kenya, Accomdation in Kenya">

<title>Kabasa Guest House and Restaurant</title>

<link rel="stylesheet" type="text/css" href="styles6.css">



</head>
<body>


<ul id="navbar">
<li><a href="home.html">HOME</a></li>
<li><a href="menu.html">MENU</a></li>
<li><a href="room.html">ROOMS</a></li>
<li><a href="rates.html">RATES</a></li>
<li><a href="book.html">BOOK</a></li>
</ul>



<div id="header">
<h1>Kabasa Guest House and Restaurant</h1>
<div id="address">
<pre>
xxxxxxxx
xxxxxxx
xxxxxxxxx
Tel: +00000000000
</pre>
</div>
</div>


<br>
<p class="center">
The Kabasa guest house and restaurant is situated just a<br>
few metres from the worlds second largest fresh water<br> 
Lake Victoria.  We welcome you to come and experience our<br>
accommodation with excellent service at affordable rates.<br> 
</p>

<br>
<img src="Images/d4.jpg" class="center"/>

<br>
<div id="footer">
<p>Copyright 2011 &copy; Kabasa Guest House and Restaurant. All rights reserved</p>
</div>


</body>
</html>

HTNL of the menu page:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="EN-GB">
<meta name="author" content="xxxxxx">
<meta name="description" content="Kabasa  Guest  House and  Restaurant - Online">
<meta name="copyright" content="2011">
<meta name="keywords" content="Kabasa Guest House and Restaurant, Places to stay in Kenya, Accomdation 

in Kenya">

<title>Kabasa Guest House and Restaurant</title>

<link rel="stylesheet" type="text/css" href="styles6.css">



</head>
<body>

<ul id="navbar">
<li><a href="home.html">HOME</a></li>
<li><a href="menu.html">MENU</a></li>
<li><a href="room.html">ROOMS</a></li>
<li><a href="rates.html">RATES</a></li>
<li><a href="book.html">BOOK</a></li>
</ul>



<div id="header">
<h1>Kabasa Guest House and Restaurant</h1>
<div id="address">
<pre>
xxxxxxxxxx
xxxxxxxx
xxxxxxxxx
Tel: +0000000000
</pre>
</div>
</div>



<h2>Menu</h2>


<div id="menucenter"><b>We offer a full continental buffet breakfast table service by order.</b>
<b>We also offer room service.</b></div>


<div id="menu">
<pre>
<u>Full Breakfast</u>
Our full breakfast gives you a choice of the following:

Fruits : Pineapple, Watermelon, Sweet Banana, Pawpaw, Oranges
Fresh Juice : Passion, Mango, ****tail
Cereal : Weetabix or Corn flakes served with cold or warm milk
Toast, sausages, eggs and bacon

<u>Beverages</u>
Drinking chocolate, Tea, Nescafe, Milo

<u>Snacks</u>
Sandwiches (by order), chips, sausages, beef rolls, samosas (chicken, 
beef and vegetables), meat pie, cakes.

<u>Main meals/courses</u>
Chicken Curry, Chicken Masala, chicken stew, butter chicken, boiled 
chicken, chicken biriani, chicken wet fry.

All served with Rice, ugali, chapatti, pasta, spaghetti and vegetables 
with garnishing

Beef Stroganoff, beef stew, beef curry, fried beef, boiled beef, beef 
masala Whole (stewed or fried) tilapia, Fish fillet in coconut source, 
Fresh (stewed Tilapia), Whole (masala) Tilapia

All Served with rice, ugali, chapatti and vegetable garnishing

<u>Soups</u>
Vegetable cream, Tomato cream, French onion soup, Served with Crotons.
Traditional Kenyan Vegetables served with Ugali, Rice, Mash Potatoe, 
Boiled Potatoes, Baked Potatoes and fried vegetable rice

<u>Salads</u>
Kachumbari, we also have a number of assorted fruits and vegetable salads.

<u>Burgers</u>
Cheese beef burgers, Egg beef burgers, Beef burgers

<u>Choma Zone</u>
T-bone steak (400gms), pork chops, barbeque chicken, prime fillet steak

<u>Beers</u>
Tusker, White Cap (Tusker Malt), Guinness, Smirnoff ice (black and red)

<u>Juices</u>
Soda, Alvaro, Novida, Mineral water, Passion, Avocado
</pre>
</div>

<div id="footer">
<p>Copyright 2011 &copy; Kabasa Guest House and Restaurant. All rights reserved</p>
</div>



</body>
</html>

CSS:
Code:

body {
    margin:2% 4%;
    font-family:'lucida grande',tahoma,helvetica,sans-serif; 
    font-size:11pt; 
    color:#006; 
    background:#ffc;
 }
#navbar {
    float:left;
    width:12%;
    margin:0;
    padding:0;
    font-size:20px;
    list-style-type:none;
 }
#navbar li {
    margin-bottom:2px;
 }
#navbar a {
    display:block;
    padding-left:8px;
    background-color:#cff;
 }
#navbar a:hover {
    color:#000;
    background-color:#fff;
 } 
#header {
    margin-left:%;
 }
h1 {
    text-align:center;
    margin-right: 10%;
 }
#address {
    width:182px;
    padding:0 4px;
    margin: auto;
    font-family:arial,sans-serif;
    font-size:10pt;
    font-weight: bold;
    background-color:#fff;
    filter:alpha(opacity=75); 
    opacity: 0.75;
 }
h2 {
    clear:both;
    margin-top:3%;
    margin-left:%;
    text-align:center;
 }

h3 {
    clear:both;
    margin-top:3%;
    margin-left:%;
    text-align:center;
}

h6 {
  margin: auto;
  left:0;
  right:0;
width: 655px;
font-weight: bold;
font-size: 10pt;
font-family: arial, sans-serif;
}

#rates {
    padding:8px;
    background-color:#fff;
    filter:alpha(opacity=75); 
    opacity: 0.75;
 }
#rates span {
    text-decoration:underline;
    font-weight:bolder;
 }

#menu {
    margin: auto;
    left:0;
    right:0;
    width: 675px;
    background-color:#fff;
    filter:alpha(opacity=75); 
    opacity: 0.75;  
}

#menucenter {
    text-align: center;
}


p.center { 
text-align: center;

}


img.center {
    margin-left: auto;
    margin-right: auto;
   display: block;

}



#footer {
clear: both; 
width: 100%;
font-family: Arial Unicode MS;
font-size: 8pt;
text-align: center;
}

Many thanks
Jackie

Hi,

I'm doing a small project for my school.
And I have a problem.

I'm using a page with two iframes. One has photo's the other has text.
What I'm trying to do is jump from one frame to another part in the Other frame, and back.

I've tested it sofar in Chorme and it all works.
But it doesn't in Firefox and IE...

Firefox opens it in a new tab, IE in a new window.

Is there someway to let them jump the the specified frame???
Her is my site: http://stap.iam.hva.nl/~frieli03/

I hope you can help me out!

Thanks in advance,

Joren

I am having the worst time trying to figure this one out. I created a site for a hair salon and every time each page loads for the first time, it jumps from right to left. Does anyone know why it is doing this? There is an example link below. I've tried reducing the amount of tables, removing the Rollover JS and replacing with CSS and making tables exact width instead of 100% but no luck.

Thank you so much for taking the time to read this.

http://www.studiodbypaolosalon.com

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!

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.