Keskustelu: Nettisivujen teko: Koodi toimii vain Operalla

Mitenkähän alla olevan pätkän saisi toimimaan muillakin kuin Operan selaimilla.

<table>
<tr>
<td>
<input type="checkbox" style="border:1px solid black"
onMouseOver="style='border:2px outset red'";
onMouseOut="style='border:1px solid black'";>
</td>
</tr>
</table>

Laita this.style= ja voi toimia paremmin. Nyt et kerro selaimelle, minkä elementin tyyliä olet muuttamassa (Opera yrittää olla tässä "viisas" ja arvaa, että meinaat kyseistä elementtiä - missään dokumentissa ei vaan sanota, että näin pitäisi toimia).

Jep, nyt toimii ainakin IE7, Opera ja Mozilla ei heitä errorria, mutta ei näytä kyseistä tapahtumaa.

Vastaus lienee operaa & mozillaa varten getElementById? http://www.w3schools.com/htmldom/met_doc_getelementbyid.asp
Näin olen saanut toimimaan vastaavanlaisia systeemejä.

Tee functio, joka ottaa vastaan id ja uusi tyyli

<script type="text/javascript">
function changestyle(id, style){
var elem = document.getElementById(id)
elem.style=style
}
</script>

<input id="c" type="checkbox" style="border:1px solid black"
onMouseOver="changestyle('c', 'border:2px outset red')";
onMouseOut="changestyle('c', 'border:1px solid black')";>

Jou, jos edellä mainittua esimerkkiä tarkoitit niin sama jekku FireFoxin kanssa. Alkaa vaikuttamaan, että firefox estää tyylien käytön checkbox ruuduissa.

Vasta_alkaja kirjoitti:

Jou, jos edellä mainittua esimerkkiä tarkoitit niin sama jekku FireFoxin kanssa. Alkaa vaikuttamaan, että firefox estää tyylien käytön checkbox ruuduissa.

Juuri sen se tekee.

no sehän on kiva se.

Tarkennetaan sen verran, että Firefoxissa ei ole tukea borderille checkboxeissa. Esimerkiksi taustaväriä voi kyllä säädellä. (Pitää kyllä sen verran sanoa, että borderi checkboxeissa on jotain aivan tolkuttoman rumaa, kun näkee sivuja joilla sitä on IE:ssä viljelty.)