Eli onko tällainen mahdollista:
Minulla on table, ja kun sen sisälle viedään hiiri, niin tulee näkyviin ruksi, jolla tablen voi piilottaa. Kun ruksin päälle vie hiiren, siihen tulee hover-kuva. Eikös tämän teoriassa pitäisi olla mahdollista? En vain millään saa sitä toimimaan -.-
Minulla on table, ja kun sen sisälle viedään hiiri, niin tulee näkyviin ruksi, jolla tablen voi piilottaa. Kun ruksin päälle vie hiiren, siihen tulee hover-kuva. Eikös tämän teoriassa pitäisi olla mahdollista? En vain millään saa sitä toimimaan -.-
Vastaukset 8
Vanhimmat
Molempiin, taulukkoon ja checkboxiin oma onMouseOver tapahtumankäsittelijä.
No itseasiassa se ruksi on kuva, mutta molemmissa on omat käsittelijät. Unohtui mainita.
Laitapa koodi esille niin on helpompi neuvoa. Muista poistaa < tagit tai lisätä niiden jälkeen väli.
< script language = "JavaScript" type="text/javascript" >
function Pyynto() {
if(document.images) {
document.ruksi.style.display = 'block'; } }
function PyyntoPois() {
if(document.images) {
document.ruksi.style.display = 'none'; } }
-->
< /script >
< table onmouseover="Pyynto()" onmouseout="PyyntoPois()" >
< tr >
< td >
< img src="rasti1.png" alt="ruksi" name="ruksi" style="display: none;" onmouseover="this.src=('rasti2.png')" onmouseout="this.src=('rasti1.png')" />
< /td >
< td >
Tekstiä...
< /td >
< /tr >
< /table >
Eli tuon ruksin onmouseover ei toimi.
Poista sulkumerkit niin ne toimivat.
onmouseover="this.src=('rasti2.png')" -> onmouseover="this.src='rasti2.png'"
Eipä tuo sulkeiden poisto vaikuttanut yhtään. Ei toimi, ei.
Kyllä sen pitäisi toimia, joten vika on jossain muualla. Eikö sulla ole selaimessa jotain debuggeria asennettuna, jotta voisit selvittää missä vika?
Kuvat kuitenkin tulevat näkyviin, sehän se alkuperäinen ongelma oli?
Taulukon piilottamiseen tarvitaan kuvaan onclick-tapahtumakäsittelijä.