onMouseOut funktion klappt nicht

17.02.2011, 12:35

Hi,

ich möchte ein Div ein und wieder ausblenden lassen.
Das Einblenden klappt super. per onMouseOver.
Das onMouseOut wird aber irgendwie ignoriert.

PHP-Code:

  <script type="text/JavaScript">
function zeigen (was)
{
  var div = document.getElementById(was);
    if(div!=null)
    {       div.style.visibility = 'visible';
    }
    else
    {       div.style.display = 'none';
    }  
}
</script>

<div id="bla" style="visibility: hidden">bla</div>
<a href="#" onMouseOver="zeigen('bla');" onMouseOut="zeigen('');">text</a>

in der else Schleife habe ich natürlich auch schon ... versucht.
div.style.visibility = 'hidden';

Leider auch kein Erfolg.
Wo mache ich denn was falsch?
Danke

P.s.

Ein alert ala

Code:

	else
	{       alert( 'drin' );
			div.style.display = 'none';
	}

Das klappt. Ich komme also rein. Somit habe ich warscheinlich nur den falschen Befehl.
Nur wie müßte dieser für das ausblenden lauten ?

nikosch · 17.02.2011, 12:44

Tja, wenn Du kein div selektierst, kannst Du ihm wohl schlecht eine Eigenschaft zuweisen.

18.02.2011, 00:59

Das war schon mal ein ganz brauchbarer Hinweis.

Ich hab das alles jetzt nochmal umgebaut und klappt jetzt erfreucherweise fast perfekt.

Code:

<script type="text/javascript">
	var KAT = {
		kat : null,
		show : function (id) {
			var obj = document.getElementById(id);
			KAT.kat = obj;
			obj.style.display = "block";
		},
	
		hide : function () {
			KAT.kat.style.display = "none";
			KAT.kat = null;
		}
	};
</script>

PHP-Code:

  <div id="tooltip1">T E S T</div>

Problem dabei ist, das beim Seiteneintritt das DIV erstmal sichtbar ist.
Wenn ich dann mouseover und dann wieder raus gehe, dann ist es tatsächlich weg.

In den JS Dokus finde ich aber kein Beispiel was ich erfolgreich anwenden kann, was das DIV beim Seiteneintritt versteckt.

ChrisB · 18.02.2011, 01:03

Zitat:

Zitat von noop

In den JS Dokus finde ich aber kein Beispiel was ich erfolgreich anwenden kann, was das DIV beim Seiteneintritt versteckt.

Stichworte: load-Event, DOMReady

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] Funktionsberechtigungne, Rollen und Vererbung von Rechten	Geryon	Software-Design	37	02.11.2010 23:08
[Erledigt] "unset" einer globalen Variablen in einer Funktion	jwka61	PHP Tipps 2010	28	05.10.2010 00:27
[Erledigt] Funktion - weiss die, wer sie aufgerufen hat?	jwka61	PHP Tipps 2010	7	26.09.2010 16:46
Parameter an weiter Funktion übergeben	thiagojonas	JavaScript, Ajax und mehr	2	26.07.2010 22:48
Rekursive Funktion bricht ab...	duras666	PHP Tipps 2008	9	28.04.2008 11:36
variable in funktion	JanM	PHP Tipps 2006	2	23.07.2006 20:06
Funktion macht Probleme	mokus	PHP Tipps 2006	19	20.06.2006 03:16
Komplexe Funktion: +Übersichtlichkeit, -Performance	Jacks Rache	PHP Tipps 2006	3	07.06.2006 14:22
Funktion in einer Funktion aufrufen?		PHP Tipps 2005-2	11	14.06.2005 15:14
Problem mit einer rekursiven Funktion in einer Klasse	ajo_silent	PHP-Fortgeschrittene	6	13.06.2005 16:40
[Erledigt] Array-Übergabe in Funktion		PHP Tipps 2005	1	08.05.2005 21:05
funktion in klasse ruft funktion in anderer klasse auf	phpfortgeschrittener	PHP Tipps 2005	6	17.04.2005 17:47
[Erledigt] Kein Ausführen der Funktion		PHP Tipps 2005	2	27.03.2005 16:56
sql anfrage in funktion	greenrover	PHP Tipps 2004-2	4	10.11.2004 14:58
[Erledigt] sql syntax error in funktion, kann aber nix finden :(		PHP Tipps 2004	10	20.07.2004 19:19

17.02.2011, 12:35
noop Gast Beiträge: n/a	onMouseOut funktion klappt nicht Hi, ich möchte ein Div ein und wieder ausblenden lassen. Das Einblenden klappt super. per onMouseOver. Das onMouseOut wird aber irgendwie ignoriert. PHP-Code: `<script type="text/JavaScript"> function zeigen (was) { var div = document.getElementById(was); if(div!=null) { div.style.visibility = 'visible'; } else { div.style.display = 'none'; } } </script> <div id="bla" style="visibility: hidden">bla</div> <a href="#" onMouseOver="zeigen('bla');" onMouseOut="zeigen('');">text</a>` in der else Schleife habe ich natürlich auch schon ... versucht. div.style.visibility = 'hidden'; Leider auch kein Erfolg. Wo mache ich denn was falsch? Danke P.s. Ein alert ala Code: else { alert( 'drin' ); div.style.display = 'none'; } Das klappt. Ich komme also rein. Somit habe ich warscheinlich nur den falschen Befehl. Nur wie müßte dieser für das ausblenden lauten ? Geändert von noop (17.02.2011 um 12:38 Uhr).


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

17.02.2011, 12:44
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Tja, wenn Du kein div selektierst, kannst Du ihm wohl schlecht eine Eigenschaft zuweisen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

18.02.2011, 00:59
noop Gast Beiträge: n/a	Das war schon mal ein ganz brauchbarer Hinweis. Ich hab das alles jetzt nochmal umgebaut und klappt jetzt erfreucherweise fast perfekt. Code: <script type="text/javascript"> var KAT = { kat : null, show : function (id) { var obj = document.getElementById(id); KAT.kat = obj; obj.style.display = "block"; }, hide : function () { KAT.kat.style.display = "none"; KAT.kat = null; } }; </script> PHP-Code: `<div id="tooltip1">T E S T</div>` Problem dabei ist, das beim Seiteneintritt das DIV erstmal sichtbar ist. Wenn ich dann mouseover und dann wieder raus gehe, dann ist es tatsächlich weg. In den JS Dokus finde ich aber kein Beispiel was ich erfolgreich anwenden kann, was das DIV beim Seiteneintritt versteckt.