kilka pytan dot. checkbox

kilka pytan dot. checkbox, kilka pytan dot. checkbox

acztery Zobacz profil	4.08.2007, 11:48:20 Post #1
Grupa: Zarejestrowani Postów: 945 Pomógł: 7 Dołączył: 15.03.2005 Skąd: katowice Ostrzeżenie: (0%)	mam kilka pyt dot. checkbox 1. Mam liste checkbox każdy ma swoje id i jest umieszczony w tanej komórce w tabeli jak zrobic ze po zaznaczeniu tego checkbox ta komorka zmienia tlo na czerowne np tak jak jest w phpmyadmienie 2. Ta sama lista po zaznaczeniu checkbox pojaie sie pole np <div>bla</div> punt 2 prawie ok mam takie cos [HTML] pobierz, plaintext <script type="text/javascript"> function twist( recipient,recipientcheck) { divobj = document.getElementById( recipient ); checkbox = document.getElementById( recipientcheck ); if(checkbox.checked){ divobj.style.position = "relative"; divobj.style.visibility = "hidden"; }else{ divobj.style.position = "absolute"; divobj.style.visibility = "hidden"; } } </script> [HTML] pobierz, plaintext ale np mamy 5 pol checkbox zaznacze 1 pokazuje sie , zaznacze 2 i 3 tez sie pokaze ale jak zamkne np 2 to div znika mimo tego ze 1,3 jest zaznaczony. Ten post edytował acztery 4.08.2007, 12:43:56

konys Zobacz profil	4.08.2007, 18:20:31 Post #2
Grupa: Zarejestrowani Postów: 100 Pomógł: 7 Dołączył: 5.11.2005 Ostrzeżenie: (0%)	Tak na szybko wklepane - musisz to sobie dostosować: [HTML] pobierz, plaintext <html> <head> <style type="text/css"> .transparent {background-color:transparent} .red {background-color:#C00} #checkboxTest {display:none; width:100%; background:#C00; padding:3px; border:1px solid #999} </style> <script> function changeParentClass(obj) { if (obj.checked) { obj.parentNode.className = 'red'; } else { obj.parentNode.className = 'transparent'; } if (isAnyChecked()) { document.getElementById('checkboxTest').style.display = 'block'; } else { document.getElementById('checkboxTest').style.display = 'none'; } } function isAnyChecked() { table = document.getElementById('checkboxTable'); checkboxes = table.getElementsByTagName('input'); for (i=0; i< checkboxes.length; i++) { if ('checkbox' == checkboxes[i].type && checkboxes[i].checked) { return true; } } return false; } </script> </head> <body> <div id="checkboxTest">Test checkboxow</div> <table width="50%" id="checkboxTable"> <tr> <td><input type="checkbox" id="ch1" onchange="changeParentClass(this)" /></td> </tr> <tr> <td><input type="checkbox" id="ch2" onchange="changeParentClass(this)" /></td> </tr> </body> </html> [HTML] pobierz, plaintext

acztery Zobacz profil	4.08.2007, 22:17:54 Post #3
Grupa: Zarejestrowani Postów: 945 Pomógł: 7 Dołączył: 15.03.2005 Skąd: katowice Ostrzeżenie: (0%)	super prawie jest ok a jak mma takie <tr> <td>tytul</td><td>opis</td><td><input type="checkbox" id="ch2" onchange="changeParentClass(this)" /></td> </tr> i chce aby cala komorka TR byla czerwona to nie mam pomysu probowalem ale raczkuje w JS zmienilem na takie cos ale cos nie teges [HTML] pobierz, plaintext if (obj.checked) { document.getElementsByTagName('tr').parentNode = 'red'; } else { document.getElementsByTagName('tr').parentNode = 'transparent'; } [HTML] pobierz, plaintext Ten post edytował acztery 4.08.2007, 22:20:07

konys Zobacz profil	6.08.2007, 07:26:31 Post #4
Grupa: Zarejestrowani Postów: 100 Pomógł: 7 Dołączył: 5.11.2005 Ostrzeżenie: (0%)	To dobry przykład do nauki modelu DOM. W Twoim przypadku powinieneś dotrzeć do elementu nadrzędnego jakim jest TR i wszyskim jego potomkom TD przyporządkować odpowiednią klasę.

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

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

Aktualny czas: 22.08.2025 - 01:07

Hosting zapewnia