Flash Guru Uerfaren Gjerrigknark
Ble Medlem: 16 Nov 2001 Innlegg: 8 Bosted: Møre Og Romsdal
Fredag 16 November 2001, 21:59 |
|
|
Høyre Klikk Meny:
(virker bare html format)
Jeg skal prøve å forklare dette så godt jeg kan. Dette vil gjøre Susen, håper jeg da:)
Føl deg fri til å modifisere scriptet.
Her begynner vi:
<SCRIPT language=JavaScript>
<!-- // RightClickMenu
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"
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.url != ''){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
}
// -->
</SCRIPT>
Dette er scriptet forteller at det skal være en meny i web-siden. Det må ligge under taggen <HEAD> Hvis ikke vil det ikke ta effekt.
Denne "Stylen" må ligge rett under scriptet du nettop laget, får å få browseren til å gjenkjenne stilen på menyen:
<STYLE type=text/css>.cMenu {
BORDER-RIGHT: buttonhighlight 2px outset; BORDER-TOP: buttonhighlight 2px outset; VISIBILITY: hidden; FONT: menu; BORDER-LEFT:
buttonhighlight 2px outset; WIDTH: 165px; CURSOR: default; BORDER-BOTTOM: buttonhighlight 2px outset; POSITION: absolute; BACKGROUND-COLOR:
menu
}
.menuitems {
PADDING-RIGHT: 10px; PADDING-LEFT: 15px
}
</STYLE>
Denne stylen kan du skifte på hvis du føler for det. Alt du har laget hittil må ligge under <HEAD> taggen.
NOTE: Hvis du vil f.eks. sette noe i midten på siden din, må du bruke "tables"
Gjør du ikke det kan du risikere at teksten i menyen din, blir centrert etc.
Nå skal selve menyen bygges opp, og denne teksten skal ligge under <BODY> taggen:
<RIGHTCLICK><!--[if IE]>
<DIV class=cMenu id=ie5menu onmouseover=highlightie5() onclick=jumptoie5()
onmouseout=lowlightie5()>
<DIV class=menuitems url="#top">Til toppen.</DIV>
<HR>
<DIV class=menuitems
url="http://du-må-ha-med-hele-urlen.htm">Hovedside.</DIV>
<HR>
<DIV class=menuitems url="http://dinwebzone.htm">dinweb
zone.</DIV>
<HR>
<DIV class=menuitems url="mailto:dinnmailher@online.no">Email.</DIV>
<HR>
<![endif]-->
<SCRIPT language=JavaScript>
<!--
if (document.all&&window.print){
ie5menu.className="cMenu"
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5
}
//-->
</SCRIPT>
</RIGHTCLICK>
Bare husk å bytt ut url`ene med dine egene.
Du kan bygge så lang meny du vil ha, bare husk å legge til flere menuitems. Taggen <HR> står for ny linje i menyen.
HUSK: du må ha med hele url`en når du linker. Så det er lurt å lage menyen til slutt.
e-Mail meg hvis noen trenger hjelp
Jarl Henrik. spinex2000@hotmail.com
[ Dette innlegg ble endret av: Flash Guru den 2001-11-17 00:25 ] |
|
|