Forum PHP.pl > pola typu radio + podświetlenie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: pola typu radio + podświetlenie

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

del_jachim

22.07.2006, 19:14:05

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

będe wdzieczny za wskazówki i pomoc
z góry dziękuje !

Aure

22.07.2006, 19:39:47

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

Zajec

22.07.2006, 21:21:23

Będę uczynny :-)

Kod

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

Ilość parentNode należy dobrać zależnie od sytuacji.

del_jachim

23.07.2006, 23:40:22

dzieki za pomoc

udało się, zamieszczam kod - może komuś sie przyda

[HTML] pobierz, plaintext 
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<STYLE TYPE="text/css">
<!--
.zaznaczony { 
background: red;
 }
.niezaznaczony { 
background: white;
 } 
.podswietlony { 
background: yellow;
 }  
 
-->
</STYLE>
<script language="javascript"><!--
var selected;
 
function selectRowEffect(object, buttonSelect) {
  if (!selected) {
    if (document.getElementById) {
      selected = document.getElementById('defaultSelected');
    } else {
      selected = document.all['defaultSelected'];
    }
  }
 
  if (selected) selected.className = 'niezaznaczony';
  object.className = 'zaznaczony';
  selected = object;
 if (document.form1.pole[0]) {
    document.form1.pole[buttonSelect].checked=true;
  } else {
    document.form1.pole.checked=true;
  }
 
}
 
function rowOverEffect(object) {
  if (object.className == 'niezaznaczony') object.className = 'podswietlony';
}
 
function rowOutEffect(object) {
  if (object.className == 'podswietlony') object.className = 'niezaznaczony';
 
 
 
}
</script>
 
</head>
<body>
 
<form name="form1" action="">
<table >
 <tr class="niezaznaczony" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="selectRowEffect(this, 0)"><td width=100 class="niezazaczony">
<input name="pole"  value="a"  type="radio" >
 
 
</td></tr>
 <tr class="niezaznaczony" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="selectRowEffect(this, 1)"><td width=100 class="niezazaczony">
<input name="pole"  value="b"  type="radio" >
 
 
</td></tr>
 
</tr>
 <tr class="niezaznaczony" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="selectRowEffect(this, 2)"><td width=100 class="niezazaczony">
<input name="pole"  value="c"  type="radio" >
 
 
</td></tr>
</table>
 
</form>
</body>
 
</html>
[HTML] pobierz, plaintext

timii

15.08.2006, 10:17:54

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

ps. brak znaku konca --> ale jak go dalem to i tak nie dziala

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.