Toon posts:

[CSS] this.that???

Pagina: 1
Acties:

Verwijderd

Topicstarter
probleempje:

Ik heb een button wat uit 3 tabelcolommen bestaat.
zodra ik met m'n muis over elk van de kolommen ga. wil ik een andere style toepassen (hierdoor kun je bv. de indruk wekken dat de kolom ingedrukt wordt)
Nu weet ik dat je de style van een huidige tabelcell kan wijzigen met
code:
1
onmouseover="this.className='presscell'" onmouseout="this.className='unpresscell'"

Maar hoe kun je de overige 2 cellen ook van class veranderen??

  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 21:00
'this' vervangen door:

document.all.naamvanhetelement

:)

  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 21:00
Oja dit kan ook in nieuwere browsers:

document.getElementById

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 18:23

Pelle

🚴‍♂️

Op vrijdag 21 december 2001 13:47 schreef dennisdotcom het volgende:
document.all
document.getElementById
Als je er eentje wilt gebruiken, dan die laatste. Mooier is om ze allebei te verwerken.
Schrijf even een functietje dat dit voor je doet:
code:
1
2
3
4
function getObject(objName) {
    if (document.getElementById) return document.getElementById(objName);
    elseif (document.all) return document.all[objName];
}

En dat roep je dan zo aan:
code:
1
onMouseOver="getObject('tabelcel').className='blah';"

Verwijderd

Topicstarter
Bedoel je zoiets als dit?? ;)
code:
1
<td ID='left' onmouseover="document.all.left.className = 'cellbutleft'" >

  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 21:00
Op vrijdag 21 december 2001 13:52 schreef Pelle een duidelijk stuk code!
Wat ben jij toch goed hè :)

Verwijderd

Topicstarter
Het werkt perfect!

Bedankt! :)
Pagina: 1