[js/css] Onmouseover moet de achtergrond veranderen

[Verwijderd]

Voor school ben ik bezig met een site, ik moet alleen met een mouseover op een bepaald woord de achtergrond van een <td> veranderen. Ik heb vanalles bij de mouse over geprobeerd, maar het lukt niet. Wie weet hoe het moet, hieronder de code.

"HTML"

<td height="418" width="623" valign="top" class="informatie1">
<div style="overflow: scroll; overflow-x : hidden; margin-top: 10px; margin-left : 0px; margin-right: 200px; height: 350px;">
<div align="justify" class="tekst">
Lorem ipsum dolor sit amet, consectetuer adipiscing. <a href="#" ONMOUSEOVER="???">Etiam</a>
</div>
</div>
</td>


"CSS"


td.informatie1 {
background-image: url(../images/home4.gif);
color:000000;
}

td.informatie2 {
background-image: url(../images/home41.gif);
color:000000;
}

[ReseTTim]

http://www.groan-zone.net/jscript/mouseover.html

ffies googlen

[ Voor 23% gewijzigd door ReseTTim op 31-10-2006 10:33 ]

[Verwijderd]

Dit snap ik dus wel, maar het probleem is dat ik niet weet hoe het moet en of het kan op de "class" van de "td" te wijzigen met een mouseover die in het tekstveld staat. Vooral omdat ervoor nog 2 div's staan.

[Janoz]

Dit heeft helemaal niks met java te maken. Dit heb ik dan ook uit je titel gehaald. Waar jij mee bezig bent heet javascript.

Je zult in je dom tree op zoek moeten naar het juiste element. Als je bij de onmousover een functie aanroept die je als parameter 'this' meegeeft dan heb je een referentie naar het A object. Je kunt dan wel middels de get parrent achtige methoden op zoek gaan naar de div die er omheen staat.

Aangezien dit geen programmeer probleem, maar een clientside html scripting probleem is verplaats ik hem naar web.

[Verwijderd]

Okee sorry, verkeerd geplaats. Maar ik kom er zelf echt nog niet uit, ook met google of de zoekfunctie niet. Hoop dat iemand het weet!

[TeeDee]

Wat heb je dan allemaal zelf geprobeerd?
Een td heeft geen :hover element in IE6. Maar daar heb je denk ik geen last van

Wat zegt Google hier allemaal over?

Grote prutser schreef op dinsdag 31 oktober 2006 @ 11:11:
Dit is idd best makkelijk te vinden hoor... Maar vooruit:

Hmm, is dat nou wel zo hendig? Zo leert TS er niet van.

Om Grote Prutser aan te vullen:
Je zou beter het :hover element aan je TD/TR kunnen koppelen. IE6 snapt dit niet, maar daar staat het e.e.a. over beschreven

[ Voor 49% gewijzigd door TeeDee op 31-10-2006 11:18 ]

[user109731]

Dit is idd best makkelijk te vinden hoor... Maar vooruit:

JavaScript:

function changeTableClass(a) {
  // a -> div1 -> div2 -> td
  var td = a.parentNode.parentNode.parentNode;
  td.className = 'informatie2';
}

In je HTML:

HTML:

<a href="#" onMouseOver="changeTableClass(this)">click</a>

En ik zou hier zelf geen hyperlink voor misbruiken

Hmm, is dat nou wel zo hendig? Zo leert TS er niet van.

Mja sorry, daar heb je wel gelijk in. Ik zal de volgende keer enkel wat hints posten
En hij wil de achtergrond laten vervangen als je over dat ene woord gaat. Aangezien CSS geen parent selectors heeft, heb je hier JS voor nodig.

[ Voor 33% gewijzigd door user109731 op 31-10-2006 11:24 ]

[André]

Het veranderen van een class met javascript is reeeetetraag, dan kun je beter de betreffende stijlen aanpassen

[TheLunatic]

Andre, zou je daar wat meer over kunnen zeggen? Ik werk nu ook met een onMouseOver en een class-verandering voor een highlight in een table, maar in IE is dat idd erg traag. In Fx valt het mee overigens. Maar jij hebt schijnbaar een methode om het in IE ook snel te krijgen?

[Verwijderd]

Bedankt! Het werkt Ben zelf echt 4 uur ermee bezig geweest, en snap iig hoe dit werkt nu! Ik ga nog verder proberen wat ik precies wil. Maar dat moet zeker lukken hiermee! Bedankt!

[TeeDee]

Verwijderd schreef op dinsdag 31 oktober 2006 @ 12:12:
Bedankt! Het werkt Ben zelf echt 4 uur ermee bezig geweest, en snap iig hoe dit werkt nu! Ik ga nog verder proberen wat ik precies wil. Maar dat moet zeker lukken hiermee! Bedankt!

En hoe heb je het nu gedaan?

[BtM909]

TheLunatic schreef op dinsdag 31 oktober 2006 @ 11:26:
Andre, zou je daar wat meer over kunnen zeggen? Ik werk nu ook met een onMouseOver en een class-verandering voor een highlight in een table, maar in IE is dat idd erg traag. In Fx valt het mee overigens. Maar jij hebt schijnbaar een methode om het in IE ook snel te krijgen?

http://www.quirksmode.org/dom/classchange.html

[Verwijderd]

Ik heb nu de code van "Grote Prutser" gebruikt, alleen had ik meerdere mouseovers, dus ik heb een aantal extra functions erbij gemaakt.

Verder kan ik nu zelf wat proberen met if en else, maar dat ga ik uitzoeken of het me lukt! Want allerlei functions is ook niet handig.