DivBox ausblenden mit JS wenn irgendwo ANDERS geklickt

Amateur_builder · 23.04.2011

Hallo Leute, um euch gleich ein Beispiel zu geben: Das Ausklappbare "Mein PSD" Menü dieses Forums in der oberen rechten Ecke. Wenn man mit der Maus drüber fährt, öffnet es sich, logisch, kann man mit onmouseover machen. Jetzt ist es allergins so, dass es sich wieder schließt, wenn man IRGENDWO anders hinklickt. Ich habe ein ähnliches aufklappmenü erstellt, was sich auch öffnet. Allerdings habe ich das schließen nur mit einem anderen Div hinbekommen. Wenn man dann darauf klickt, schließt es isch wieder. Aber während man die Box offen hat, kann man keine Links anklicken, die nicht in dem aufgeklappten Menü sind. Bei dem Forum hier geht das. Wüsste einer von euch einen Lösungsansatz, den ich verfolgen könnte? Wenn möglich in normalem JS, weil ich von jQuery noch nichts verstehe.
LG Amateur_builder

cebito · 23.04.2011

AW: DivBox ausblenden mit JS wenn irgendwo ANDERS geklickt

Mausevents überwachen -> entsprechend reagieren... für genauere Informationen bitte Testcase einstellen.

Amateur_builder · 23.04.2011

AW: DivBox ausblenden mit JS wenn irgendwo ANDERS geklickt

Klingt gut mit den mousevents. Wrde mir bei google gleich mal was reinziehen. Danke ;-)

Amateur_builder · 23.04.2011

AW: DivBox ausblenden mit JS wenn irgendwo ANDERS geklickt

cebito schrieb:
Mausevents überwachen

Jetzt habe ich bei Google ziemlich viele Treffer gefunden. Ich möchte das erstmal Testweise mit Firefox machen für die Rechte Maustaste. Ich habe diesen Code gefunden:

Code:

function doSomething(e) {
     var rightclick;
     if (!e) var e = window.event;
     if (e.which) rightclick = (e.which == 3);
     else if (e.button) rightclick = (e.button == 2);
     alert('Rightclick: ' + rightclick); // true or false 
}

Aber dieser funktioniert nicht. Ich habe diese Funtkion via

Code:

<body onload="doSomething()">

Aufgerufen, aber es passiert nichts. Wenn ich jetzt Testweise ein ALERT() dazusetze, um zu gucken ob die Funktion überhaupt ausgeführt wird, wird der Alarm ausgegeben, aber nicht das eigentliche mit der Maustaste. Wie habe ich diese Funktion anzuwenden?
LG Amateur_builder

Amateur_builder · 25.04.2011

AW: DivBox ausblenden mit JS wenn irgendwo ANDERS geklickt

Ist noch jemand da? Wie gesagt, leider funktioniert es auf diese Weise nicht. Hat nicht einer ein einfaches Skript, was ich benutzen dürfte?
lg Amateur_builder

cebito · 25.04.2011

AW: DivBox ausblenden mit JS wenn irgendwo ANDERS geklickt

Der Funktionsaufruf im body-onload nutzt dir so nichts...

HTML:

<script>
function doSomething(e){
    switch(e.which){
        case 1:
            alert('links, X=' + e.pageX + ' Y=' + e.pageY);
            break;
        case 2:
            alert('mitte, X=' + e.pageX + ' Y=' + e.pageY);
            break;
        case 3:
            alert('rechts, X=' + e.pageX + ' Y=' + e.pageY);
            break;
        default:
            break;
    }
}
document.addEventListener('click', doSomething, false)
</script>

Ich geb dir gleich mal die Mausposition mit aus, ist ja auch noch wichtig für dich

Amateur_builder · 25.04.2011

AW: DivBox ausblenden mit JS wenn irgendwo ANDERS geklickt

@cebito
Boah, wie geil. Ich danke dir vielmals. Ich hatte solange gesucht, ich war wohl nur zu dumm danach zu suchen, wie ich die Funktion richtig Aufrufe. Vielen Dank, damit lässt sich mein Problem sicher lösen. Danke
LG Amateur_builder

fakerer · 25.04.2011

AW: DivBox ausblenden mit JS wenn irgendwo ANDERS geklickt

gibt es ein wunderbares rightclick plugin für jquery.

oder hier eins ohne jquery hier

ahh da hat meine suche nach einer Lösung ohne Jquery wohl zu lange gedauert^^

Amateur_builder · 25.04.2011

AW: DivBox ausblenden mit JS wenn irgendwo ANDERS geklickt

fakerer schrieb:
ahh da hat meine suche nach einer Lösung ohne Jquery wohl zu lange gedauert^^

Aber trotzdem vielen Dank für die Mühen^^

cebito · 25.04.2011

AW: DivBox ausblenden mit JS wenn irgendwo ANDERS geklickt

Im Endeffekt ist es aber uninteressant für dich, welche Maustaste gedrückt wird (der IE hat da andere Ansichten [1=links, 2=rechts, 4=mitte]) wichtig ist ja nur, daß das event eintritt. Also kannst du eigentlich die Switch weglassen, und direkt nur die Position mitnehmen und schauen, ob du außerhalb deines div bist.

Amateur_builder · 25.04.2011

Ja, denke, so werde ich es machen. Danke nochmal!

Aber eine letzte Frage bleibt noch, nur reine Neugierde, denn das, was ich vorhatte, klappt schon. Es heißt ja ADD eventlistener. Also ist es doch auch theoretisch möglich, wieder einen eventlistener zu entfernen, oder? So document.deleventlistener, oder?^^
lg Amateur_builder

Edit:
Ahh, habs gefunden. Google ist dein Freund, heißt es ja immer^^
removeEventListener ist es^^