Avatar billede klid Nybegynder
02. november 2003 - 09:11 Der er 5 kommentarer

Skifte BG i <TD>

Styring af baggrundsfarven i tabelceller
Jeg har en stor tabel (en 10 års kalender!) hvor hver dag er repræsenteret med en tabelcelle.
Nu vil jeg gerne kunne mærke dage, fx den 2. nov hvert år, (fødselsdagen for scriptet) eller den 1. april hvert år (så man kan vare sig for at blive taget i r....).

Mærkningen skal ske ved at cellen skifter baggrundsfarve, så hver farve kan illustrere en form for events.

Mærkedagene ligger i et (stort) array, problemet er at få oplysningerne fra arrayet til tabelcellernes baggrundsfarve.

Altså noget i retningen af

hvis DAG[x]=2, så skal TDx være blå.
men hvis DAG[x]=1, så skal TDx være rød.

Altså hvordan styre man bagrundsfarven i JS - også så det virker i IEx og NSX Mozilla O osv.
Avatar billede roenving Novice
02. november 2003 - 11:19 #1
Der er ikke problemer med at styre baggrundsfarver i browser-versioner o.l., men det er et helvede at holde styr på en stor tabel !-)

document.getElementById('tdId').style.backgroundColor = 'red'
Avatar billede klid Nybegynder
03. november 2003 - 20:26 #2
Hmm - ja jeg får meddelsen
Error: document.getElementById("tdId") has no properties
Det er jo nok netop en enkelt celle der ikke er der eller har fået et forkert navn.

skal jeg bruge id name eller class til at identificere de enkelte TD'ere?
Avatar billede roenving Novice
03. november 2003 - 23:43 #3
<td id="tdId">
Avatar billede smirnoff Nybegynder
05. november 2003 - 12:20 #4
Yep ... det er vigtigt at der er et ID du sætter ... (så længe vi taler om at det skal virke i de gængse browsere).

Grunden til jeg siger det er at Exploderen faktisk opfatter document.getElementBiId("x") ganske fint selvom elementet kun har en name-attribut.

f.eks:

<TD name="x">

- hvor det i mozilla og andre glimrende browsere vil returnere null.

...bare lige en bemærkning til hjælp ;)
Avatar billede klid Nybegynder
18. marts 2004 - 08:25 #5
lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester