Menu pod pravým tlačítkem myši - ukázka zdrojového kódu zdrojový kód

<html>
<head>
<title>Java Script ze stránky - www.jaknaweb.com</title>

<STYLE>.skin0 {
    BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; FONT-SIZE: 12px; Z-INDEX: 100; VISIBILITY: hidden; BORDER-LEFT: black 2px solid; WIDTH: 140px; CURSOR: default; LINE-HEIGHT: 18px; BORDER-BOTTOM: black 2px solid; FONT-FAMILY: &quot;Arial CE&quot;; POSITION: absolute; BACKGROUND-COLOR:273336
}
.menuitems {
    PADDING-RIGHT: 8px; PADDING-LEFT: 8px
}

</STYLE>

</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
                  <DL>
                    <DT>
                    <STYLE>.skin0 {
    BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; FONT-SIZE: 12px; Z-INDEX: 100; VISIBILITY: hidden; BORDER-LEFT: black 2px solid; WIDTH: 140px; CURSOR: default; LINE-HEIGHT: 18px; BORDER-BOTTOM: black 2px solid; FONT-FAMILY: &quot;Arial CE&quot;; POSITION: absolute; BACKGROUND-COLOR: #d0d0bb
}
.menuitems {
    PADDING-RIGHT: 8px; PADDING-LEFT: 8px
}

</STYLE>

                    <DIV class=skin0 id=ie5menu onmouseover=highlightie5(event) 
                    onclick=jumptoie5(event) onmouseout=lowlightie5(event) 
                    display:none>
                    <DIV class=menuitems 
                    url="#"><IMG height=12 
                    src="en_menu_flag.gif" 
                    width=23 align=middle>English version</DIV>
                    <DIV class=menuitems 
                    url="#"><IMG height=12 
                    src="cz_menu_flag.gif" 
                    width=23 align=middle>Czech version</DIV>
                    <HR>

                    <DIV class=menuitems 
                    url="#"><IMG height=12 
                    src="menu_colt.gif" 
                    width=23 align=middle><IMG height=12 
                    src="menu_spacer.gif" 
                    width=11 align=middle>položka menu<IMG height=12 
                    src="menu_spacer.gif" 
                    width=10 align=middle><IMG height=12 
                    src="menu_ak_47.gif" 
                    width=38 align=middle></DIV>
                    <HR>

                    <DIV class=menuitems 
                    url="#"><IMG 
                    height=13 
                    src="menu_server.gif" 
                    width=11 align=middle><IMG height=12 
                    src="menu_spacer.gif" 
                    width=8 align=middle>položka menu</DIV>
                    <DIV class=menuitems 
                    url="#"><IMG 
                    height=13 
                    src="menu_clans.gif" 
                    width=11 align=middle><IMG height=12 
                    src="menu_spacer.gif" 
                    width=8 align=middle>položka menu</DIV>
                    <DIV class=menuitems 
                    url="#"><IMG 
                    height=13 
                    src="menu_cup.gif" 
                    width=12 align=middle><IMG height=12 
                    src="menu_spacer.gif" 
                    width=8 align=middle>polžka menu </DIV>
                    <DIV class=menuitems 
                    url="#"><IMG 
                    height=13 
                    src="menu_web.gif" 
                    width=13 align=middle><IMG height=12 
                    src="menu_spacer.gif" 
                    width=8 align=middle>položka menu</DIV>
                    <HR>

                    <DIV class=menuitems align=center 
                    url="#">Downloads 
                    / Patches</DIV>
                    <DIV class=menuitems align=left 
                    url="#"><IMG 
                    height=13 
                    src="menu_maps.gif" 
                    width=13 align=middle><IMG height=12 
                    src="menu_spacer.gif" 
                    width=8 align=middle>položka menu</DIV>
                    <DIV class=menuitems align=left 
                    url="#"><IMG 
                    height=13 
                    src="menu_camera.gif" 
                    width=14 align=middle><IMG height=12 
                    src="menu_spacer.gif" 
                    width=8 align=middle>položka menu</DIV>
                    <HR>

                    <DIV class=menuitems 
                    url="mailto:#"><IMG height=13 
                    src="menu_mailbox.gif" 
                    width=13 align=middle><IMG height=12 
                    src="menu_spacer.gif" 
                    width=8 align=middle>E-mail Us</DIV></DIV>
                    <SCRIPT language=JavaScript1.2>



//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



var ie5=document.all&&document.getElementById

var ns6=document.getElementById&&!document.all

if (ie5||ns6)

var menuobj=document.getElementById("ie5menu")



function showmenuie5(e){

//Find out how close the mouse is to the corner of the window

var rightedge=ie5? document.body.clientWidth-event.clientX : window.innerWidth-e.clientX

var bottomedge=ie5? document.body.clientHeight-event.clientY : window.innerHeight-e.clientY



//if the horizontal distance isn't enough to accomodate the width of the context menu

if (rightedge<menuobj.offsetWidth)

//move the horizontal position of the menu to the left by it's width

menuobj.style.left=ie5? document.body.scrollLeft+event.clientX-menuobj.offsetWidth : window.pageXOffset+e.clientX-menuobj.offsetWidth

else

//position the horizontal position of the menu where the mouse was clicked

menuobj.style.left=ie5? document.body.scrollLeft+event.clientX : window.pageXOffset+e.clientX



//same concept with the vertical position

if (bottomedge<menuobj.offsetHeight)

menuobj.style.top=ie5? document.body.scrollTop+event.clientY-menuobj.offsetHeight : window.pageYOffset+e.clientY-menuobj.offsetHeight

else

menuobj.style.top=ie5? document.body.scrollTop+event.clientY : window.pageYOffset+e.clientY



menuobj.style.visibility="visible"

return false

}



function hidemenuie5(e){

menuobj.style.visibility="hidden"

}



function highlightie5(e){

var firingobj=ie5? event.srcElement : e.target

if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){

if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node

firingobj.style.backgroundColor="highlight"

firingobj.style.color="white"

if (display_url==1)

window.status=event.srcElement.url

}

}



function lowlightie5(e){

var firingobj=ie5? event.srcElement : e.target

if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){

if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node

firingobj.style.backgroundColor=""

firingobj.style.color="black"

window.status=''

}

}



function jumptoie5(e){

var firingobj=ie5? event.srcElement : e.target

if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){

if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode

if (firingobj.getAttribute("target"))

window.open(firingobj.getAttribute("url"),firingobj.getAttribute("target"))

else

window.location=firingobj.getAttribute("url")

}

}



if (ie5||ns6){

menuobj.style.display=''

document.oncontextmenu=showmenuie5

document.onclick=hidemenuie5

}



  </SCRIPT>
                    <BR></DL>
</body>

</html>
Vložil/Poslal/Autor: Admin
Funkčnost: správna funkčnost zaručena pouze v IE 6
zavřít okno | jít na hlavní stránku JakNaWeb.com