Värjäytyvä rivi formissa

Linda87

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.

4

407

Äänestä

    Vastaukset 4

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Nyt se syksy on sitten alkanut

      Esimerkiksi tänään sataa aamusta iltaan, ja nytkin.
      Maailman menoa
      55
      1022

    2. Minä en ole koskaan

      Rakastanut ketään toista yhtä paljon kuin sinua
      Ikävä
      98
      1004

    3. Tiesitkö? Jorma Uotisen EX-rakas on Helena Lindgren - Nämä ovat välit nyt: "Me ollaan..."

      Jorma Uotinen ja Helena Lindgren olivat avoliitossa v. 1982-1999. Pariskunta oli aikansa näyttävä julkkispari, missä i
      Kotimaiset julkkisjuorut
      21
      852

    4. Vähän pitää

      Kiusia ja näyttää
      Ikävä
      135
      802

    5. Anteeksi J-mies

      Anteeksi että myötävaikutin siihen että rakastuit minuun, jota et voi koskaan saada. Viimeksi kun näimme ja katselimme t
      Ikävä
      121
      786

    6. Olet nainen ollut vaikein rasti

      Eniten olet tunteitani myllännyt ja niitä kuluttanut, ja tuottanut. 🤔
      Ikävä
      55
      774

    7. Kenen viisautta on ollut laittaa tie väärällä murskeella pilalle

      Kenen viisautta on ollut kun Siimeksen/Kylmänpurontie pantu pilalle kun on ajettu liian karkeaa mursketta. Rengasliikke
      Hyrynsalmi
      25
      659

    8. Taidat olla

      Luovuttanut jo minun suhteeni osalta?
      Ikävä
      45
      656

    9. Riittääkö mahkut

      Kaivattuusi 🤭.
      Ikävä
      50
      638

    10. Minä muistan

      Minä muistan sinut nauravana. Sellaisena, joka sai tavallisenkin hetken tuntumaan vähän kevyemmältä, kuin huoneeseen ol
      Ikävä
      45
      610

    11. Mä voisin rakastua noihin tähti silmiin

      Katseesi on niin lumoava nainen💚.
      Ikävä
      19
      607

    12. Jos tullaan toisiamme vastaan, niin

      pitäiskö pysähtyä ja onnitella?
      Ikävä
      46
      578

    13. Voisiko vielä välillemme jotain kehittyä

      Vai heihei ja ei nähdä enää.
      Ikävä
      35
      570

    14. Kuhmolainen opettaja tuomittu vainoamisesta

      https://yle.fi/a/74-20248184 ”Kuusikymppinen kuhmolaisnainen piinasi naapureitaan lähes kahdeksan vuoden ajan. Nainen
      Kuhmo
      13
      570

    15. Siinä kävi mies nyt niin että tämä ämmä muuttaa ulkomaille

      Vuonojen maa kutsuu, joten ei hätää. Et kuule minusta enää. 😂 Lycka till! Ämmä riittää.
      Ikävä
      72
      558

    16. Koska Martina viettää aikaansa lapsiensa kanssa

      Äiti vaan juoksee miehen perässä Tallinnassa, Lontoossa, Turussa. Kyllä oli kätilö oikeassa, kun sanoi, että ei olisi ka
      Kotimaiset julkkisjuorut
      141
      555

    17. Ähtäri on taas TV: n ja radion ykkösuutinen

      Uusi podcast on julkaistu ja on nyt kuunneltavissa. Mot on tehnyt hyvää työtä! Mikko Savola ja kepu ei ota mitään vast
      Ähtäri
      47
      548

    18. Mitä muuta on olemassa kuin lisääntyminen

      Jos mies ei pääse lisääntymään niin mikä hänen osansa elämässä on? mitä jää jäljelle? Hän on vain muiden palvelija kok
      Sinkut
      120
      536

    19. Tilanteenne

      Onko tilanteenne tällä hetkellä hyvä?
      Ikävä
      47
      515

    20. Pahkalassa tapahtuu

      Mitäs on tapahtunut yöllä pahkalan kerrostaloilla.oli poliisia ja ambulanssia taas vaihteeksi
      Parkano
      9
      513
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt