Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> pola typu radio + podświetlenie
del_jachim
post 22.07.2006, 19:14:05
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 22.07.2006

Ostrzeżenie: (0%)
-----


witam
czy wie ktoś jak wykonać taki skrypt żeby po zaznaczeniu pola w formularzu typu radio zmieniał sie kolor całego wiersza tabeli w którym sie to zaznaczone pole znajduje? i czy da sie zrobić tak żeby po kliknieciu na wiersz tabeli zaznaczało sie pole typu radio które znajduje sie w tym wierszu i caly wiersz sie podświetlał?
mam nadzieje że dobrze to wyjaśniłem smile.gif
będe wdzieczny za wskazówki i pomoc
z góry dziękuje !
Go to the top of the page
+Quote Post
Aure
post 22.07.2006, 19:39:47
Post #2





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 3.05.2004
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


akcja onclick + getElementById + zmiana parametru className (badź parametru style)
reszte podpowie google smile.gif

Ten post edytował Aure 22.07.2006, 19:40:09


--------------------


Go to the top of the page
+Quote Post
Zajec
post 22.07.2006, 21:21:23
Post #3





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----


Będę uczynny :-)

Kod
onclick="this.parentNode.parentNode.parentNode.className='klasa';"


Ilość parentNode należy dobrać zależnie od sytuacji.
Go to the top of the page
+Quote Post
del_jachim
post 23.07.2006, 23:40:22
Post #4





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 22.07.2006

Ostrzeżenie: (0%)
-----


dzieki za pomoc smile.gif
udało się, zamieszczam kod - może komuś sie przyda smile.gif

  1. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  2. <STYLE TYPE="text/css">
  3. <!--
  4. .zaznaczony {
  5. background: red;
  6. }
  7. .niezaznaczony {
  8. background: white;
  9. }
  10. .podswietlony {
  11. background: yellow;
  12. }
  13.  
  14. -->
  15. <script language="javascript"><!--
  16. var selected;
  17.  
  18. function selectRowEffect(object, buttonSelect) {
  19. if (!selected) {
  20. if (document.getElementById) {
  21. selected = document.getElementById('defaultSelected');
  22. } else {
  23. selected = document.all['defaultSelected'];
  24. }
  25. }
  26.  
  27. if (selected) selected.className = 'niezaznaczony';
  28. object.className = 'zaznaczony';
  29. selected = object;
  30. if (document.form1.pole[0]) {
  31. document.form1.pole[buttonSelect].checked=true;
  32. } else {
  33. document.form1.pole.checked=true;
  34. }
  35.  
  36. }
  37.  
  38. function rowOverEffect(object) {
  39. if (object.className == 'niezaznaczony') object.className = 'podswietlony';
  40. }
  41.  
  42. function rowOutEffect(object) {
  43. if (object.className == 'podswietlony') object.className = 'niezaznaczony';
  44.  
  45.  
  46.  
  47. }
  48. </script>
  49.  
  50. </head>
  51. <body>
  52.  
  53. <form name="form1" action="">
  54. <table >
  55. <tr class="niezaznaczony" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="selectRowEffect(this, 0)"><td width=100 class="niezazaczony">
  56. <input name="pole" value="a" type="radio" >
  57.  
  58.  
  59. </td></tr>
  60. <tr class="niezaznaczony" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="selectRowEffect(this, 1)"><td width=100 class="niezazaczony">
  61. <input name="pole" value="b" type="radio" >
  62.  
  63.  
  64. </td></tr>
  65.  
  66. </tr>
  67. <tr class="niezaznaczony" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="selectRowEffect(this, 2)"><td width=100 class="niezazaczony">
  68. <input name="pole" value="c" type="radio" >
  69.  
  70.  
  71. </td></tr>
  72. </table>
  73.  
  74. </form>
  75. </body>
  76.  
  77. </html>


Ten post edytował nospor 24.07.2006, 09:49:00
Go to the top of the page
+Quote Post
timii
post 15.08.2006, 10:17:54
Post #5





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 20.05.2006

Ostrzeżenie: (10%)
X----


cos mi nie dziala jak zaznacze radio to nie sie nie jest podswietlone na stale tongue.gif

ps. brak znaku konca --> ale jak go dalem to i tak nie dziala sad.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 6.07.2025 - 09:46