Minulla on taulukko jonka rivien ekassa solussa on radio buttoneita. Millä tavalla pitäisi toteuttaa sellainen toiminto jossa radio buttonin valitsemalla taulukon kyseinen rivi värjäytyy? Siis tr-elementin taustavärin pitäisi aktivoitua klikkauksesta, ei submit-nappulan painalluksesta.
Värjäytyvä rivi formissa
Linda87
4
359
Vastaukset
- juhakorkeapudas
Jokaiseen radiobuttoniin oheinen koodi:
onClick="javascript:vaihda(x);"
x) vaihda järjestysnumero jokaisen rivin kohdalla.
HEAD-osioon oheinen js-koodi:
function toggle( n ){
var row = document.getElementById("rivi" n);
if ( row.style ) {
row.style.backgroundColor = ('red' == row.style.backgroundColor)?
'white' : 'red';
}
}
Jokaiseen taulun riviin yksilöllinen id (esim. id="rivi1", id="rivi2", jne).- Linda87
Kiitos, tuo toimii mainiosti. Ainoa vaan että siinä kun klikkaa radio buttonia ja klikkaa uudestaan jotain toista, tuo väritys jää edelliseen riviin. Pitäisi siis saada jonkinlainen "offClick"-toiminto. Onnistuisiko tämä jollain ehtolausekkella?
- juhakorkeapudas
Linda87 kirjoitti:
Kiitos, tuo toimii mainiosti. Ainoa vaan että siinä kun klikkaa radio buttonia ja klikkaa uudestaan jotain toista, tuo väritys jää edelliseen riviin. Pitäisi siis saada jonkinlainen "offClick"-toiminto. Onnistuisiko tämä jollain ehtolausekkella?
Lisää taulukon riveihin (tr) onmouseover ja onmouseout tapahtumakutsut.
< tr id="row1" onMouseOut="javascript:toggle(1);" onMouseOver="javascript:toggle(1);" >
Jokaisella rivillä on siis yksilöllinen numero. Nyt väri vaihtuu kun hiiri on rivin päällä ja palautuu kun hiiri viedään pois. Väri jää pysyväksi jos radiobuttoni on valittuna. - Linda87
juhakorkeapudas kirjoitti:
Lisää taulukon riveihin (tr) onmouseover ja onmouseout tapahtumakutsut.
< tr id="row1" onMouseOut="javascript:toggle(1);" onMouseOver="javascript:toggle(1);" >
Jokaisella rivillä on siis yksilöllinen numero. Nyt väri vaihtuu kun hiiri on rivin päällä ja palautuu kun hiiri viedään pois. Väri jää pysyväksi jos radiobuttoni on valittuna.Hei, kiitos ohjeista. Tein tuon nyt pelkästään sellaisena että rivi värjäytyy onMouseOverilla.
Haluaisin vielä tietää, onko mahdollista sellainen että rivin sijasta sarake värjäytyy kun sarakkeen ylimmän solun (tai minkä tahansa sarakkeen solun) päälle vetää hiiren? onMouseOver pitäisi siis saada kohdistumaan useampaan soluun kun vain yhden solun päälle vie hiiren.
Kiitän avusta!
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 406983
- 323948
- 453330
- 402939
- 172716
- 372238
- 162196
- 412143
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons482077- 402048