Rechtsklickmenü / Kontextmenü

wolf

Mal wieder eine Frage

Ich erweitere das rechts-Klick Menü mit zwei punkten:

HTML

<div id="1" contextmenu='rmenu'>Div1</div>
<div id="2" contextmenu='rmenu'>Div2</div>




<menu type="context" id="rmenu">
	<menuitem label="punkt1" class="s_class" id="s_1"></menuitem>
	<menuitem label="punkt2" class="s_class" id="s_2"></menuitem>
</menu>

Wenn ich jetzt Klicks auf den Punkt abfange:

JavaScript

$(".s_class").click(function() {




}

Weiß ich nicht, wie ich herausfinden soll, auf welches Element der Rechtsklick gemacht wurde.
Weiß jemand, wie?

cottton

kann kein jquery
aber von der Logik her sollte in die click func das object oder ein ident rein kommen.
also evtl sowas:

JavaScript

$(".s_class").click(function(this) {
 alert(this.id)
}

wolf

Ja dann bekäme ich die Id des geklickten Menü Eintrags
Genau da scheiter ich.

Und man darf auch:

JavaScript

$(".s_class").click(function() {
  alert(this.id);
}

Edit:
Das gibt dann aus: s_1 oder halt s_2
Ich will aber 1(id vom div) oder 2

The Scout

JavaScript

$(".s_class").click({
 var onclick = $(this);
}

Damit würde die Variable onclick das Element repräsentieren, auf das geklickt wurde, soweit ich weiß.
Und dann die relevanten Elemente einfach mit onclick.element ansprechen...

wolf

Hmm jetzt bekomme ich die Id, von dem Element das vorher mit LINKS angeklickt wurde
Aber denke das lässt sich noch modifizieren,<< war n bug. Man bräuchte sowas wie beforethis oder so

The Scout, ja genau, this repräsentiert das aktuelle obj. was allerdings der Kontextmenü Eintrag ist und nicht das Element auf das der Rechtsklick gemacht wurde.

Basi

jQuery arbeitet doch mit den CSS Selektoren:

CSS

.s_class[label="punkt1"]

So sollte das theoretisch möglich sein, ich weiß nicht welche Version du nutzt und in wie weit das dort unterstützt wird.

wolf

Nein nein, ihr versteht was falsch ich will nicht herausfinden auf welchen Kontextmenü Eintrag geklickt wurde, sondern, auf welches Element der rechts klick ausgeführt wurde

Basi

Achso..
JSFiddle

wolf

Danke Basii aber ich komme damit nicht so weit, dafür fehlt mir dann das Wissen über JS
Hier mal mein vorhaben: JSFiddlle

Basi

Für mich verliert das gerade jeglichen Faden, was für ein Kontext Menü hast du erstellt, nutzt du das jQuery contextmenu Plugin oder wie hast du das gelöst?

wolf

Das nennt sich html5 <menu> Tag
Dieser implementiert in das vorhandene Menü weitere Punkte.

Basi

Okay und wenn ein Punkt angeklickt wird musst du wissen auf welches Element der letzte Rechtsklick ging?

Das wäre ein möglicher Lösungsansatz:

JavaScript

// global definieren:
  var lastClick = false;




  $(document).ready(function(){
    document.oncontextmenu = function(e){
      lastClick = e.target.id;
    }
  });

Alles anzeigen

So kannst du jederzeit lastClick abfragen welches Element zuletzt mit Rechtsklick gedrückt wurde (sofern es eine id hat, sonst kriegst du false oder eben das vorletzte

wolf

Genau. Und da brächte man sowas wie last.this

Ahhh, du hast nachgetragen, super mein last.this gibt es also doch
Danke!

Basi

Auf Umwegen gibt es ja alles, nächstes mal lese ich auch erst was du erreichen möchtest und schreibe dann, tschuldigung

wolf

Was hat es mit dem document.oncontextmenu auf sich, kann mir jemand das erklären?

Weil ich bekomme immer false herraus .. JSFiddle

Basi

Ne keine Ahnung.. ja doch natürlich, das ist wie document.onclick ein ganz normaler Eventhandler nur wird dieser halt ausgeführt wenn das Kontextmenü mit einem Rechtsklick aufgerufen wird.

wolf

Aaaaaaaachso.
Ich hab zu viel gedacht und zu viel rumgespielt
Ok, jetzt scheitere ich an lastClick = e.target.name; >> undefined

Basi

Ganz einfach: Das Element worauf der Klick ging hat einfach keine ID Versuch mal das .id weg zu lassen und guck was raus kommt, sollte ein Objekt werden.

wolf

Baaaasii, lesen! e.target.name

Und ja nen name(="1") hat es, mit der id das funzt

Basi

Ich gehe mich gleich erschießen.. sorry:

JavaScript

lastClick = e.target.getAttribute("name");

Jetzt mitmachen!