PDA

Vollständige Version anzeigen : Tabellen background ändern


sureshotcila
10.04.2003, 21:08
hi,

ich möchte mit java script das background bild einer tabelle ändern. Wie ist das möglich?

Hier ist ein script und ich möchte je nach tages zeit einen anderen hintergrund für eine tabelle ändern. Muss ich das mit GetElementByID machen oder wie geht das?




datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour >19) display = "Abend";
else if (thehour >17) display = "Tag";
else if (thehour >13) display = "Nachmittag";
else if (thehour >12) display = "Mittag";
else if (thehour >10) display = "Tag";
else display = "Morgen";
var greeting = ("Guten " + display + "!");
document.write(greeting);




Bis jetzt gibt er halt nur text aus. kann mir das jemand erklären oder gleich den script erweitern/ändern?

vielen dank

sureshotcila
10.04.2003, 21:19
habs schon so geschafft:

document.getElementById('tableleft').background = '../Bilder/marcos.jpg';








====================================
nur wie setzte ich das nun zusammen???


[SCRIPT LANGUAGE="JavaScript">
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour >19) display = "../Bilder/marcos.jpg";
else if (thehour >17) display = "../Bilder/marcos_1.jpg";
else if (thehour >13) display = "../Bilder/marcos_2.jpg";
else if (thehour >12) display = "../Bilder/marcos_3.jpg";
else if (thehour >10) display = "../Bilder/marcos_4.jpg";
else display = "../Bilder/marcos_5.jpg";
var greeting = ("document.getElementById('tableleft').background = '" + display + "';");
document.write(greeting);
</script]

sureshotcila
10.04.2003, 21:54
jetzt hab ich sogar mal was (fast) selbst geschafft :D


[!--
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour >19) display = "../Bilder/marcos.jpg";
else if (thehour >17) display = "../Bilder/marcos_1.jpg";
else if (thehour >13) display = "../Bilder/marcos_2.jpg";
else if (thehour >12) display = "../Bilder/marcos_3.jpg";
else if (thehour >10) display = "../Bilder/marcos_4.jpg";
else display = "../Bilder/marcos_5.jpg";

document.write('[table background="');
document.write(display);
document.write('" height="400" style="border-style:solid; border-color:#000000; border-width:1px;" cellspacing="0" cellpadding="0" width="620" align="left" border="0" bgcolor="#c0c0c0"]');
//--]