OnMouseOver mittels javascript ?

steinbruch

Grünschnabel
also ich hab jetzt den ganzen Tag herumgegoogelt und find keine Lösung :(

Ich habe mir mittels Javascript ein DropDownMenu erstellt (mit createElement und den Node-Funktionen).
Mein Letztes Problem ist nun, daß ich es nicht schaffe, meinen erstellten Div-Bereich mit einem MouseOver abzufragen. Muss das ganze aber in js abfragen, da ich mein Menue ausschließlich mit einer .js-Datei einbinden möchte.
Hab das Problem unter dieser URL Hochgeladen.
Code:
<head>
<script language="javascript">
<!--
function f_init(){
	document.getElementById("testID").mouseover=f_alarm('Javascript');
}
function f_alarm(daten){
	alert(daten);
}
--></script>
</head>
<body onLoad="f_init()">
 <table width="60%" border="1" align="center">
  <tr>
    <td style="background-color:black;color:white">
	<div id="testID">OnMouseOver-versuch mittels Javascript</div>
    </td>
    <td width="50%" style="background-color:green;color:white">
	<div OnMouseOver="javascript:f_alarm('mit HTML Funktionierts!')">
		OnMouseOver mittels HTML-Event-Handler
	</div>
    </td>
  </tr>
 </table>
</body>

weiß jemand, wie man das in JS macht?


thx, Stein
 
Hi,

um das zu realisieren musst Du ein Function-Objekt erstellen und dem onmouseover-Event
zuweisen.
Code:
document.getElementById("testID").onmouseover = new Function('funktion', "f_alarm('Javascript')");
Mehr Informationen dazu findest Du hier.

Ciao
Quaese
 
Hi Quaese!

vielen Dank für den Tip :) jetzt funktioniert die ganze Sache
(aber darauf wäre ich wohl nie gekommen)...

und hier nochmal der Code wie er Funktioniert
Code:
<head>
<script language="javascript">
<!--
function f_init(){
	document.getElementById("testID").onmouseover = new Function('funktion', "f_alarm('Javascript')");
}
function f_alarm(daten){
	alert(daten);
}
--></script>
</head>
<body onLoad="f_init()">
 <table width="60%" border="1" align="center">
  <tr>
    <td style="background-color:black;color:white">
	<div id="testID">OnMouseOver-versuch mittels Javascript</div>
    </td>
    <td width="50%" style="background-color:green;color:white">
	<div OnMouseOver="javascript:f_alarm('mit HTML Funktionierts!')">
		OnMouseOver mittels HTML-Event-Handler
	</div>
    </td>
  </tr>
 </table>
</body>

nochmals thx und greets,
Stein
 

Neue Beiträge

Zurück