Mit JQuery ein Popup erstellen?

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Wenn das Popup ein Kindelement von dem Button ist so zählt der Hover auch auf ihn. Damit würdest du eigentlich auch schon dein Problem lösen. Also, den Button und den Popup in ein div packen und den hover dann auf das div setzen. :)

4

Danke! Heißt also um beides ein Divtag und den bei .mouseout diesen angeben. :D Danke

1
4
@Berny96

Jetzt noch was. Wie würde es dann mit click funktionieren. Also z.B. .outsideclick() oder so

0
29
@ASKER789

Da gibt es eher keine so elegante Lösung. Du könntest ein Click auf jeweils Body und deinen Div machen. Im Body Click hidest du den popup und im popup click unternimmst du erstmal nichts. Der muss nur da sein damit er den Click von Body überschreibt weil ja sonst auch der mit eingeschlossen wäre da er ja ein Kind Element ist. Umgesetzt habe ich das so noch nicht aber ich denke so sollte es funktionieren.

0

http://cssmenumaker.com/menu/textured-responsive-drop-down-menu

Nur zur Info die Taktik mit hover events ist nur für Desktop PCs geeignet Tablets oder Smartphones mit Touchscreen können die Seite dann nur Mittelmäßig verwenden.

4

Ich hatte eher eine Erklärung erwartet und nicht einen Link mit dem ich nichts anfangen kann

1
29
@PeterKremsner

Weil er versucht zu verstehen wie man denn sowas umsetzen würde. Er will dazu lernen. 

3
40
@Berny96

Ich habe die Frage eher so aufgefasst, dass er dieses Verhalten für eine Webseite von ihm einfach nur erreich will.

Wenns um den Lerneffekt geht ist es natürlich etwas anderes, trotzdem kann man aus der Umsetzung anderer schon mal viel herauslesen wie es gemacht wird und was die Probleme daran sind etc.

0

Wordpress: Wie verhindere ich Zeilenumbrüche vom Wechsel von Code auf visuellen Editor?

Hallo,

ich habe ein kleines Problem mit Wordpress.

Ich habe einen div-Container erstellt, in dem zu Beginn eine kleine Überschrift mit span eingefügt wird. Darunter folgt ein anderer span-Content, der ein bisschen Text enthält. Dann schließt sich die Div-Box wieder.

Problem: Wenn ich den Artikel im Code-Editor veröffentliche, ist alles OK. Wenn ich allerdings in den visuellen Editor wechsle, springt die -Überschrift in der Zeile und wird kleiner. Außerdem ändern sich die Abstände in der Div-Box.

Was kann man tun?

...zur Frage

Was sind Popup-Benachrichtigungen bei Whatsapp?

Bei den Benachrichtigungen kann man Popup-Benachrichtigungen einstellen, aber was ist das?

...zur Frage

Aus Div-Container Inhalt per JavaScript auslesen?

Hallöchen,

Ich hab einen Link, wenn ich da drauf klicke möchte ich dass dem div ein String hinzugefügt wird. Der Link wird folgender Masen erzeugt:

<a href="javascript:aktion()">Link</a>

weiter oben steht dann das javascript:

 function aktion() { document.getElementById('abl').innerHTML = document.getElementById('abl').innerHTML + "\n" + "hinzugefügt";}

 der Div sieht so aus:

 <div id="abl" style="background-color: #E6E6E6; position:absolute; top: 200px; right: 100px; height: 300px; width: 200px;">

Plan

</div>

wenn ich jetzt auf den Link klicke, steht in dem Div: undefined hinzugefügt

Woran liegt das?

LG Checker0408

...zur Frage

Javascript Click Event vom Hintergrund?

Hallo Leute, Ich hab ein Problem beim Programmieren mit jQuery. Und zwar hab ich theoretisch folgendes aufgebaut:

jQuery:

$("#hintergrund").click(function(){

//hier passiert irgendwas

});

HTML:

Mein Problem ist nun folgendes: Wenn ich im DIV "vordergrund" ins Textfeld klicke, um es auszufüllen, springt er trotzdem in die Clickfunction vom hintergrund ? Was kann ich tun, damit dies nicht passiert?

Vielen Dank schonmal im Vorraus!

...zur Frage

Hilfe bei jQuery Refresh!?

Ich brauche Hilfe bei einer Website die ich grade code:

Also: Der Refresh klappt (Ich refreshe nicht die ganze Seite, sondern einen DIV im 0.5 Millisekunden-Intervall), aber da ich ein CSS Framework nutze (Materialize CSS), bei dem man auch einen Hover-Effekt sieht, sieht es irgendwie etwas "glitchy" aus (Das heißt, bevor der Hover ganz auftaucht, startet es von neuem, da ich es ja reloade)

Sry, aber ich möchte den Src-Code nicht schicken, deshalb hoffe ich, dass ihr mir auch so helfen könnt, also halt, wie ich diesen Glitch behebe. Danke im Vorraus!

...zur Frage

Was möchtest Du wissen?