Current location: Hot Scripts Forums » General Web Coding » JavaScript » drop down menu


drop down menu

Reply
  #1 (permalink)  
Old 03-27-04, 11:52 AM
barbaraerrico barbaraerrico is offline
New Member
 
Join Date: Mar 2004
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
drop down menu

I saw your script, but how do you get a link to open a new window with a customized setting (400 x 500) target="_blank"

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 2</title>

<script language="JavaScript1.2">

//Contents for menu 1
var menu1=new Array()
menu1[0]="<a href=\"java_script_:loadFrames ('office.htm',)\">Office</a><br>";
menu1[1]="<a href=\"java_script_:loadFrames('industrial.htm',)\ ">Industrial</a><br>";
menu1[2]="<a href=\"java_script_:loadFrames('lifesciences.htm', )\">Lifesciences</a><br>";
menu1[3]="<a href=\"java_script_:loadFrames('retail.htm',)\">Re tail</a><br>";

</script>
<SCRIPT LANGUAGE="JavaScript">



<!-- Begin
function loadFrames(page1, page2, page3, page4) {
framecode = "<frameset rows='33%,33%,*'>"
+ "<frame src='" + page1 + "'>"
+ "<frame src='" + page2 + "'>"
+ "<frame src='" + page3 + "'>"
+ "<frame src='" + page4 + "'>"
+ "</frameset>";

page = window.open("");
page.document.open();
page.document.write(framecode);
page.document.close();
}
// End -->
</script>

<style>
<!--
.iewrap1{
position:relative;
height:30px;
}
.iewrap2{
position:absolute;
}
#dropmenu0{
visibility:hide;
z-index:100;
}
-->
</style>





</head>

<body link="#000000" vlink="#000000" alink="#000000">

<script language="JavaScript1.2">
//reusable/////////////////////////////
var zindex=100
function dropit2(whichone){
if (window.themenu&&themenu.id!=whichone.id)
themenu.style.visibility="hidden"
themenu=whichone
if (document.all){
themenu.style.left=document.body.scrollLeft+event. clientX-event.offsetX
themenu.style.top=document.body.scrollTop+event.cl ientY-event.offsetY+18
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible"
themenu.style.zIndex=zindex++
}
else{
hidemenu()
}
}
}

function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide")
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false
}

function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"
}

function hidemenu2(){
themenu.visibility="hide"
}

if (document.all)
document.body.onclick=hidemenu

//reusable/////////////////////////////
</script>

<!----------Menu 1 starts here---------->

<ilayer height=35px>
<layer visibility=show>
<span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=tru e;return false"><font face=Arial><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')"> <img SRC="http://www.berrico.com/tmo/images/33aportfolio.jpg" BORDER="0" NAME="object3" ALT="Portfolio" width="55" height="23"></a></b></font>
</span>
</span>
</layer>
</ilayer>

<div id=dropmenu0 style="position:absolute;left:0;top:0;background-color:#8093AE;;width:80;visibility:hidden;border:1 px solid black;padding:0px">


<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1[i])
</script>
</div>

</body>

</html>
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Creating a drop down menu ? ? ? Spreegem PHP 4 03-09-05 09:34 AM
Creating a drop down menu? Spreegem HTML/XHTML/XML 8 08-30-04 11:40 PM
DHTML drop down menu -Joshua- Script Requests 2 03-16-04 07:29 PM
drop down menu problem !!! nurqeen PHP 1 02-08-04 08:07 PM
putting content in a drop down menu tom PHP 7 07-04-03 02:25 PM


All times are GMT -5. The time now is 02:14 AM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.