Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> pola typu radio + podświetlenie
del_jachim
post
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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
będe wdzieczny za wskazówki i pomoc
z góry dziękuje !
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
del_jachim
post
Post #2





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

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

dzieki za pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
udało się, zamieszczam kod - może komuś sie przyda (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) 

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


Ten post edytował nospor 24.07.2006, 09:49:00
Go to the top of the page
+Quote Post

Posty w temacie
- del_jachim   pola typu radio + podświetlenie   22.07.2006, 19:14:05
- - Aure   akcja onclick + getElementById + zmiana parametru ...   22.07.2006, 19:39:47
- - Zajec   Będę uczynny :-) Kodonclick="this.parentNode....   22.07.2006, 21:21:23
- - del_jachim   dzieki za pomoc udało się, zamieszczam ...   23.07.2006, 23:40:22
- - timii   cos mi nie dziala jak zaznacze radio to nie sie ni...   15.08.2006, 10:17:54

« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 4.10.2025 - 12:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn