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
365
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
Ikävä sinua
Onkohan sulla ollut sama tunne kuin mulla viimeisten parin päivän aikana, eilen varsinkin. Ollaan oltu ihan lähellä ja k273343- 402197
Otavassa tapahtuu!
Rakennuspalo, yläkerta tulessa. Henkirikosta epäillään. Tiettyä henkilöautoa etsitään, minkä mahdollinen epäilty ottanut352148Tulemmeko hyvin
Toimeen ja juttuun keskenämme? Luulen, että sopisit hyvin siihen ☀️ympäristöön, paljon kaikkea erilaista.♥️mietin tätä s71887Tiedän kuka sinä noista olet
Lucky for you, olen rakastunut sinuun joten en reagoi negatiivisesti. Voit kertoa kavereillesi että kyl vaan, rakkautta421518- 381329
- 1251222
Pitkäaikaiset työttömät työllisyystöillä takaisin yhteiskuntaan
Vaikka se vähän maksaakin, niin parempi on valtion teettää hanttihommia, jottei yksilöistä tule yhteiskuntakelvottomia.2591200Kesäseuraa
Kesäseuraa mukavasta ja kauniista naisesta. Viesti tänään mulle muualla asiasta jos kiinnostaa Ne ketä tahansa huoli, t451145- 131099