onmouseover mit der write-Methode von Thomas Dose, 16.03.2004 23:30

onmouseover mit der write-Methode

Thomas Dose 16.03.2004 23:30

javascript

Hi Thomas

Funktioniert überhaupt kein Javascript Event ? Ich weiss jetzt nicht genau oba es mit deiner Methode möglich ist Events zu definieren, ich glaube dies geht nachträglich nur übers DOM, sieh mal hier nach:
http://selfhtml.teamone.de/dhtml/modelle/dom.htm

Du musst aber aufpassen, der Internet Explorer hat (wie immer) noch viele Probleme damit, zumal er einige nachträglich übers DOM eingebundene Events noch überhaupt nicht unterstützt.

freundliche Grüsse,
Daniel

Hallo!

Vielen Dank erst mal.

Ich habe den code in Anlehnung an deinen Tipp wie folgt geändert.
Funktioniert aber immer noch nicht.

Thomas

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Tabelle generieren</title>
<script type='text/javascript'>

<!--

function Markieren()
    {
    alert("TEST1");
    /*
    document.getElementById("Zelle"+Zeile+Spalte).setAttribute('bgColor','#ffff00');
    */
    }

function Normalisieren()
    {
    alert("TEST2");
    }

function Aktivitaet()
    {
    alert("TEST3");
    /*
    alert("Zeile: " + Zeile + " Spalte: " + Spalte);
    */
    }

function LadenMZ() {

document.write('<table border="1" cellpadding="5" cellspacing="0">');

document.write('<tr id = "Zeile1">');
 document.write('<td id = "Zelle110" width = 150>Z110</td>');
 document.write('<td id = "Zelle111" width = 150>Z111</td>');
 document.write('<td id = "Zelle112" width = 150>Z112</td>');
 document.write('<td id = "Zelle113" width = 150>Z113</td>');
 document.write('<td id = "Zelle114" width = 150>Z114</td>');
 document.write('</tr>');

document.write('<tr id = "Zeile2">');
 document.write('<td id = "Zelle210" width = 150>Z210</td>');
 document.write('<td id = "Zelle211" width = 150>Z211</td>');
 document.write('<td id = "Zelle212" width = 150>Z212</td>');
 document.write('<td id = "Zelle213" width = 150>Z213</td>');
 document.write('<td id = "Zelle214" width = 150>Z214</td>');
 document.write('</tr>');

document.write('<tr id = "Zeile3">');
 document.write('<td id = "Zelle310" width = 150>Z310</td>');
 document.write('<td id = "Zelle311" width = 150>Z311</td>');
 document.write('<td id = "Zelle312" width = 150>Z312</td>');
 document.write('<td id = "Zelle313" width = 150>Z313</td>');
 document.write('<td id = "Zelle314" width = 150>Z314</td>');
 document.write('</tr>');

document.write('</table>');

document.close();

var Zelle110 = document.getElementById("Zelle110");
    Zelle110.addEventListener("mouseover", Markieren, true);
    Zelle110.addEventListener("mouseout", Normalisieren, true);
    Zelle110.addEventListener("click", Aktivitaet, true);

}

//-->
</script>
</head>

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Thomas Dose: onmouseover mit der write-Methode

Beitrag lesen

onmouseover mit der write-Methode

onmouseover mit der write-Methode