tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
5
ZUGRIFFE
1179
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    notebook20000 notebook20000 ist offline Mitglied Brokat
    Registriert seit
    Nov 2004
    Beiträge
    261
    Hallo,

    ich möchte beim Click mit der rechten MAustaste in ein Div ein eigenes Menü aufrufen. Wie kann ich das bewerkstelligen, die Maus beim rechtsklick abzufangen?
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    schon mal mit Javascript Kontextmenü gefüttert?

    Und bitte unterlasse zukünftig solche Threadpushings, um lediglich nachzufragen, ob niemand eine Idee hat. Vielen Dank!
     

  3. #3
    notebook20000 notebook20000 ist offline Mitglied Brokat
    Registriert seit
    Nov 2004
    Beiträge
    261
    Hallo,

    hab das aktivieren jetzt mit folgendem Script hinbekommen
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
    function click (e) 
     {
       if (!e)
        e = window.event;
       if ((e.type && e.type == "contextmenu") || (e.button && e.button == 2) || (e.which && e.which == 3)) 
      {
         if (window.opera)
            window.alert("Sorry: Diese Funktion ist deaktiviert.");
         return false;
        }
     }



    Damit wird der Rechtsklick deaktiviert
    Code :
    1
    2
    3
    4
    
     if (document.layers)
        document.captureEvents(Event.MOUSEDOWN);
     document.onmousedown = click;
     document.oncontextmenu = click;

    udn damit kann ich ihn auch wieder aktivieren

    Code :
    1
    2
    3
    4
    
     if (document.layers)
        document.captureEvents('');
     document.onmousedown = '';
     document.oncontextmenu = '';


    Allerdings geht das nur unterm Firefox. Ich muss auch dazu sagen, das ich das irgendwie selbst ausgedacht habe mit den Zuweisungen Weis da jemand was genaeures? Wie kann ich diese Dinger wieder zurücksetzen?

    Es scheint hauptsächlich an

    document.captureEvents(Event.MOUSEDOWN);


    zu liegen

    wie mache ich das "rückgängig"
    Geändert von notebook20000 (05.07.07 um 10:27 Uhr)
     

  4. #4
    nightryu nightryu ist offline Mitglied Bronze
    Registriert seit
    Jun 2007
    Beiträge
    40
    ich weiss zwar leider keine antwort direkt auf deinen code bezogen, jedoch könnte ich dir, wnen du javascript-frameworks wie jQuery nicht abgelehnt bist folgendes empfhlen:

    http://www.trendskitchens.co.nz/jquery/contextmenu/
    Damit kannst du mithilfe von jQuery gutaussehende rechtsklickmneüs machen die auch crossbrowser-kompatibel sind
     

  5. #5
    notebook20000 notebook20000 ist offline Mitglied Brokat
    Registriert seit
    Nov 2004
    Beiträge
    261
    Ich habs mal ausprobiert. Wenn ich folgendes benutze

    Code javascript:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    
    <script type="text/javascript">
    $(document).ready(function() {
      $("span.demo1").contextMenu("#myMenu1", {
     bindings : {
       "#open" : function(t) {
      alert("Trigger was "+t.id+"\nAction was Open");
       },
       "#email" : function(t) {
      alert("Trigger was "+t.id+"\nAction was Email");
       },
       "#save" : function(t) {
      alert("Trigger was "+t.id+"\nAction was Save");
       },
       "#delete" : function(t) {
      alert("Trigger was "+t.id+"\nAction was Delete");
       }
     }
      });
      $("#demo1").contextMenu("#myMenu1", {
     menuStyle : {
       border : "1px solid #ffffff"
     },
     itemStyle : {
       fontSize : "12px",
       fontFamily : "arial",
       backgroundColor : "#004589",
       color: "#ffffff",
       border:"none",
       padding: "4px"
     },
     itemHoverStyle : {
       color : "#000000",
       backgroundColor: "#FFFF00",
       border : "none"
     }
      });
    });
    </script>
    HTML-Code:
    </head>
    <body>
     
      <div class="contextMenu" id="myMenu1">
        <ul>
          <li id="open">Open</li>
          <li id="email">Email</li>
          <li id="save">Save</li>
          <li id="delete">Delete</li>
        </ul>
      </div>
    
    <p>
    <span class="demo1" id="demo1"><b>RIGHT CLICK FOR DEMO</b></span>

    dann gehen die Links nicht. Wenn ich die css definitionen übe rmenustyle kompltt entfernen gehts?! Warum?!
     

  6. #6
    Stefan Miefert Stefan Miefert ist offline Mitglied Bronze
    Registriert seit
    Sep 2006
    Beiträge
    30
    Hallo,

    aber die cs Styles werden wenn sie aktiv sind korrekt angezeigt?
     

Ähnliche Themen

  1. flashfilm rechte maustaste
    Von wuerger_05 im Forum Flash Plattform
    Antworten: 3
    Letzter Beitrag: 07.09.06, 09:10
  2. Rechte Maustaste blockieren
    Von Shiro-san im Forum Javascript & Ajax
    Antworten: 6
    Letzter Beitrag: 05.08.05, 01:31
  3. Event rechte Maustaste
    Von imini im Forum Flash Plattform
    Antworten: 4
    Letzter Beitrag: 07.04.05, 13:56
  4. Rechte Maustaste sperren
    Von dark_ghost im Forum HTML & XHTML
    Antworten: 32
    Letzter Beitrag: 26.02.05, 01:01
  5. Event: Rechte Maustaste?
    Von Faramir im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 24.07.02, 14:55