onmouseover mit der write-Methode von Thomas Dose, 16.03.2004 00:05

onmouseover mit der write-Methode

Thomas Dose 16.03.2004 00:05

javascript

Ich habe folgenden code geschrieben.
Eine Tabelle wird generiert. Die einzelnen Zellen bekommen eine id. Beim Überfahren mit der Maus soll jede Zelle ihre Farbe ändern.
Die Zuordnung der id funktioniert, was ich mit der alert-Funktion überprüft habe. Der Aufruf der Funktion "Markieren" funktioniert aber überhaupt nicht.
Wer kann helfen?

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

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

<!--

function LadenMZ() {

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

document.write('<tr>');
 document.write('<td id = "Zelle110" onmouseover = "Markieren(1,10)" onmouseout = "Normalisieren(1,10)" onclick = "Aktivitaet(1,10)">Z110</td>');
 document.write('<td id = "Zelle111" onmouseover = "Markieren(1,11)" onmouseout = "Normalisieren(1,11)" onclick = "Aktivitaet(1,11)">Z111</td>');
 document.write('<td id = "Zelle112" onmouseover = "Markieren(1,12)" onmouseout = "Normalisieren(1,12)" onclick = "Aktivitaet(1,12)">Z112</td>');
 document.write('<td id = "Zelle113" onmouseover = "Markieren(1,13)" onmouseout = "Normalisieren(1,13)" onclick = "Aktivitaet(1,13)">Z113</td>');
 document.write('<td id = "Zelle114" onmouseover = "Markieren(1,14)" onmouseout = "Normalisieren(1,14)" onclick = "Aktivitaet(1,14)">Z114</td>');
 document.write('</tr>');

document.write('<tr>');
 document.write('<td id = "Zelle210" onmouseover = "Markieren(2,10)" onmouseout = "Normalisieren(2,10)" onclick = "Aktivitaet(2,10)">Z210</td>');
 document.write('<td id = "Zelle211" onmouseover = "Markieren(2,11)" onmouseout = "Normalisieren(2,11)" onclick = "Aktivitaet(2,11)">Z211</td>');
 document.write('<td id = "Zelle212" onmouseover = "Markieren(2,12)" onmouseout = "Normalisieren(2,12)" onclick = "Aktivitaet(2,12)">Z212</td>');
 document.write('<td id = "Zelle213" onmouseover = "Markieren(2,13)" onmouseout = "Normalisieren(2,13)" onclick = "Aktivitaet(2,13)">Z213</td>');
 document.write('<td id = "Zelle214" onmouseover = "Markieren(2,14)" onmouseout = "Normalisieren(2,14)" onclick = "Aktivitaet(2,14)">Z214</td>');
 document.write('</tr>');

document.write('<tr>');
 document.write('<td id = "Zelle310" onmouseover = "Markieren(3,10)" onmouseout = "Normalisieren(3,10)" onclick = "Aktivitaet(3,10)">Z310</td>');
 document.write('<td id = "Zelle311" onmouseover = "Markieren(3,11)" onmouseout = "Normalisieren(3,11)" onclick = "Aktivitaet(3,11)">Z311</td>');
 document.write('<td id = "Zelle312" onmouseover = "Markieren(3,12)" onmouseout = "Normalisieren(3,12)" onclick = "Aktivitaet(3,12)">Z312</td>');
 document.write('<td id = "Zelle313" onmouseover = "Markieren(3,13)" onmouseout = "Normalisieren(3,13)" onclick = "Aktivitaet(3,13)">Z313</td>');
 document.write('<td id = "Zelle314" onmouseover = "Markieren(3,14)" onmouseout = "Normalisieren(3,14)" onclick = "Aktivitaet(3,14)">Z314</td>');
 document.write('</tr>');

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

document.close();

var testtext = document.getElementById("Raster314").firstChild.nodeValue;
alert(testtext);

};

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

function Normalisieren(Zeile,Spalte)
{
document.getElementById("Zelle"+Zeile+Spalte).setAttribute('bgColor','#ffffff');
};

function Aktivitaet(Zeile,Spalte)
    {
    alert("Zeile: " + Zeile + " Spalte: " + Spalte);
    };

//-->
</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