Javascript og td class

Den property du leder efter hedder "className".

<td class="off" onclick="this.className = 'on'">test</td>

windcape > Ja det lyder sådan. Men det skal ikke ske ved klik på td tagget.. Det er en javascript funktion og i den skal den ændre det. Altså noget med document.getElementById, kan du hjælpe?

Ja, du skal jo finde det korrekt DOM Objekt du ønsker at ændre på.

Hvis du vil gøre det per id, skal du jo give din TD et id. Ellers skal du have et ID på et parent-element og så iterate over dens child-elements.

Det er sådan lidt op til dig selv hvordan du vil gøre det.

Hvis du skal have hjælp med det, skal du være meget mere specific i dit spørgsmål.

windcape > Man kunne også sagtens bruge dit eksempel.. Men lad os sige jeg har 3 td tags med din kode.. Så vil jeg jo gerne have at når jeg går fra en fane til en anden fane, at de andre går tilbage til class="off", kan du følge mig?

Nu et mit javascript lidt rusten, men noget i stil med dette her:

function switchTab(tabElm)
{
    var tr = tabElm.parentNode;
    for(int i=0;i<tr.childNodes.length;i++)
    {
        tr.childNodes[i].className = 'off';
    }
   
    tabElm.className = 'on',
}

og så

<tr>
  <td class="off" onclick="switchTab(this)">Tab 1</td>
  <td class="off" onclick="switchTab(this)">Tab 2</td>
  <td class="off" onclick="switchTab(this)">Tab 3</td>
</tr>

Dog skal du bemærke at parentNode afhænger af om der er whitespace eller i i Mozilla baserede browserer.

Du skal have fat i jQuery eller lign. for at kunne hånterer dette her ordenligt.

Skulle det ikke på onmouseover og onmouseout i stedet:
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">DATA</td>
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">DATA</td>
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">DATA</td>

Det afhænger vel af hvad der skal foregå :)

Personligt ville jeg benytte extjs til at sætte op tabs.

windcape > Jeg fandt ud af det med din hjælp. Jeg takker mange gange, smid et svar og du får points :)

hookay

<ole>

- men skift af CSS-klasse performer meget ofte helt elendigt, hvorfor Microsoft da også fraråder dén teknik. Skift i stedet de enkelte style properties på elementet.

Brug evt. sidste eksempel i:
    http://www.eksperten.dk/guide/227

/mvh
</bole>