php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 08.02.2011, 00:07  
Erfahrener Benutzer
 
Benutzerbild von tr0y
 
Registriert seit: 26.07.2010
Beiträge: 4.865
PHP-Kenntnisse:
Fortgeschritten
tr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblicktr0y ist ein wunderbarer Anblick
tr0y eine Nachricht über MSN schicken
Standard

Zitat:
Zitat von Crithack Beitrag anzeigen
Hallo
Ich wollte ein Fenster machen wie bei Facebook wenn man auf "Konto" klickt. Das heißt beim klick öffnet es sich und sobald man irgendwo anders hinklickt verschwindet es wieder.
Den Javascript fürs anzeigen habe ich schon. Mein Code sieht momentan so aus : <a href="javascript:anzeigen('box')" onblur="javascript:anzeigen('box')">Text</a>.
Das Problem bei diesem Code ist, dass die Box auch verschwindet, wenn man in die Box klickt.

Ich hoffe ihr versteht alles.

Danke schonmal

--Matz
Wrapper sind keine "Passt scho irgendwie"-Spielzeuge
PHP-Code:
<a href="#" onClick="anzeigen('box');" onblur="anzeigen('box');">Text</a
Bist du schonmal auf die Idee gekommen onMouseOut Events von der Box selbst zu nutzen ?
__________________
Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.
tr0y ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 09.02.2011, 17:22  
Neuer Benutzer
 
Registriert seit: 06.10.2009
Beiträge: 27
PHP-Kenntnisse:
Anfänger
Crithack befindet sich auf einem aufstrebenden Ast
Standard

ja. das Problem ist, die Box hat selbst verschachtelte <div>s. darum klappt das weder mit onmouseout noch mit onfocus!
geht mal auf die Seite http://ahserviceteam.de/3/. Der testaccount ist: Tester - PW: tester.
rechts oben "Profil" und diese Box ist gemeint.

Mein Code dazu:
Zitat:
<div onmouseout="anzeigen('profil', false);" >
<div id="profil"style="display:none;background-image:url(http://img.webme.com/pic/v/vbanana/profilbox.png);width:150px;min-height:99px;position:absolute;z-index:1;left:50%;top:14px;margin-left:287px;"><div style="text-align:right;padding-top:7px;padding-right:11px;"> <font style="font-size:14px;color:#000;text-shadow:1px 1px 2px #FFF;text-align:right;font-weight:bold;">Profil</font></div>
<div style="background-color:#ccc;border-right:1px solid #333;border-bottom:1px solid #333;border-left:1px solid #333;margin-top:23px;">
<div class="menupunkt"><a href="{U_DOWNLOADS}" title="{L_DOWNLOADS}">{L_DOWNLOADS}</a></div>
<div class="menupunkt"><a href="./ucp.php?i=174">Einstellungen</a></div>
<div class="menupunkt"><a href="./ucp.php">Persönlicher Bereich</a></div>
<div class="menupunkt"><a href="{U_LOGIN_LOGOUT}">Abmelden</a></div>
</div>
</div>
</div>
Zitat:
<a href="#" onfocus="anzeigen('profil', true);"><div class="menu">Profil</div></a>
Crithack ist offline   Mit Zitat antworten
Alt 09.02.2011, 18:58  
Erfahrener Benutzer
 
Benutzerbild von litterauspirna
 
Registriert seit: 24.04.2008
Beiträge: 3.172
PHP-Kenntnisse:
Anfänger
litterauspirna sorgt für eine eindrucksvolle Atmosphärelitterauspirna sorgt für eine eindrucksvolle Atmosphäre
litterauspirna eine Nachricht über ICQ schicken
Standard

Das HTML sieht gar grauenhaft aus, macht keine Freude den code zu lesen.

Desweiteren solltest du keine Eventhandler als Attribute in HTML Tags schreiben. Entweder du verwendest einen Evenlistener, oder machst in einer window.onload Function.

Ok zum wesentlichen. Du musst einen DIV einblenden nachen einem Event und in diesem ist dann drin was du brauchst. Ich mache das bei mir so (hat aber auch noch seine Macken) das, dass was das tranzparente darstellt ja der Rahmencontainer ist als komplett neuen Knoten im DOM erzeuge. So wenn ich dann Formulare oder weiß der Geier was rein laden will hole ich dir mir mit einem AJAX Request. So kann ich das flexibel nutzen. Es geht ganz sicher auch noch anders, ich bin das auch grad am ausfrickeln, weil mir das mit Ajax so auch nicht gefällt.

Über das target musst du dich dann durch das ganze Gebilde durchblubbern. Das heißt das oberste Parent ist der Container der für das tranzparente abdunkeln verantwortlich ist. Und wenn genau in dem und nur in dem, also nicht in einem seiner Kinder ein Klick passiert, dann schliest du das ganze Ding.

Ich hoffe das hilft dir ein wenig weiter.

Gruß Litter
__________________
Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir.
http://www.lit-web.de
litterauspirna ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Alternative zu Ticks zwutz PHP-Fortgeschrittene 9 16.10.2010 04:17
Suche Alternative für jQuery prettyPhoto plugIn halskrause JavaScript, Ajax und mehr 0 29.01.2010 02:00
alternative fehlermeldung für unterschiedliche verzeichnisse taurus Server, Hosting und Workstations 5 07.12.2009 15:57
Alternative zu file_get_contents() Hannibal PHP Tipps 2009 5 19.09.2009 14:20
checkbox onchange in IE 7 wie onblur drsoong HTML, Usability und Barrierefreiheit 1 13.01.2009 14:02
$_GET alternative fuer URL paramenter chris2009 PHP-Fortgeschrittene 5 23.11.2008 18:12
alternative zu Frames Verion1 PHP Tipps 2006 6 09.10.2006 21:06
Alternative zu Include PHP Tipps 2005-2 11 13.10.2005 14:13
Alternative IF-Syntax Chr!s PHP Tipps 2005-2 5 16.09.2005 18:10
Tracker - Alternative falls der User JS deaktiviert hat? Chr!s PHP Tipps 2005-2 6 27.07.2005 19:51
Alternative zu simplexml Buhmann Beitragsarchiv 6 17.05.2005 16:10
[Erledigt] Alternative zu Frameset HTML, Usability und Barrierefreiheit 16 13.05.2005 20:18
Alternative für imap_fetchstructure() themonk PHP Tipps 2005 11 23.03.2005 15:00
Alternative Validator Icons El Barto HTML, Usability und Barrierefreiheit 6 14.01.2005 19:09
Alternative Weiterleitung ohne Header? imported_dex PHP Tipps 2004 2 05.11.2004 10:47

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
onblur alternative, onblur einblenden, div onblur alternative, php onblur, sobald <div> funktioniert onblur nicht, rahmen weg bei mausklick onblur

Alle Zeitangaben in WEZ +2. Es ist jetzt 09:13 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum