[JavaScript] Dynamische naam voor elementen

[nrg]

Ej

Ik ben nu bezig met een javascriptje wat een hele row moet highlighten.
Daarvoor heb ik deze functie geschreven:

code:

function highlight(ID, lang) {
    var td1 = "td1" + lang + ID;
    var td2 = "td2" + lang + ID;
    var td3 = "td3" + lang + ID;

    td1.style.background = "#E5E5E5";
    td2.style.background = "#E5E5E5";
    td3.style.background = "#E5E5E5";
}

De tabel bestaat dus uit 3 kolommen, en de data van de tabel komt uit een database, met een variabel aantal rows.
De TD regel ziet er zo uit:

code:

<td width='400' id='td2$lang$ID' onmouseover='javascript:highlight(\"$ID\", \"$lang\");'>

Dit is binnen een PHP echo().

Echter, als ik dit gebeuren zo gebruik, krijg ik Javascript errors ('style' is null or not an object).
Als ik i.p.v. 'td1' een celnaam 'hard' neerzet (bijvoorbeeld 'td1en1') werkt het wel.

Hoe kan ik dit oplossen?

Alvast bedankt!

[ Voor 0% gewijzigd door nrg op 14-11-2002 19:36 . Reden: tikfoutje ]

[Verwijderd]

Zoek op document.getElementById()

Overigens is dit echt vreselijk inefficiënt scripten. Gebruik eerder het volgende:

<td onmouseover="blaat(this);">...</td>

JavaScript:

function blaat(obj) {
  obj.style.backgroundColor = '#e5e5e5';
}

Hoef je niet met id's te knoeien.

[Willem]

tip: zoek eens op 'document.getElementById'

edit:
moguh, iets te laat.. wel 2 zielen, 1 gedachte mijn waarde collega