nicht angemeldet
Ich habe mir für meine Website einen Kalender gebastelt, der aus ein paar Tabellen besteht. Oben soll ein Bild sein, dann untendrunter der Monat und das Jahr und ganz unten die Tage (die Anzahl der Tage je nach Monat).
Alles habe ich soweit hinbekommen, aber ich würde jetzt noch gerne das Ganze so haben, dass die Tageszahl mit einem farbigen Hintergrund hinterlegt ist.
Doch wie mache ich das?
Ich habe es bereits mit
document.getElementById("tabelle").style.color: green;
probiert. Zuvor hatte ich der Tabelle mit den Zahlen noch die ID="tabelle" gegeben. Doch warum funktioniert das nicht?
Hier ist einmal der Quellcode, vielleicht habe ich ja auch nur einen Fehler geschrieben, den ich jetzt nicht mehr finden kann...
<html>
<head>
<title>Kalender</title>
<script type="text/javascript">
<!--
function aktuellerTag()
{
document.getElementById("tabelle").style.color: green;
}
//-->
</script>
</head>
<body OnLoad="aktuellerTag()">
<table widht="240px"; border="1"; bordercolor="black";>
<tr>
<td>
<table border="1"; bordercolor="green"; bgcolor="black"; width="100%";>
<tr>
<td><img src="Bild.jpg" alt="Bildbeschreibung"></td>
</tr>
</table>
<script type="text/javascript">
var aktuellesDatum = new Date();
var monat = aktuellesDatum.getMonth();
var tag = aktuellesDatum.getDate();
var jahr = aktuellesDatum.getFullYear();
var monate = monat+1;
document.write("<table border='1'; width='100%'; bordercolor='red'>");
document.write("<tr>");
document.write("<td><center>"+monate+"."+jahr+"</center></td>");
document.write("</tr>");
document.write("</table>");
</script>
<table border="1"; width="239px"; id="tabelle";>
<tr>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
<script type="text/javascript">
<!--
if(monat =="0")
{
document.write("<tr>");
document.write("<td>31</td>");
document.write("</tr>");
}
else if(monat =="2")
{
document.write("<tr>");
document.write("<td>31</td>");
document.write("</tr>");
}
else if(monat =="4")
{
document.write("<tr>");
document.write("<td>31</td>");
document.write("</tr>");
}
else if(monat =="6")
{
document.write("<tr>");
document.write("<td>31</td>");
document.write("</tr>");
}
else if(monat =="8")
{
document.write("<tr>");
document.write("<td>31</td>");
document.write("</tr>");
}
else if(monat =="10")
{
document.write("<tr>");
document.write("<td>31</td>");
document.write("</tr>");
}
//-->
</script>
</table>
</td>
</tr>
</table>
</body>
</html>
Wäre klasse, wenn mir jemand weiterhelfen könnte, ich habe heute schon sehr viel gegooglet und hier in Selfhtml gesucht, aber nichts gefunden :(
Gruß,
Pizzatoni
Auge