Hallo, welche Möglichkeiten gibt es ein CSS-Popup durch klicken in einen anderen Bereich zu schließen? Ich benutze jquery um bei onclick einen Info Bereich zu öffnen der aber neben einen X auch per "wegklicken" geschlossen werden sollte.
Bist Du Dir sicher, dass Du das richtige jsfiddle verlinkt hast? Die Seite, auf die ich da komme, hat weder mit der Frage noch mit Deiner Antwort etwas für mich erkennbares zu tun. Weil ich selbst erst mal drüber gestolpert bin: das alert ist als Platzhalter für Code gemeint, der das Popup schließt, ok. Der muss dann natürlich auch damit klarkommen, dass das Popup gar nicht da ist (oder der Click-Handler wird de-registriert). Und es funktioniert so ohne weiteres nur in Bereichen, die nicht schon selbst einen Click-Handler haben (große Buttons z.B.), oder?
Zum Thema jsFiddle: Ups, du hast recht. Hab denk korrekten Link eingetragen.
Zum Thema Click-Eventhandler. Solange man mittels nicht mittels "event.stopPropagation()" das Eventbubbeling verhindert, werden alle Events automatisch hochgereicht als übergeordnete Element bis hin zur Rootnode (BODY- oder HTML-Tag).
Zum dritten Thema (PopUp nicht da): Der Code "$('DIV.myPopup').hide();" würde in jQuery keinen Fehler produzieren wenn das Element nicht da ist. Die hide()-Funktion würde nicht ausgeführt da das Elementset leer ist.
+1 (wenn ich könnte...), weil ich dadurch was gelernt habe. Zunächst aber nur: kürzer. Einfacher mMn nur für Code-Leser, die den jQuery-Bandwurm ohne Probleme dechiffrieren können zu: "prüfe, ob das Event-Target im DOM-Baum Kind/Enkel/Urenkel... eines Elements mit Klasse .box2 ist". Da gehöre ich nicht dazu (oder jedenfalls nicht bis vor 5 Minuten).
@Matthias: Willkommen im Club (auf das +1-Problem bezogen :)) ... Ja du hast recht. Eine Erklärung wäre sicherlich hilfreich gewesen. Nur fehlte mir gestern Abend die Worte und Zeit. Also dachte ich mit: "Code sagt mehr als 1000 Worte". Aber du hast den Code schon richtig verstanden. (Kleine Anmerkung: "prüfe, ob das Event-Target im DOM-Baum Kind/Enkel/Urenkel... eines Elements mit Klasse .box2 oder !>oder selbst das Element mit der Klasse .box2<! ist". Erklräung: "addBack" (fürher "andSelf") fügt das aktuelle Element zu dem Elementset hinzu.
Weil ich selbst erst mal drüber gestolpert bin: das alert ist als Platzhalter für Code gemeint, der das Popup schließt, ok. Der muss dann natürlich auch damit klarkommen, dass das Popup gar nicht da ist (oder der Click-Handler wird de-registriert). Und es funktioniert so ohne weiteres nur in Bereichen, die nicht schon selbst einen Click-Handler haben (große Buttons z.B.), oder?