perlunity.de | Javascript : Nützliches - eigenes Kontext-Menu | Die Community für Perl PHP CGI Apache MySQL und Javascript

perlunity.de - PERL | JAVASCRIPT | PHP | MySQL | APACHE


	#!/COMMUNITY Members: 5374 davon online: 1 weitere User: 26

12.02.2012 / 10:01

Community-Member werden | Paßwort vergessen | OnlineMonitor (1)

Wer ist online ... OnlineMonitor starten !

Javascript » Nützliches » eigenes Kontext-Menu
zur Übersicht

Kategorie Nützliches

Bezeichnung eigenes Kontext-Menu

ScriptDemo Neues Fenster für Demo öffnen

Statistik 23239 Aufrufe davon 1x gestern

Mit diesem Script können Sie ein eigenes Kontext-Menu definieren.

Javascript-Quellcode (einfach markieren, kopieren und lokal abspeichern)

<HTML> <HEAD> <STYLE> #contextMenu { position: absolute; visibility: hidden; width: 120px; background-color: lightgrey; layer-background-color: lightgrey; border: 2px outset white; } </STYLE> <SCRIPT> if (document.all || document.getElementById) { document.write('<STYLE>'); document.write('A.menu { color: black; text-decoration: none;' + ' cursor: default; width: 100%;}'); document.write('A.menuOn { color: white; ' + 'background-color: darkblue; text-decoration: none;'); document.write(' cursor: default; width: 100%; }'); document.write('<\/STYLE>'); } </SCRIPT> <SCRIPT> var menu; function showMenu (evt) { if (document.all) { document.all.contextMenu.style.pixelLeft = event.clientX; document.all.contextMenu.style.pixelTop = event.clientY; document.all.contextMenu.style.visibility = 'visible'; return false; } else if (document.layers) { if (evt.which == 3) { document.contextMenu.left = evt.x; document.contextMenu.top = evt.y; document.contextMenu.onmouseout = function (evt) { this.visibility = 'hide'; }; document.contextMenu.visibility = 'show'; return false; } } else if (document.getElementById) { if (evt.button == 3) { evt.preventDefault(); var menu = document.getElementById('contextMenu'); menu.style.left = evt.pageX + 'px'; menu.style.top = evt.pageY + 'px'; menu.style.visibility = 'visible'; return false; } } return true; } if (navigator.userAgent.toLowerCase().indexOf('msie 5') != -1) document.oncontextmenu = showMenu; if (document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedown = showMenu; } if (!document.all && document.getElementById) document.onmouseup = showMenu; </SCRIPT> <DIV ID="contextMenu" ONMOUSEOUT="menu = this; this.tid = setTimeout('menu.style.visibility = \'hidden\'', 20);" ONMOUSEOVER="clearTimeout(this.tid);"> <A HREF="?opencat=Gästebuch" CLASS="menu" ONMOUSEOVER="this.className = 'menuOn'" ONMOUSEOUT="this.className = 'menu';"> zum Gästebuch</A> <BR> <A HREF="?opencat=JavaScripts" CLASS="menu" ONMOUSEOVER="this.className = 'menuOn'" ONMOUSEOUT="this.className = 'menu';"> zum Index</A> </DIV>

Kommentare zu eigenes Kontext-Menu

5 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 02.02.2006 um 18:31 Uhr von thony
Es klappt nur , wenn man diesen klitze kleinen Absatz Markiert (dazu einfach mal rum probi...

am 26.10.2004 um 13:14 Uhr von Loc
funzt nicht...

am 20.07.2004 um 17:41 Uhr von wulle
Hi zusammen - habt Ihr denn auf der leeren Seite mal mit der rechten Maustaste geklickt ??...

am 18.07.2003 um 10:05 Uhr von marco
...im Vorschaufenster funktioniert das Teil nicht....IE6...

am 22.05.2003 um 09:48 Uhr von ali
Es zeigt mir leere Seite!...

Alle Kommentare anzeigen - Kommentar hinzufügen

Link: /javascript/scripts/javascript_0192_main.shtml .::. Aufrufe heute: 1 .::. Aufrufe gesamt: 14663