Trouble trying to open a link from a menu into a new page

skills · Feb 18, 2004

I have a drop down menu. I am trying to set it up so that when the link is clicked, the page, or in my case the pdf loads ina new window. I have tried target:"_new" and target:"_blank" already with no success. Below is the code.

menus[4] = {mBarImgId:"menuImg_5",
mBarImgNormal:imagesNormal["about2"],
mBarImgHilite:imagesHilite["about2"],
menuItems:[ {text:"Standard Designs",
href:"std_design.pdf"},
{text:"Standard Type Styles",
href:"std_type_styles.pdf"},
{text:"Standard Monograms",
href:"std_monogram.pdf"}
],
elemId:""
};

Thanks,

Skills

dwarfthrower · Feb 18, 2004

The problem most likely lies in the code to actually create the HTML elements on the page rather than where you set up the parameters for each menu object.

Are you certain that the script you have supports opening new windows?

You may need to either post the code (or preferrably point us to where you got it from) to get a more informed response.

_{Never be afraid to share your dreams with the world.

There's nothing the world loves more than the taste of really sweet dreams.}

Check out Tek-Tips Australia New Zealand forum1155

skills · Feb 18, 2004

Ok, I have posted the code from the .js file on another webpage of mine. the website is:

http://www.utccc.org/cgi-bin/static.pl?page=code

The main website code is shown below in red. The css file is shown in blue.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"

http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Recipe 10.8</title>
<style id="main" type="text/css">
body {background-color:#eeeeee; font-family:Arial,Helvetica,sans-serif; font-size:12px;}
h1 {font-size:1.8em; font-weight:bold}
h2 {font-size:1.5em; font-weight:bold}
</style>
<link rel="stylesheet" href="menus.css" type="text/css" />
<script language="JavaScript" type="text/javascript" src="menus.js"></script>
</head>
<body onload="initMenus()">
<div id="menubar" style="position: absolute; left: 11px; top: 5px">

<body background="background3.jpg">

<a href="#"><img id="menuImg_1"
class="menuImg" src="truffle.jpg" border="0"
height="20" width="245"></a>

<a href="#"><img id="menuImg_2"
class="menuImg" src="wedding.jpg" border="0"
height="20" width="245"></a>

<a href="#"><img id="menuImg_3"
class="menuImg" src="corperate.jpg" border="0"
height="20" width="245"></a>

<a href="#"><img id="menuImg_4"
class="menuImg" src="personal.jpg" border="0"
height="20" width="245"></a>

<a href="#"><img id="menuImg_5"
class="menuImg" src="designs.jpg" border="0"
height="20" width="245"></a>

<a href="about3.html"><img id="menuImg_6"
class="menuImg" src="order.jpg" border="0"
height="20" width="245"></a>

<a href="about4.html"><img id="menuImg_7"
class="menuImg" src="contact.jpg" border="0"
height="20" width="245"></a>

<a href="about5.html"><img id="menuImg_8"
class="menuImg" src="about.jpg" border="0"
height="20" width="245"></a>

</div>
<br><br><br><br>
<table width=100%>
<tr>
<td width=33%>
<h1>Let our custom gourmet truffles</h1><br>
<h1>lavish waves of silk delight</h1><br>
<h1>to your palatte</h1><br>
</td>
<td width=33%>
<center><img src="tray2.gif" width="233" height="350" border="0"></center>
</td>
<td width=33%>
<center>
<h1>Gourmet Truffles <br>For Every Occasion!</h1></center><br>
<h2>Complement your Cake</h2><br>
<h2>                     Dress Up Your <br>
                     Hors D'oeuvre Table</h2><br>
<h2>Say a Sweet Thank You</h2><br>
<h2>                     Captivate Your Clients</h2><br>
<h2>Favors and Gifts</h2><br>
</td>
</tr>
</table>
</body>
</html>

.menuWrapper {

position:absolute;

width:162px;

background-color:#339966;

visibility:hidden;

border-style:solid;

border-width:2px;

border-color:#EFEFEF #505050 #505050 #EFEFEF;

display:block;

padding:3px;

}

.menuItem {

cursor

ointer;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

border-bottom:1px solid #505050;

border-top:1px solid #EFEFEF;

padding-left:10px;

color:#ffffcc;

background-color:#0066CC;

text-decoration:none;

position:absolute;

left:0px;

width:159px;

height:1.4em;

display:block;

line-height:1.4em

}

.menuItemOn {

cursor

ointer;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

border-bottom:1px solid #505050;

border-top:1px solid #EFEFEF;

padding-left:10px;

color:#ffffCC;

background-color:#FF0033;

text-decoration:none;

position:absolute;

left:0px;

width:159px;

height:1.4em;

display:block;

line-height:1.4em

}

Thanks,

Skills

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Trouble trying to open a link from a menu into a new page

skills

Programmer

dwarfthrower

Programmer

skills

Programmer

Similar threads

Part and Inventory Search

Sponsor