Javascript  »  Nützliches  »  eigenes Kontext-Menu III

zur Übersicht

Kategorie	Nützliches
Bezeichnung	eigenes Kontext-Menu III
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	25579 Aufrufe davon 1x gestern
Besten Dank an Michael Bauer
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <style> <!-- /* TestStyle fuer einigermassen konforme Anzeige ... */ caption { font-family: Arial; font-size: 8pt; TEXT-ALIGN: left; color: #FFFFFF; font-weight: bold; BACKGROUND-COLOR: blue } TABLE { BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; WIDTH: 100px; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: #E8E8E8 } TD { FONT-SIZE: 8pt; COLOR: #0000ff; FONT-FAMILY: Arial } --> </style> <script language="JavaScript"> <!-- /* Datum: 27.08.2002 Autor: Michael Bauer michael.bauer@it-jobs4you.de fuer Kritiken usw. gern ... Funktion: Einblenden eines Menues, anstatt des Standard-Menues mit der rechten Maustaste Oberflaechen: IE 6++, NetScape 6++ mit ms-dos/mac */ var bInit = false; // Initialisierung von Browser-Variablen var bIE = false; // wenn IE var bNS = false; // wenn Netscape var bMouse = false; // wenn Klick rechts var sPatentmenue = 'TEST'; // Menue-Ueberschrift var sColorBackOver = '#0000FF'; // Hintergrund Menue bei Over var sColorForeOver = '#FFFFFF'; // Vordergrund Menue bei Over var sColorBackOut = '#E8E8E8'; // Hintergrund Menue bei Out var sColorForeOut = '#0000FF'; // Vordergrund Menue bei Out var nTop = 0; // Klickpunkt von oben var nLeft = 0; // Klickpunkt von rechts var iFensterRechts = 0; // Hilfswert fuer Sichtbarkeit var iFensterUnten = 0; // Hilfswert fuer Sichtbarkeit /* Browser-Variablen, Mouse usw. (ausbauen...) */ function init(StartOrStop,mouseEvent) { switch(StartOrStop) { case 'start': document.body.id = 'derBody'; // Body-ID festlegen if(navigator.appName == 'Netscape') { bNS = true; bIE = false; if((mouseEvent.which == 3 || mouseEvent.which == 2)) { bMouse = true; } } else { bNS = false; bIE = true; if((event.button == 2 || event.button == 3)) { bMouse = true; } } bInit = true; break; case 'stop': bMouse = false; bInit = false; break; default: /* wozu auch immer */ alert('es ist ein Fehler bei der Initialisierung aufgetreten.\n') break; } } /* Style fuer OnMouseOver */ function TdOver(zObj) { if(bIE) { if(!zObj.contains(window.event.fromElement)){ zObj.bgColor = sColorBackOver; zObj.style.color = sColorForeOver; zObj.style.cursor = 'hand'; } } if(bNS) { zObj.bgColor=sColorBackOver; zObj.style.color = sColorForeOver; zObj.style.cursor = 'pointer'; } } /* Style fuer OnMouseOut */ function TdOut(zObj) { if(bIE) { if (!zObj.contains(window.event.toElement)){ zObj.bgColor = sColorBackOut; zObj.style.color = sColorForeOut; } } if(bNS) { zObj.bgColor = sColorBackOut; zObj.style.color = sColorForeOut; } } /* Menue */ function right(e) { /* BrowserVariablen initialisieren */ if(!bInit) {init('start',e);} /* HTML fuer DIV setzen Anfang */ var sInner = '<TABLE id=\"tableMenue\">'; sInner = sInner + ' <CAPTION>' + sPatentmenue + '<BR>' + ' Menue<\/CAPTION>' sInner = sInner + ' <tr><td ' + ' onmouseover=\"TdOver(this);"\ ' + ' onmouseout=\"TdOut(this);\" ' + ' onclick=\"MenuTodo(\'druck\');\">' + ' &#903; drucken<\/td><\/tr>'; sInner = sInner + ' <tr><td ' + ' onmouseover=\"TdOver(this);"\ ' + ' onmouseout=\"TdOut(this);\" ' + ' onclick=\"MenuTodo(\'zurueck\');\">' + ' &#903; zurück<\/td><\/tr>'; sInner = sInner + ' <tr><td ' + ' onmouseover=\"TdOver(this);"\ ' + ' onmouseout=\"TdOut(this);\" ' + ' onclick=\"MenuTodo(\'refresh\');\">' + ' &#903; aktualisieren<\/td><\/tr>'; sInner = sInner + ' <tr><td ' + ' onmouseover=\"TdOver(this);"\ ' + ' onmouseout=\"TdOut(this);\" ' + ' onclick=\"MenuTodo(\'quelle\');\">' + ' &#903; Quelltext<\/td><\/tr>'; sInner = sInner + ' <tr><td ' + ' onmouseover=\"TdOver(this);"\ ' + ' onmouseout=\"TdOut(this);\" ' + ' onclick=\"MenuTodo(\'abbrechen\');\">' + ' <B>ausblenden</B>' ' <\/td><\/tr>' + '<\/TABLE>'; /* HTML fuer DIV setzen Ende */ /* Klickpunkt festlegen */ if(bNS) { nTop = (e.pageY - 10); nLeft = (e.pageX - 10); iFensterRechts = (window.innerWidth - nLeft); iFensterUnten = (window.innerHeight - nTop); } if(bIE) { nTop = (window.event.y - 10); nLeft = (window.event.x - 10); iFensterRechts = document.body.offsetWidth - nLeft; iFensterUnten = document.body.offsetHeight - nTop; } /* Sichtbarkeit rechts/unten anhand Fenstergroesse sicherstellen */ if(iFensterRechts < 150) {nLeft = (nLeft-90);} if(iFensterUnten < 120) {nTop = (nTop-110);} /* Netscape-Variante */ if (bNS && bMouse) { // --- falls das Menue schon da ist, DIV ausblenden if(document.getElementById('menue')) { document.getElementById('menue').innerHTML = ''; } var menue = document.createElement('div'); menue.id = 'menue'; var sHtmlDiv = document.createTextNode(''); menue.appendChild(sHtmlDiv); var ausgabe = document.getElementById('derBody'); ausgabe.appendChild(menue); with(document.getElementById('menue')) { style.position = 'absolute'; style.left = nLeft; style.top = nTop; innerHTML = sInner; } } /* IE-Variante */ if (bIE && bMouse) { /* falls das Menue schon da ist, DIV ausblenden */ if(document.getElementById('menue')) { document.all.menue.outerHTML = ''; } var sHtmlDiv = '<div id=\"menue\" style=\"LEFT:'+nLeft+'px; TOP:'+nTop+'px; POSITION: absolute;\"></div>'; document.body.insertAdjacentHTML('AfterBegin',sHtmlDiv); document.all.menue.innerHTML = sInner; } init('stop',e); } /* Funktionen fuer Menue */ function MenuTodo(what) { if(bIE) {document.all.menue.outerHTML = '';} if(bNS) {document.getElementById('menue').innerHTML = '';} switch(what) { case 'druck': /* erweitern */ print(); break; case 'zurueck': /* adaequat zu zurueck in buttonframe, fuer was auch immer */ if(window.history.length == 0) { alert('keine Seiten fuer zurueck'); } else {window.history.back();} break; case 'refresh': /* aktuelles Template neu laden */ location.reload(); break; case 'quelle': /* Quelltext anzeigen */ window.location = 'view-source:' + window.location.href; break; default: break; } } /* Event Mouse */ document.onmousedown=right; //--> </script> <BODY oncontextmenu="return false"> </BODY>

Kommentare zu eigenes Kontext-Menu III

3 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 23.07.2005 um 03:33 Uhr von Joe Fuentes
The text was good, but i stil cant find the play ipdates. looking for it dude.... 

am 02.09.2003 um 20:31 Uhr von Silaz
Hallo, das ist ein Nettes Script ich hab da nur eine frage, wie kann man es anpassen so da... 

am 04.04.2003 um 13:10 Uhr von Merlin
hi, tolles script, hab nur eine frage, kann ich das menu auch mit bildern versehen, also d... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen