Aangepast rechtermuis menu op afbeelding

Status
Niet open voor verdere reacties.

janusvl

Gebruiker
Lid geworden
11 apr 2009
Berichten
159
Hoi,

ik ben bezig met het schrijven van een gadget voor igoogle.
Het idee is vrij simpel een pagina waar je links kunt neerzetten met een afbeelding

voorbeeld http://321computers.nl/gadget/v2/#

inloggen met test123

maar nu wil ik dat als je op een afbeelding rechtermuisknop doet dat je dan een aangepast rechtermuis menu krijgt met wat opties zoals verplaatsen en verwijderen. Heeft iemand een idee hoe ik dit kan doen?

het lieft werkend in ie chrome en FF

alvast bedank janus
 
Ik meen dat je het oncontextmenu event hiervoor kon gebruiken. Als je uiteindelijk false retourneert, zal de 'default' ook niet uitgevoerd, worden, dus dit kan je gebruiken om zoiets te maken:
HTML:
<div id='mijnContextMenu'>
   <!-- hier komt je menu stuff -->
   <!-- links met javascript functies ofzo? -->
</div>
[JS]function mijnCM()
{
var mcm = document.getElementById('mijnContextMenu');

mcm.style.display = "block";
//iets om de left & top css property op de huidige
//muispositie te zetten

return false; //zorg dat er geen standaard menu'tje komt
}

/* maak het ook daadwerkelijk werkend: */

document.oncontextmenu = mijnCM;
/* je kan ook het image dit geven ipv. 'document'! */
[/JS]
PHP:
/*css */

div#mijnContextMenu
{
   display: none;
   position: absolute;
}
Noot wel dat oncontextmenu geen spec heeft, hoewel het (geloof ik) wel in veel browsers ondersteund wordt.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan