Datenschutzerklärung

OnMouseover

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

OnMouseover

  Beitrag schreiben
Autor
Beitrag Seiten: 1
Geronimo
Gast



Hallo.
Folgendes Problem habe ich:
Zwei Bilder stehen DIEREKT OHNE ABSTAND nebeneinander (Bild1 und Bild2). Wenn ich mit der Maus über die Rändern von Bild1 hinausfahre, soll ein alertFenster aufgerufen werden.

Wenn ich aber von Bild1 nach Bild2 Fahre soll KEIN alertFenster aufgerufen werden.

Ist das möglich mit onmouseout oder onmouseover? oder vlt. mit onmousemove?
Bitte helft mir!


06.12.2007 14:48:16
  Zitieren
Maltschick
Mitglied

Registriert: 06.12.2007
Beiträge: 2
Rufe die Alertbox mit setInterval() mit einer zeitlichen Verzögerung (z.B. 200ms) per onmouseout  auf. Mit onmouseover auf Bild2 rufst du ein clearInterval des Aufrufes der alertbox auf. Das wars. Nun erscheint nach 200ms entweder die alertbox oder du hast Zeit den Mauszeiger auf Bild zwei zu bewegen um den Aufruf abzublasen.

06.12.2007 15:29:46
  Zitieren
Geronimo
Gast



Ich habe echt noch nicht viel Ahnng..

Wohin schriebe ich denn diese setInterval() bzw. clear... hin?


06.12.2007 15:47:39
  Zitieren
Geronimo
Gast



kann mir den keiner helfen :( ?

Wo hin gehört dieses setInterval()?


06.12.2007 18:18:14
  Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
Hi,

Code:

<img src="bild1" onmouseout="x=setTimeout('alert(\'hallo\'), 200">
<img src="bild2" onmouseover="clearTimeout(x)">



_______________________________________
mfg
Thomas Mell

www.validome.org

06.12.2007 18:55:49
  Zitieren
Geronimo
Gast



Hey, danke für die Hilfe aber..

es funktioniert nicht ganz.

<img src="bild1" onmouseout="x=setTimeout('alert(\'hallo\'), 200">

das "  '  " vor alert und " \ " gehören doch weg oder?
.. naja mit oder ohne die Zeichen, es funktioniert nicht: Kein Alertfenster wird angezeigt... :-(


06.12.2007 20:52:39
  Zitieren
Geronimo
Gast



Also hab mich informiert und es mit Methoden mal versucht:

<html><head>
<script type="text/javascript">
function x () {
a=window.setTimeout("alert('hallo')", 1000);
}
function y () {
window.clearTimeout(a)
}
</script>
</head>
<body>
<img src="Bild1" onmouseout="x ()">
<img src="Bild2" onmouseover="y ()">
</body>
</html>

Es funktioniert aber nicht...
Doch wenn ich anstatt <img src="Bild1" ONMOUSEOUT="x ()">   
Dieses eingebe:
<input type="button" value="Klick" ONCLICK="x ()">
dann funktioniert es.
also kann es nicht an den Funktionen liegen...

wo ist aber dann der fehler? ich brauche es nämlich mit onmouseout ...


06.12.2007 22:49:08
  Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
Hi,
so funktioniert es.

Code:

<img src="bild1" onmouseout="x=setTimeout('alert(\'hallo\')', 200)">
<img src="bild2" onmouseover="clearTimeout(x)">



_______________________________________
mfg
Thomas Mell

www.validome.org

07.12.2007 00:09:10
  Zitieren
Maltschick
Mitglied

Registriert: 06.12.2007
Beiträge: 2
Ach, setTimeout & clearTimeout! Man sollte nicht völlig übermüdet in Foren schreiben, kommt nur Quatsch rum :-) KA wie ich auf den Intervall kam.

07.12.2007 19:31:10
  Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01