Author Topic: [REQ] [MOD] New KontextMenue - Neues Kontextmenü- based on javascript  (Read 7803 times)

0 Members and 1 Guest are viewing this topic.

b.o.fan

  • Guest
Hello @ all

i´ve got found this script in the web.
i want build this in into my gallery.
i think i must insert this all into the header.html

first look @ the code
Code: [Select]
<html>
<head>
<title>Test</title>
<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: 0px solid;

    BORDER-TOP: 0px solid;
   
    BORDER-LEFT: 0px solid;

    WIDTH: 150px;

    BORDER-BOTTOM: 0px solid;

    BACKGROUND-COLOR: #E8E8E8;


}

TD

{

    FONT-SIZE: 8pt;

    COLOR: #0000ff;

    FONT-FAMILY: Arial;

}

-->

</style>



<script language="JavaScript">

<!--
        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 = 'wartenaufden15.de'; // 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 KDOver(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 KDOut(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 class=\"ABLE\" id=\"tableMenue\">';

sInner = sInner + ' <CAPTION>' + sPatentmenue + '<BR>' + 'Menü<\/CAPTION>'



sInner = sInner + ' <tr><td class=\"KD\" ' +

  ' onmouseover=\"KDOver(this);"\ ' +

  ' onmouseout=\"KDOut(this);\" ' +

  ' onclick=\"MenuTodo(\'druck\');\">' +

  ' · drucken<\/td><\/tr>';



sInner = sInner + ' <tr><td class=\"KD\" ' +

  ' onmouseover=\"KDOver(this);"\ ' +

  ' onmouseout=\"KDOut(this);\" ' +

  ' onclick=\"MenuTodo(\'zurueck\');\">' +

  ' · zurück<\/td><\/tr>';



sInner = sInner + ' <tr><td class=\"KD\" ' +

  ' onmouseover=\"KDOver(this);"\ ' +

  ' onmouseout=\"KDOut(this);\" ' +

  ' onclick=\"MenuTodo(\'refresh\');\">' +

  ' · aktualisieren<\/td><\/tr>';


                sInner = sInner + ' <tr><td KD ' +

  ' onmouseover=\"KDOver(this);"\ ' +

  ' onmouseout=\"KDOut(this);\" ' +

  ' onclick=\"MenuTodo(\'profil\');\">' +

  ' · Profil<\/td><\/tr>';
                sInner = sInner + ' <tr><td class=\"KD\"> <b>PM-Menü</b> </td></tr> <tr><td KD ' +

  ' onmouseover=\"KDOver(this);"\ ' +

  ' onmouseout=\"KDOut(this);\" ' +

  ' onclick=\"MenuTodo(\'PM\');\">' +

  ' · PM-Inbox<\/td><\/tr>';




sInner = sInner + ' <tr><td class=\"KD\" ' +

  ' onmouseover=\"KDOver(this);"\ ' +

  ' onmouseout=\"KDOut(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 'profil':

                                /*      Profil anzeigen         */
                               
                                window.location.href="{url_control_panel}";
                               
                                break;

                         case 'PM':

                                /*      PM schreiben            */
                               
                                window.location.href="./pm?action=inbox";
                               
                                break;

default:

break;

}

}



/* Event Mouse */

document.onmousedown=right;



//-->

</script>
</head>
<BODY oncontextmenu="return false">

</BODY></html>

can somebody help me to create a MOD.
I think with a new right-klick-menue the Problem with the Right-Klick-Picture-Saving is away. :) or not... ???
i think the is a way, too make CUT, COPY, PASTE into the new Menu. for text... :)

// DEUTSCH

Hallo,

ich habe dieses Script im Netz gefunden und wollte es in meine Gallery einbauen.
Ich denke, ich muss das irgendwie in die header.html einbauen.

schaut euch erst mal das script an. :)
siehe oben oder im anhang [kontextmenu.zip]

Kann mir jemand dabei helfen um ggf. dann einen MOD zu erstellen?
ich denke dass man AUSSCHNEIDEN; KOPIEREN und EINFÜGEN ins neue Menu einfügen kann. :)
danke für eure hilfe.

Thx / MfG

b.o.fan

Offline RoadDogg

  • Sr. Member
  • ****
  • Posts: 488
    • View Profile
    • Düsipixel
Templates with <head> and <body> Tags are needed both are in header.html, just paste your code there, it schould works.
For support requests please don´t forget link to your Gallery/to phpinfo.php
Code: [Select]
<?
phpinfo()
?>
safe_mode must turned OFF
Please check Error Messages

b.o.fan

  • Guest
no. there is a problem with the

Code: [Select]
<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: 0px solid;

    BORDER-TOP: 0px solid;
   
    BORDER-LEFT: 0px solid;

    WIDTH: 150px;

    BORDER-BOTTOM: 0px solid;

    BACKGROUND-COLOR: #E8E8E8;


}

TD

{

    FONT-SIZE: 8pt;

    COLOR: #0000ff;

    FONT-FAMILY: Arial;

}

-->

</style>

the site looks changed. when i load the files up.

mfg

Offline RoadDogg

  • Sr. Member
  • ****
  • Posts: 488
    • View Profile
    • Düsipixel
you´re right, I tried it an it won´t work with 4images in that way.
But your right-klick disabler works <body ...oncontextmenu="return false">
For support requests please don´t forget link to your Gallery/to phpinfo.php
Code: [Select]
<?
phpinfo()
?>
safe_mode must turned OFF
Please check Error Messages

b.o.fan

  • Guest
sry. but what is <body ...oncontextmenu="return false"> ???

is that a problem? is there a way?

Offline RoadDogg

  • Sr. Member
  • ****
  • Posts: 488
    • View Profile
    • Düsipixel
oncontextmenu="return false" in <body>-Tag only disables right-klick, it causes no problem.
Table-configuration seems to be the problem.
For support requests please don´t forget link to your Gallery/to phpinfo.php
Code: [Select]
<?
phpinfo()
?>
safe_mode must turned OFF
Please check Error Messages

b.o.fan

  • Guest
can you help me with this?

b.o.fan.

b.o.fan

  • Guest
Re: ANYONE ELSE? V@no, Jan, or some other !?!
« Reply #7 on: May 22, 2005, 05:16:04 PM »
some other user / programmer.

is there a way. please show me the error. an say it me. the last i guess i can do alone.
if not here i can tell you all my problems...


 :arrow: :arrow: :arrow:PLESE help me....

bofan  :cry: