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
367
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
- 2082605
Törkeä eläinsuojelurikos Sonkajärvellä
Pohjois-Savossa Sonkajärvellä noin 40 kissaa ja reilut 10 koiraa on jouduttu lopettamaan kaltoinkohtelun vuoksi, kertoo471785Jotkut ihmiset pelkäävät syöpää sairastavaa
On hauskaa, kun kertoo jollekin, että "minulla on syöpä". Jotkut käyttäytyvät kuin se olisi tarttuva tauti. Eivät uskall1461387Lavrov suivaantui Stubbille perustellusti.
Lavrov perusteli suivaantumistaan tosiasioilla Suomen tarinasta sotiemme jälkeen, tutkija Tynkkynen ja pankkihenkilö Sol3401290Sukupuolia on vain kaksi- kohukassista tuli kova tuomio perheenisälle oikeudessa.
https://www.iltalehti.fi/kotimaa/a/4d4db0d9-4dda-4ba6-a699-25d725683ad6 Miten näin normaalista kassissa olevasta tekstis3451244Kääminsä polttanut taksi suomussalmella
Vieläkö sillä hermonsa menettäneellä hulluja ylinopeuksia ajavalla asiakkaansa haukkuvalla( jos ajat paska kyydin hänen251166Se ei ihan oikeasti vaatisi kuin yhden
Tekstiviestin... Jos rakastat minua vielä toivoisin että laittaisit minulle viestiä. Rakastatko? Oletko oikeasti niin pe571103Eronnut Janni Hussi palaa julkisuuteen - Aloittaa uudessa työssä, joka on aivan uusi pesti Suomessa
Janni Hussi on saanut viime aikoina kohujulkisuutta, kun hänen ja Joel Harkimon avioliitto päättyi eroon kesällä 2025. H131002- 55976
Jorma Uotinen avaa sanaisen arkkunsa TTK-miesparista ja koko uudistuksesta: "Sehän on..."
Tanssii Tähtien Kanssa -parketilla nähdään ensimmäistä kertaa Suomessa tanssiparina miespari kauden alusta asti. Mikko S21883