nicht angemeldet
Vielen Dank!
Das was ich umsetzte muß leider auch im NN 4 gehen(
Hallo trueTom,
da habe ich eine Idee für Dich:
<html>
<head>
<title>Tabellen-Spiele</title>
<script language="JavaScript" type="text/javascript">
<!--
function wxlBgCol(id,farbe)
{
if (document.all)
document.all[id].style.backgroundColor=farbe;
else
if (document.getElementById)
document.getElementById(id).style.backgroundColor=farbe;
else
if (document.layers)
document.layers[id].bgColor=farbe;
}
function getText(id)
{
if (document.all)
{
alert(document.all[id].innerText);
if (document.all[id].innerText=='ganz neuer Text')
document.all[id].innerText='noch ein anderer Text';
else
document.all[id].innerText='ganz neuer Text';
}
else
if (document.getElementById)
alert(document.getElementById(id).innerText);
else
if (document.layers)
alert(document.layers[id].innerText);
}
//-->
</script>
</head>
<body>
<table border="1">
<tr>
<td id="Zelle1" style="position:relative" bgcolor="white">
Text der ersten Zelle
</td>
<td id="Zelle2" style="position:relative">
Text der zweiten Zelle
</td>
</tr>
<tr>
<td id="Zelle3" style="position:relative">
Text der dritten Zelle
</td>
<td id="Zelle4" style="position:relative">
Text der vierten Zelle
</td>
</tr>
</table>
<form action="" name="Daten" ID="Daten">
<input type="text" name="Feld1" ID="Feld1" style="position:relative;background-color:#FF7777"><br>
<input type="text" name="Feld2" ID="Feld2" style="position:relative"><br>
<input type="text" name="Feld3" ID="Feld3" style="position:relative"><br>
<input type="text" name="Feld4" ID="Feld4" style="position:relative"><br>
<input type="button" value="Zelle 1" size="10"onClick="getText('Zelle1')">
<input type="button" value="Zelle 2" onClick="getText('Zelle2')">
<input type="button" value="Zelle 3" onClick="getText('Zelle3')">
<input type="button" value="Zelle 4" onClick="getText('Zelle4')">
<br>
<input type="button" value="Farbe 1" onClick="wxlBgCol('Zelle1','#FF0000')">
<input type="button" value="Farbe 2" onClick="wxlBgCol('Zelle1','#00FF00')">
<input type="button" value="Farbe 3" onClick="wxlBgCol('Zelle1','#0000FF')">
<input type="button" value="Farbe 4" onClick="wxlBgCol('Zelle1','#777777')">
<br>
<input type="button" value="dies ist Feld 1" size="10" onClick="wxlBgCol('Feld1','#FF0000')">
<input type="button" value="Feld 2" size="10" onClick="wxlBgCol('Feld1','#00FF00')">
<input type="button" value="Feld 3" onClick="wxlBgCol('Feld1','#0000FF')">
<input type="button" value="Feld 4" onClick="wxlBgCol('Feld1','#777777')">
</form>
</body>
</html>
Tabellen gehen auch im NS-Browser. Dann musst die Felder eben in Tabellen setzen und ein cellpadding vereinbaren. Das müßte dann als farbiger Rand rings um das inputfeld erscheinen. So habe ich es jedenfalls gelöst.
Gruß
Tom (der einzig Echte)