Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]obrazkowy checkbox, Czy da się zmienić kwadrat na obrazek?
brychu
post
Post #1





Grupa: Zarejestrowani
Postów: 61
Pomógł: 0
Dołączył: 10.04.2015

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


Witam.
Jak w temacie - czy da się zmienić kwadrat w obrazek?

  1. <form name="rezerwacja" method="POST" action="test2.php">
  2. Jest kwadrat a chce obrazek
  3. <input type="checkbox" type="image" src="http://www.taniepranie.zgora.pl/gfx2/zamowienie2.jpg" name="nazwa" value="wartość" onclick="document.getElementById('identyfikator').style.display = this.checked ? 'block' : 'none'; this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked">
  4. <div id="identyfikator" style="display: none">
  5. <input type="text" name="nazwa2" value="1"><br>
  6. <input type="text" name="nazwa3" value="2">
  7. </div>


Jeśli nie, to może pomożecie mi wynaleźć inne rozwiązanie.
Zamiast pól, które miałem dotychczas:
(IMG:http://www.taniepranie.zgora.pl/formularz3.jpg)
na kwadraciki z ikonami każdego z przedmiotów, które zmienią kolor i wysuną listę "dodatków" po kliknięciu myszką.
(IMG:http://www.taniepranie.zgora.pl/formularz2.jpg)
Jak ustawić ilość na 0 w przypadku gdy klient nie wybrał danego przedmiotu a jak na 1, gdy klinie przycisk-obrazek?

Będzie to wszystko trochę inaczej wyglądać. To są obrazki poglądowe.

Ten post edytował brychu 25.01.2020, 14:29:25
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
brychu
post
Post #2





Grupa: Zarejestrowani
Postów: 61
Pomógł: 0
Dołączył: 10.04.2015

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


Aha. Dobra, dziękuję. : )
Zaraz prześle moje wypociny.
podgląd pliku
No i super. Wszystko działa. Ślicznie dziękuję. (IMG:style_emoticons/default/smile.gif)

test1.html
  1. <!doctype html>
  2. <html lang="pl">
  3. <meta charset="UTF-8">
  4. <title>Test</title>
  5. </head>
  6. .dwcheckbox{
  7. display:none
  8. }
  9. .dwcheckbox + label{
  10. width: 40px;
  11. height: 40px;
  12. background: url("dwcheckbox.png") 0px 0px;
  13. display: block;
  14. cursor: pointer;
  15. }
  16. .dwcheckbox:checked + label{
  17. background-position: 0px -41px;
  18. }
  19. .dwcheckbox + label:hover,.dwcheckbox:checked + label:hover{
  20. opacity: 0.8;
  21. }
  22. </style>
  23. <form name="rezerwacja" method="POST" action="checkbox2.php">
  24. <input type="checkbox" id="check1" class="dwcheckbox" name="sprawdz1"/>
  25. <label for="check1"> </label>
  26.  
  27. <input type="checkbox" id="check2" class="dwcheckbox" name="sprawdz2"/>
  28. <label for="check2"> </label>
  29. <input class="button" value="Dalej" name="submit" type="submit" />
  30. </html>


checkbox2.php
  1. <?php
  2. $sprawdz1=$_POST['sprawdz1'];
  3. $sprawdz2=$_POST['sprawdz2'];
  4. echo $sprawdz1;
  5. echo $sprawdz2;
  6. ?>


Ten post edytował brychu 26.01.2020, 20:55:54
Go to the top of the page
+Quote Post

Posty w temacie


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 Aktualny czas: 14.10.2025 - 16:32