MENU

www.script.dk

Søg dog i ekspertens database... dette spørgsmål har været her 10000 gange... mindst ;-)

Det burde da være til at finde her...

dna

Yeah - bare søg på TV2, så skal du se løjer! :o)

hvad er det der \"falder\" er det dropdownen?

ja

Dette lange script skulle virke
..
<script language=\"JavaScript1.2\">

/*
Drop down menu link
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100\'s more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

//Contents for menu 1
var menu1=new Array()
menu1[0]=\'<a href=test.htm>Menu link here</a><br>\'
menu1[1]=\'<a href=test.htm>Menu link here</a><br>\'
menu1[2]=\'<a href=test.htm>Menu link here</a><br>\'
//Contents for menu 2
var menu2=new Array()
menu2[0]=\'<a href=test.htm>Menu link here</a><br>\'
menu2[1]=\'<a href=test.htm>Menu link here</a><br>\'
menu2[2]=\'<a href=test.htm>Menu link here</a><br>\'
//Contents for menu 3
var menu3=new Array()
menu3[0]=\'<a href=test.htm>Menu link here</a><br>\'
menu3[1]=\'<a href=test.htm>Menu link here</a><br>\'
menu3[2]=\'<a href=test.htm>Menu link here</a><br>\'
//Contents for menu 4
var menu4=new Array()
menu4[0]=\'<a href=test.htm>Menu link here</a><br>\'
menu4[1]=\'<a href=test.htm>Menu link here</a><br>\'
menu4[2]=\'<a href=test.htm>Menu link here</a><br>\'
//Contents for menu 5
var menu5=new Array()
menu5[0]=\'<a href=test.htm>Menu link here</a><br>\'
menu5[1]=\'<a href=test.htm>Menu link here</a><br>\'
menu5[2]=\'<a href=test.htm>Menu link here</a><br>\'


</script>

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

<body link=\"#000000\" vlink=\"#000000\" alink=\"#808080\">
<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.clientY-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>




<table border=\"0\" width=\"100%\" bgcolor=\"#FFFFFF\" cellpadding=\"0\" cellspacing=\"0\">
  <tr>
    <td width=\"20%\" bgcolor=\"#FF00FF\">
<!----------Menu 1 starts here---------->

<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onMouseOver=\"dropit2(dropmenu0);event.cancelBubble=true;return false\"><font face=Verdana><b><a href=\"alternate.htm\" onMouseOut=\"if(document.layers) return dropit(event, \'document.dropmenu0\')\">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>

</td>
    <td width=\"20%\" bgcolor=\"#FF0000\">
<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onMouseOver=\"dropit2(dropmenu1);event.cancelBubble=true;return false\"><font face=Verdana><b><a href=\"alternate.htm\" onMouseOut=\"if(document.layers) return dropit(event, \'document.dropmenu1\')\">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
</td>
    <td width=\"20%\" bgcolor=\"#0000FF\">

<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onMouseOver=\"dropit2(dropmenu2);event.cancelBubble=true;return false\"><font face=Verdana><b><a href=\"alternate.htm\" onMouseOut=\"if(document.layers) return dropit(event, \'document.dropmenu2\')\">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
</td>
    <td width=\"20%\" bgcolor=\"#008000\">
<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onMouseOver=\"dropit2(dropmenu3);event.cancelBubble=true;return false\"><font face=Verdana><b><a href=\"alternate.htm\" onMouseOut=\"if(document.layers) return dropit(event, \'document.dropmenu3\')\">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
</td>
    <td width=\"20%\" bgcolor=\"#FFFF00\">
<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onMouseOver=\"dropit2(dropmenu4);event.cancelBubble=true;return false\"><font face=Verdana><b><a href=\"alternate.htm\" onMouseOut=\"if(document.layers) return dropit(event, \'document.dropmenu4\')\">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
</td>
  </tr>
</table>
<div id=dropmenu0 style=\"position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px 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>
<script language=\"JavaScript1.2\">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu2
}
</script>

<div id=dropmenu1 style=\"position:absolute;left:20;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px\">
<script language=\"JavaScript1.2\">
if (document.all)
dropmenu1.style.padding=\"4px\"
for (i=0;i<menu2.length;i++)
document.write(menu2[i])
</script>
</div>
<script language=\"JavaScript1.2\">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu2
}
</script>

<div id=dropmenu2 style=\"position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px\">
<script language=\"JavaScript1.2\">
if (document.all)
dropmenu2.style.padding=\"4px\"
for (i=0;i<menu3.length;i++)
document.write(menu3[i])
</script>
</div>
<script language=\"JavaScript1.2\">
if (document.layers){
document.dropmenu2.captureEvents(Event.CLICK)
document.dropmenu2.onclick=hidemenu2
}
</script>

<div id=dropmenu3 style=\"position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px\">
<script language=\"JavaScript1.2\">
if (document.all)
dropmenu3.style.padding=\"4px\"
for (i=0;i<menu4.length;i++)
document.write(menu4[i])
</script>
</div>
<script language=\"JavaScript1.2\">
if (document.layers){
document.dropmenu3.captureEvents(Event.CLICK)
document.dropmenu3.onclick=hidemenu2
}
</script>

<div id=dropmenu4 style=\"position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px\">
<script language=\"JavaScript1.2\">
if (document.all)
dropmenu4.style.padding=\"4px\"
for (i=0;i<menu5.length;i++)
document.write(menu5[i])
</script>
</div>
<script language=\"JavaScript1.2\">
if (document.layers){
document.dropmenu4.captureEvents(Event.CLICK)
document.dropmenu4.onclick=hidemenu2
}
</script>


</body>

/Stine

ikke lig min stil men jeg har fundt en menu jeg kan bruge men vil i hjælp jeg kan ikke få den til at virke

jepper jeg fandt en her bland takker for hjælpen

<!-- TWO STEPS TO INSTALL RIGHT CLICK MENU:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<style>
<!--
.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style>

<SCRIPT LANGUAGE=\"JavaScript1.2\">
<!-- Web Site:  http://www.painting-effects.co.uk -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var menuskin = \"skin1\"; // skin0, or skin1
var display_url = 0; // Show URLs in status bar?
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = \"visible\";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = \"hidden\";
}
function highlightie5() {
if (event.srcElement.className == \"menuitems\") {
event.srcElement.style.backgroundColor = \"highlight\";
event.srcElement.style.color = \"white\";
if (display_url)
window.status = event.srcElement.url;
  }
}
function lowlightie5() {
if (event.srcElement.className == \"menuitems\") {
event.srcElement.style.backgroundColor = \"\";
event.srcElement.style.color = \"black\";
window.status = \"\";
  }
}
function jumptoie5() {
if (event.srcElement.className == \"menuitems\") {
if (event.srcElement.getAttribute(\"target\") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute(\"target\"));
else
window.location = event.srcElement.url;
  }
}
//  End -->
</script>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<div id=\"ie5menu\" class=\"skin0\" onMouseover=\"highlightie5()\" onMouseout=\"lowlightie5()\" onClick=\"jumptoie5();\">
<div class=\"menuitems\" url=\"java script:history.back();\">Go Back</div>
<div class=\"menuitems\" url=\"http://javascript.internet.com\">Go Home</div>
<hr>
<div class=\"menuitems\" url=\"http://forum.javascriptsource.com\">JS Forum</div>
<div class=\"menuitems\" url=\"http://faq.javascriptsource.com\">Site FAQs</div>
<hr>
<div class=\"menuitems\" url=\"http://javascript.internet.com/link-us.html\">Link to Us</div>
<div class=\"menuitems\" url=\"http://javascript.internet.com/feedback.html\">Contact Us</div>
</div>
<script language=\"JavaScript1.2\">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>

Jeg kan sende dig en kopi af den jeg har brugt på www.jman.dk , hvis det er sådan en du er interesseret i

ja, for den sags skyld kan du vel selv \"nappe\" det