[JAVASCRIPT] Class omwisselen mbv Javascript

[Verwijderd]

Hello ...

ik heb deze ( een stukje )

.class1{
}

.class2{
}


function omdraaien(myObject){
}


<td class='class1' onMouseOver=''omdraaien(this)">


Nu wil ik graag in de functie omdraaien dat ik de class verander op die td. Dus dat die td class2 gaat gebruiken op het moment dat ik met mijn muis op de TD kom.

Is dit trouwens wel mogelijk ?

[coubertin119]

Beetje moeilijker en eventueel ook mogelijk op een andere manier, maar

JavaScript:

onMouseOver="this.style.backgroundColor='#88bbaa'" onMouseOut="this.style.backgroundColor='#6699aa'"

waarbij je lekker klooit met al die dingen.

[ Voor 26% gewijzigd door coubertin119 op 26-03-2003 15:11 ]

[Verwijderd]

jah klopt .. haha ..

Maar ik dacht ...

ik maak gewoon 2 classes .... en ik switch die classes .... zo heb ik altidj controle op styles niveau ;-) ...

[crisp]

de class property kan je in js met className opvragen en wijzigen:

HTML:

<td class="class1" onMouseOver="this.className='class2'">

[ Voor 18% gewijzigd door crisp op 26-03-2003 15:14 ]

[coubertin119]

Op die manier kan ik als betrekkelijke n00b je niet helpen, als je enkel een background wil aanpassen volstaat dit, als je meer wil aanpassen en er komt een antwoord ga ik dit bookmarken .

*bookmarked , jij dakselse crisp.

[ Voor 10% gewijzigd door coubertin119 op 26-03-2003 15:15 ]

[Rickets]

crisp's antwoord, maar dan met een functie

HTML:

<td onmouseover="omdraaien( this, 'class2' );">

JavaScript:

function changeClass( element, myClass )
{
    element.className = myClass;
}

[ Voor 8% gewijzigd door Rickets op 26-03-2003 16:25 ]

[Verwijderd]

"className" .... dat was um .... thnx ...

[Pelle]

className is wat je zoekt ja, maar is wel heeeeeeeel traag als je het vergelijkt met direct style-properties aanpassen.

[Verwijderd]

ach hoe toch eigenlijk de bg te veranderen. Het gaat erom dat ik ni de color codes in de html hoef te proppen. Nu pas ik gewoon de class aan

[Verwijderd]

Rickets schreef op 26 maart 2003 @ 15:15:
crisp's antwoord, maar dan met een functie

HTML:

<td onmouseover="omdraaien( this, class2);">

JavaScript:

function changeClass( element, myClass )
{
    element.className = myClass;
}

HTML:

<td onmouseover="omdraaien( this, 'class2');">

Vergeet niet de className te 'stringen' anders is het een (niet bestaande) variabelenaam.
En bovendien...waarom JS? Met CSS2 kun je :hover op elk element gebruiken

code:

td { background:#F00; }
td:hover { background:#FF0; }

[ Voor 21% gewijzigd door Verwijderd op 26-03-2003 16:04 ]

[Rickets]

Verwijderd schreef op 26 March 2003 @ 16:02:
[...]

HTML:

<td onmouseover="omdraaien( this, 'class2');">

Vergeet niet de className te 'stringen' anders is het een (niet bestaande) variabelenaam.

Idd, foutje van mij. Ik weet dat je het moet stringen, maar er is wat fout gegaan blijkbaar

[ Voor 8% gewijzigd door Rickets op 26-03-2003 16:27 ]

[crisp]

Verwijderd schreef op 26 March 2003 @ 16:02:
[...]
En bovendien...waarom JS? Met CSS2 kun je :hover op elk element gebruiken
[...]

ja, jammer dat die IE-gebruikers er dan niet van kunnen genieten