nicht angemeldet
Funktion zum leeren einer Tabelle
Ich bin auf der suche nach einer Funktion die die Tabellenzellen leert ohne die Seite neu zu laden. Kann mir jmnd helfen? Danke im Voraus.
<HTML>
<HEAD><TITLE>Tic Tac Toe</TITLE>
<STYLE>
table, td {font size: 50px; text-align:center;}
table {border-collapse: collapse;}
td {width:100px;height:100px;border:5px solid red;}
</STYLE>
<SCRIPT language="javascript">
var q=false;
e=0;
function klick (nr){
q=(!q);
var x=q?"X":"O"
var c=document.getElementById(nr).firstChild.nodeValue;
if(c==" ")
document.getElementById(nr).firstChild.nodeValue=x;
else
{
alert("Bitte nur in ein leeres Feld klicken!");
q=(!q);
}
}
function reset(){ // hier sollte die Funktion stehen
}
</SCRIPT>
</HEAD>
<BODY bgcolor="black"><H1><FONT color=00FF00>Tic Tac Toe mit Javascript</font></H1>
<TABLE bgcolor="yellow">
<TR><TD id="1" onClick="klick(id);"> </TD><TD id="2" onClick="klick(id);"> </TD><TD id="3" onClick="klick(id);"> </TD></TR>
<TR><TD id="4" onClick="klick(id);"> </TD><TD id="5" onClick="klick(id);"> </TD><TD id="6" onClick="klick(id);"> </TD></TR>
<TR><TD id="7" onClick="klick(id);"> </TD><TD id="8" onClick="klick(id);"> </TD><TD id="9" onClick="klick(id);"> </TD></TR>
</TABLE>
<BUTTON onClick="reset()">Reset</BUTTON>
</BODY>
</HTML>
-
function reset(){ // hier sollte die Funktion stehen
var tds=document.getElementsByTagName('td'), td=0, i=0;
while ((td=tds[i++])) {
td.firstChild.nodeValue=' ';
}}
Gruß, LX
--
RFC 5984, Satz 7 (Security Considerations) (...) Terroristische Organisationen könnten die "Schlechte Nachrichten verbreiten sich schneller"-Schwachstelle aus RFC 1216 ausnutzen.-
function reset(){ // hier sollte die Funktion stehen
var tds=document.getElementsByTagName('td'), td=0, i=0;
while ((td=tds[i++])) {
td.firstChild.nodeValue=' ';
}
}Gruß, LX
Vielen Dank ;)
-
Grüße,
und tabellenlayout druf :]
MFG
bleicher
-
-
