[JS] CrossBrowser: Eigen context menu bij rechtsklikken

[Burat]

Voor de beheer-kant van een webapplicatie wil ik in een specifiek element graag een eigen context menu maken. Dus als er met rechts geklikt wordt, popt niet het menu van de browser, maar wordt een eigen divje zichtbaar.

Het is lastig zoeken op internet, want veel mensen willen graag alleen maar de hele rechtermuisknop uitschakelen (lame, lame..).

Ik heb geprobeerd om de mousedown, mouseup, click en contextmenu events af te vangen en in die functie het divje zichtbaar te maken en door 'false' te returnen de browser contextmenu te blocken.

Dat eerste lukt prima. Mijn eigen divje verschijnt in elke browser na een klik met rechts op de juiste plaats. Maar ook verschijnt overal gewoon het context menu.

Kan iemand mij helpen met een voorbeeld, tips of links?

[Bosmonster]

Je zult ook het contextmenu moeten uitschakelen (en daar heb je scriptjes genoeg voor zoals je al zei ). En hier je eigen script voor in de plaats moeten zetten. contextmenu kun je disablen door simpelweg false te returnen op het oncontextmenu event.

Alleen kan dit volgens mij in niet-IE browsers niet en heb je daar dus een probleem..

[ Voor 28% gewijzigd door Bosmonster op 10-02-2004 12:18 ]

[dominic]

return je ook weer false aan het window object?

dus: <element onmouseclick="return handleMouseClickFunctie()">

[Verwijderd]

Bosmonster schreef op 10 februari 2004 @ 12:17:
Alleen kan dit volgens mij in niet-IE browsers niet en heb je daar dus een probleem..

yup kan wel, heb het gezien bij de XML editor van Bitflux

linkje gevonden:
http://lab.artlung.com/scripting/oncontextmenu/

[ Voor 13% gewijzigd door Verwijderd op 10-02-2004 12:27 ]

[crisp]

Bosmonster schreef op 10 februari 2004 @ 12:17:
Je zult ook het contextmenu moeten uitschakelen (en daar heb je scriptjes genoeg voor zoals je al zei ). En hier je eigen script voor in de plaats moeten zetten. contextmenu kun je disablen door simpelweg false te returnen op het oncontextmenu event.

Alleen kan dit volgens mij in niet-IE browsers niet en heb je daar dus een probleem..

In de GoT Tracker werkt het ook in Mozilla hoor; ik cancel daar het mousedown event...

[Burat]

Bosmonster:
bij het oncontextmenu event false returnen werkt .. zolang ik niet m'n eigen divje display. Dan doet ie toch het contextmenu weergeven, hoe vaak ik ook false return .

dominic:
Jep

[crisp]

ik zal vanavond eens kijken of ik een simpel voorbeeld kan maken van hoe ik het in de GoT Tracker heb geregelt.

[Bosmonster]

Hmm.. heeft dat geen nadelige gevolgen als je het hele mousedown event cancelled? Ook al doe je het met alleen de rechtermuisknop?

[crisp]

Bosmonster schreef op 10 februari 2004 @ 12:42:
Hmm.. heeft dat geen nadelige gevolgen als je het hele mousedown event cancelled? Ook al doe je het met alleen de rechtermuisknop?

Nee, want ik cancel het event alleen bij een mousedown op een element waarbij ik een eigen contextmenu wil laten zien, en dan ook alleen als het de rechtermuisknop betreft

[Bosmonster]

Burat schreef op 10 februari 2004 @ 12:21:
Bosmonster:
bij het oncontextmenu event false returnen werkt .. zolang ik niet m'n eigen divje display. Dan doet ie toch het contextmenu weergeven, hoe vaak ik ook false return .

dominic:
Jep

Net even geprobeerd maar dat werkt prima hier onder IE6.

[Burat]

Ik weet intussen wat er fout ging bij mij..

Het oncontextmenu event is later dan de onmousedown. Dus mijn layer werd al neergezet voordat het oncontextmenu event werd gevuurd. En aangezien die layer geen oncontextmenu handler had, werd het contextmenu gewoon getoond.

Dus.. veel geklooi, maar het werkt nu. Iig in IE, dan komt het in Mozilla ook wel goed .

[Dutch_guy]

Is het ook mogelijk om een ander context menu weer te geven als er geklikt wordt op een plaatje ?

Ik wil namelijk dat als men rechtermuisklik (of links, nog mooier) op een plaatje doet er een eigen menu tevoorschijn komt.
Daar moeten dan een aantal opties staan, zoals opslaan, printen, etc. etc.

Gewoon zodat het er mooier uitziet dan het standaard context menu.

Is dat mogelijk ? Of heeft iemand daar een voorbeeld van ?

[Verwijderd]

Dutch_guy schreef op 10 februari 2004 @ 15:19:
Is het ook mogelijk om een ander context menu weer te geven als er geklikt wordt op een plaatje ?

Ik wil namelijk dat als men rechtermuisklik (of links, nog mooier) op een plaatje doet er een eigen menu tevoorschijn komt.
Daar moeten dan een aantal opties staan, zoals opslaan, printen, etc. etc.

Gewoon zodat het er mooier uitziet dan het standaard context menu.

Is dat mogelijk ? Of heeft iemand daar een voorbeeld van ?

Met opslaag en printen e.d. weet ik niet OF het mogelijk is.
Maar met JS zijn er zat mogelijkheden om je rechter (en ik mag aannemen met een kleine aanpassing, ook je linker) muisknop aan te passen . . . .

Hier is bijvoorbeeld een script voor zo'n dergelijk menu . . .(heb wel gehoord dat het een beetje over compatible is )