 [PHP][JavaScript] Zaznaczanie checkboxa - zmiana koloru |
  |
| [PHP][JavaScript] Zaznaczanie checkboxa - zmiana koloru |
  31.07.2008, 14:56:43
Post
#1
|
|
 Grupa: Zarejestrowani Postów: 202 Pomógł: 3 Dołączył: 6.01.2008 Skąd: Mazowieckie Ostrzeżenie: (0%) 
 |
Witam, w jaki sposób mogę wykonać taką dziwotę..
 Potrzebuję aby na jednej z podstron zaznaczać checkboxa przy określonym polu - załóżmy przy zwykłym prostokącie, który będzie określał poziom (jest ich 5) Następnie jak zaznaczę tego checkboxa (załóżmy 2-go) to zeby sie wyróżniał innym kolorem (np czerwonym, a nie zielonym). Kolejnie chciałbym aby na innej podstronie, wyświetlały się same kolorowe prostokąty bez checkboxów z tym, żeby jeden z prostokątów odróżniał się tym innym kolorem (ten który został zaznaczony checkboxem na poprzedniej podstronie) Mam nadzieję, że dosyć jasno to opisałem.. Oto kod, który jakoś specjalnie nie działa ale przedstawia tak mniej wiecej tok mojego rozumowania: Kod <html>
<body> <table border = "1"> <tr> <td style="border:1px; background-color: green;">     </td><td>costam1<input id="costam1" name="costam1" class="check" type="checkbox"></td> </tr> <tr> <td style="border:1px; background-color: green;"></td><td>costam2<input id="costam2" name="costam2" class="check" type="checkbox"></td> </tr> <tr> <td style="border:1px; background-color: green;"></td><td>costam3<input id="costam3" name="costam3" class="check" type="checkbox"></td> </tr> <tr> <td style="border:1px; background-color: green;"></td><td>costam4<input id="costam4" name="costam4" class="check" type="checkbox"></td> </tr> <tr> <td style="border:1px; background-color: green;"></td><td>costam5<input id="costam5" name="costam5" class="check" type="checkbox"></td> </tr> </table> </body> </html> Ten post edytował em-ba 31.07.2008, 15:28:52 |
 |
 
|
|
31.07.2008, 16:07:24
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 856 Pomógł: 19 Dołączył: 30.08.2005 Skąd: 100lica Ostrzeżenie: (0%)
|
Nie wiem czy dobrze zrozumialem ale zajrzyj tu:
http://www.456bereastreet.com/lab/styling-...sited/checkbox/ -------------------- |
|
|
|
|
31.07.2008, 16:51:19
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 202 Pomógł: 3 Dołączył: 6.01.2008 Skąd: Mazowieckie Ostrzeżenie: (0%)
|
dzięki ale trochę nie do końca, bo w tym linku co podesłałeś to jest poprostu kolumna checkboxów... albo mi czegoś innego poza tym nie wyświetla
Ten post edytował em-ba 31.07.2008, 16:51:47 |
|
|
|
|
31.07.2008, 16:55:04
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 856 Pomógł: 19 Dołączył: 30.08.2005 Skąd: 100lica Ostrzeżenie: (0%)
|
Jak chcesz zmienic kolor tabeli to w onclicku daj document.getElementById('id komorki').style.background='#ffff00';
-------------------- |
|
|
|
|
31.07.2008, 17:31:52
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 202 Pomógł: 3 Dołączył: 6.01.2008 Skąd: Mazowieckie Ostrzeżenie: (0%)
|
nie wiem czy to miałes na myśli:
Kod <tr> <td style="border:1px; background-color: green;"></td><td>costam2<input id="costam2" name="costam2" class="check" type="checkbox" onClick="document.getElementById('costam2').style.background='#ffff00'";></td> </tr> jeżeli tak to nie działa... tzn nie zmienia sie kolor po kliknięciu checkboxa :/ .. probóje z tym onClick na różne sposoby ale za każdym razem nie wychodzi.. |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 29.06.2025 - 06:21 |
