Textbox mit Klick außerhalb wieder verschwinden lassen

Tanaveen · 17.09.2011, 20:44

Guten Abend.
Ich hoffe, so einen ähnlichen Thread gibt es noch nicht - ich habe überhaupt keine Ahnung, unter welchem Suchbegriff ich etwas zu meiner Frage finden könnte. (Das Problem hatte ich auch in Google, weshalb auch es mich nicht zu einer Lösung bringen konnte.)
Für PHP-Profis ist das aber, denke und hoffe ich doch mal, eine leichte Übung.

Ich habe auf einem Webspace einen Link, unter dem sich eine Textbox öffnet, sobald man mit der Maus über dem Link schwebt. Nun möchte ich aber, dass die Textbox erst wieder verschwindet, wenn man außerhalb der Textbox irgendwo hinklickt. Aktuell schließt sie sich wegen dem onMouseOut, sobald man mit der Maus vom Link wieder runtergeht. Ich bräuchte eine Alternative dazu.
Der grobe Code sieht so aus:

Code:

<a href="#" onMouseOver="document.getElementById('details').style.visibility='visible';" 
onMouseOut="document.getElementById('details').style.visibility='hidden';">
Textbox
<div id="details" style="position: absolute; z-index:3; 
background-color: #000000; layer-background-color: #000000; visibility: hidden">
Hier ist Text in der Textbox</div>

Ich bin ein kompletter Anfänger in diesem Bereich. Mit Element-Handlern und Javascript-Funktionen habe ich bisher noch nie gearbeitet. Ich habe mich auch hier Link schon umgesehen, bin aber nicht weitergekommen.
Vielleicht kann mir jemand helfen?

mepeisen · 17.09.2011, 21:40

Hat nix mit PHP zu tun, sondern nur mit JavaScript. In 1 Minute via Google: http://www.spotlight.de/life/message/1866194.html

nikosch · 17.09.2011, 21:52

Diese Frage hatten wir hier kürzlich erst.

Bitte Forenstruktur beachten!

[MOD: verschoben]

[edit]

… mit einem absoluten Müll-Titel: http://www.php.de/javascript-ajax-un...ng-jquery.html (.not erläuterung.. (JQUERY))

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Div bei Klick außerhalb von Div schließen	Karottenkopf51	JavaScript, Ajax und mehr	17	30.08.2011 06:52
[Erledigt] Standardtext grau im Textbox hinterlegen	mkn	PHP Tipps 2010	9	28.09.2010 09:48
Mit JS einen KLICK vortäuschen	ITrun90	JavaScript, Ajax und mehr	10	04.05.2010 13:47
Link auf Dateien außerhalb des Document Root	michael2105	PHP-Fortgeschrittene	9	24.04.2010 22:07
Text aus textbox in Textbox	trix0matrix9	PHP Tipps 2010	12	18.04.2010 01:07
[Erledigt] Enter in Textbox abfangen	theparasit	PHP-Fortgeschrittene	3	24.03.2010 00:47
Scriptangebot 1 Klick Counter Hosting Script	Charbel	Scriptbörse	0	23.06.2009 07:43
Textbox füllen mit bestimmten String	ASommer	JavaScript, Ajax und mehr	6	26.03.2009 12:17
Daten aus der Datenbank per button klick in Textbox füllen	ekmek12	PHP-Fortgeschrittene	4	10.03.2009 10:00
[Erledigt] per klick (außerhalb vom div) funktion aufrufen	amateur_php	JavaScript, Ajax und mehr	9	17.10.2008 14:32
Textbox per Checkbox füllen	tinchen	HTML, Usability und Barrierefreiheit	22	29.08.2006 18:13
JS: Mit einen Link boxen sichtbar und unsichtbar durch klick	scooter	Beitragsarchiv	3	11.03.2006 19:34
Bildwechsel beim Klick		HTML, Usability und Barrierefreiheit	1	12.07.2005 23:49
Text in Input per Klick hinzufügen, bei erneutem Klick lösch	18inch	HTML, Usability und Barrierefreiheit	2	05.03.2005 14:01
ADCELL Vermarktung zu 75% Pay per Klick Kampagnen		Beitragsarchiv	0	18.10.2004 12:37

17.09.2011, 20:44
Tanaveen Neuer Benutzer Registriert seit: 17.09.2011 Beiträge: 1 PHP-Kenntnisse: Anfänger	Textbox mit Klick außerhalb wieder verschwinden lassen Guten Abend. Ich hoffe, so einen ähnlichen Thread gibt es noch nicht - ich habe überhaupt keine Ahnung, unter welchem Suchbegriff ich etwas zu meiner Frage finden könnte. (Das Problem hatte ich auch in Google, weshalb auch es mich nicht zu einer Lösung bringen konnte.) Für PHP-Profis ist das aber, denke und hoffe ich doch mal, eine leichte Übung. Ich habe auf einem Webspace einen Link, unter dem sich eine Textbox öffnet, sobald man mit der Maus über dem Link schwebt. Nun möchte ich aber, dass die Textbox erst wieder verschwindet, wenn man außerhalb der Textbox irgendwo hinklickt. Aktuell schließt sie sich wegen dem onMouseOut, sobald man mit der Maus vom Link wieder runtergeht. Ich bräuchte eine Alternative dazu. Der grobe Code sieht so aus: Code: <a href="#" onMouseOver="document.getElementById('details').style.visibility='visible';" onMouseOut="document.getElementById('details').style.visibility='hidden';"> Textbox <div id="details" style="position: absolute; z-index:3; background-color: #000000; layer-background-color: #000000; visibility: hidden"> Hier ist Text in der Textbox</div> Ich bin ein kompletter Anfänger in diesem Bereich. Mit Element-Handlern und Javascript-Funktionen habe ich bisher noch nie gearbeitet. Ich habe mich auch hier Link schon umgesehen, bin aber nicht weitergekommen. Vielleicht kann mir jemand helfen?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

17.09.2011, 21:40
mepeisen Erfahrener Benutzer Registriert seit: 21.12.2004 Beiträge: 5.234 PHP-Kenntnisse: Fortgeschritten	Hat nix mit PHP zu tun, sondern nur mit JavaScript. In 1 Minute via Google: http://www.spotlight.de/life/message/1866194.html __________________ www.php-maven.org PHP und Maven vereint: Build/Deploy/Produktion/Konfiguration, Projekt Management, CI, PHPUnit, zahlreiche Frameworks Twitter @ https://twitter.com/#!/mepeisen und Facebook @ http://t.co/DZnKSUih

17.09.2011, 21:52
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Diese Frage hatten wir hier kürzlich erst. Bitte Forenstruktur beachten! [MOD: verschoben] [edit] … mit einem absoluten Müll-Titel: http://www.php.de/javascript-ajax-un...ng-jquery.html (.not erläuterung.. (JQUERY)) __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --