Avatar billede line-web.dk Nybegynder
11. maj 2002 - 12:20 Der er 1 kommentar

Hjælp Men design af Menu hurtigt

Hej jeg vil gerne have lidt hjælp jeg har denne kode:

<script>
  function funcconfirm(link,msg)
  {
    ok = confirm(msg);
    if (ok) { window.print() }
  }

</script>

<html>

<head>
<style>
<!--
//Dette script er omskrevet af Henrik Andersen henrik@online-web.dk
//Kan bruges frit
.skin0{
position:absolute;
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;
width: 165px;
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">
//set the skin of the menu (0 or 1, with 1 rendering a default Windows menu like skin)
var menuskin=1

//set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
var display_url=0


function showmenuie5(){
//Find out how close the mouse is to the corner of the window
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<ie5menu.offsetWidth)
//move the horizontal position of the menu to the left by it's width
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
//position the horizontal position of the menu where the mouse was clicked
ie5menu.style.left=document.body.scrollLeft+event.clientX

//same concept with the vertical position
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==1)
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
}
}
</script>
<script language="JavaScript1.2">

if (document.all)

</script>
<!--[if IE]>
<font size="1" color="black" face="verdana">
<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="java script: history.go(-1)">Gå tilbage</div>
<div class="menuitems" url="java script: history.go(+1)">Gå frem</div>
<hr>
<div class="menuitems" url="http://www.script.dk">script.dk</div>
<div class="menuitems" url="http://url2">Test side 2</div>
<div class="menuitems" url="http://url3">Test side 3</div>
<hr>
<div class="text" title="For medlemmer"><b>For medlemmer</b></div>
<div class="menuitems" url="http://url4">test side 4</div>
<hr>
<div class="menuitems" url="mailto:obelix@sonsoflight.dk">Mail webmaster</div>
<hr>
<div class="menuitems" url="java script:funcconfirm('onclick=window.print()','Udskriv siden?'); ">udskriv</div>
<div class="menuitems" url="java script:location.reload()">Opdater siden</div>
</div></font>
<![endif]-->
<script language="JavaScript1.2">
if (document.all&&window.print){
if (menuskin==0)
ie5menu.className="skin0"
else
ie5menu.className="skin1"
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5
}
</script>
</head>
<body>
Højre klik for at få menuen frem

<!-- den nedenstående kode er indsat automatisk af TDC Internet for at måle trafikken på siderne. Målingen foregår således at brugeren garanteres 100% anonymitet. Denne kode må ikke sættes ud af funktion, kopieres, eller ændres. Læs mere om opasias hjemmesider på http://hjemmesider.opasia.dk. -->
<!-- START RedMeasure V4 --><script type="text/javascript"><!--

function measurePage() {
        var refR=escape(document.referrer);
        if (refR.length>=252) refR=refR.substring(0,252)+"...";
        var postReq='<img src="http:\/\/server-dk.imrworldwide.com\/cgi-bin\/count?cid=dk_TeleFanten_0&amp;ref='+refR+'&amp;rnd='+(new Date()).getTime()+'" width="1" height="1" alt="">';
        if (window == top) {
                document.write(postReq);
        }
}
measurePage();

//--></script><!-- END RedMeasure V4 -->
</body>
</html>

Kan du hjælpe mig men at den kommer frem når man trykker på en link knap og at baggrunden ikke er grå men et billede.

PÅ forhånd TAK.
Avatar billede thedeathart Nybegynder
16. marts 2004 - 09:20 #1
har du selv skrevet scripet, eller har du fundet det på nettet..

hvis du har fundet det på nettet, så læg lige linket..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester