onmouseover + function
Peter
- javascript
hallo leute,
habe gerade angefangen in javascript zu programmieren und komme hier nicht weiter:
<html>
<head>
<script type="text/javascript">
function wText (ktext)
{
switch(ktext)
{
case "lb":
document.getElementById("Kurztext")+.write= ("Hallo DU!");
break;
case "leer":
document.getElementById("Kurztext")+ .write= ("Hallo");
break;
}
}
</script>
</head>
<body>
<table>
<tr>
<td onmouseover="javascript:wText('lb')" onmouseout="javascript:wText('leer')">
<img src="../Bilder/AW91.JPG" width="262" height="239" border="0" alt=""></td>
<td >
<p id="Kurztext"></p>
</td>
</tr>
</table>
</body>
</html>
also was ich machen will ist das wenn man mit der mause über das bild fährt die funktion wText aufgerufen wird und ihr der wert lb übergeben wird.
in der funktion soll überprüft werden welcher wert übergeben wurde.je nach wert soll im textfeld mit der id"Kurztext" ein Text ausgegeben werden.nur leider funktioniert es nicht.
hat einer ein tipp für mich?
ciao peter
Hallo Peter,
document.getElementById("Kurztext")+.write= ("Hallo DU!");
So klappt es:
document.getElementById("Kurztext").innerHTML= "Hallo DU!";
Ralf
super, danke dir
HAVE A NICE DAY ;)
Hi,
habe gerade angefangen in javascript zu programmieren
Dann solltest Du dir wohl besser gleich angewöhnen, daß ...
document.getElementById("Kurztext")+.write= ("Hallo DU!");
... man saubererweise vorher testet, ob der Browser das überhaupt kann (denn wie Du selfHTML ja entnehmen kannst, steht da bei getElementById etwas von JS Version 1.5 als Voraussetzung):
if(document.getElementById) {
(...)
document.getElementById("Kurztext").innerHTML="Hallo DU!";
(...)
}
Das läßt sich natürlich noch ausweiten, ob auch das Objekt "Kurztext" existiert, und dieses Objekt dann auch die Eigenschaft innerHTML besitzt (aber meistens reicht in *diesem* Fall obige Kurzform ;-)).
<td onmouseover="javascript:wText('lb')" onmouseout="javascript:wText
... "javascript:", weil Pseudoprotokoll, nur etwas in URLs zu suchen hat - wenn überhaupt.
Gruß, Cybaer