Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP]Ukrywanie badz blokowanie diva
Mateostin
post 30.05.2016, 09:57:41
Post #1





Grupa: Zarejestrowani
Postów: 68
Pomógł: 0
Dołączył: 23.03.2016

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


Witam. mam taki drobny problem ponieważ ma dwa pola: jedno input text drugie select które jest zagnieżdżone w divie
czy jest mozliwość zrobienia checkboxa ktory bedzie mi jednoczesnie blokował pole input text a odkrywał selecta?
kombinowałem na rożne sposoby i potrafię zablokować pole input text ale select mi wtedy nie działa i nie wiem jak to zrobić

  1.  
  2. <tr> <td><b>Materiał:</b></td> <td><input type="text" style="width: 400px;" name="Material" value="<?php echo $Material; ?>" /><br></td></tr>
  3. <tr> <td><b>Produkt:</b></td> <td>
  4. <?php
  5.  
  6.  
  7. echo '<select name="Produkt" style="width: 400px;" enctype="text/plain">';
  8. $sql1 = "SELECT * from lakiery ORDER BY lakier ASC";
  9. $result1 = mysql_query($sql1);
  10.  
  11. if (mysql_num_rows($result1) > 0) {
  12. // output data of each row
  13. while($row1 = mysql_fetch_assoc($result1)) {
  14. echo "<option value='" . $row1["id"]. "'>" . $row1["lakier"]. " &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; " . $row1["uwagidod"]. "</option>";
  15. }
  16. } else {
  17. echo "0 results";
  18. }
  19.  
  20. echo '</select>';
  21.  
  22. ?>
  23.  
  24. <input class="MyButton" type="button" value="Dodaj Nowy Produkt" onclick="window.location.href='newlakier.php'" />
  25. <br/></td></tr>



Czyli czy mozna zrobic tak zebym checkboxem zablokował pole Material a wysunał ukrytego diva Produkt?
z góry dziekuje za pomoc smile.gif
Go to the top of the page
+Quote Post
Lord
post 30.05.2016, 11:33:28
Post #2





Grupa: Zarejestrowani
Postów: 239
Pomógł: 32
Dołączył: 10.03.2004

Ostrzeżenie: (10%)
X----


http://www.w3schools.com/jquery/jquery_hide_show.asp
http://stackoverflow.com/questions/1854156...ked-with-jquery

  1. <!DOCTYPE html>
  2. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  3.  
  4.  
  5. $(document).ready(function(){
  6.  
  7.  
  8. $('#abc').change(function() {
  9. if ($(this).is(':checked')) {
  10. $("p").hide();
  11. } else {
  12. $("p").show();
  13. }
  14. });
  15.  
  16. });
  17. </head>
  18. <p>Pokazuje lub ukrywa</p>
  19. <input type="checkbox" id="abc">
  20.  
  21. </body>
  22. </html>
  23.  


Ten post edytował Lord 30.05.2016, 11:34:21
Go to the top of the page
+Quote Post
Mateostin
post 30.05.2016, 15:30:39
Post #3





Grupa: Zarejestrowani
Postów: 68
Pomógł: 0
Dołączył: 23.03.2016

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


Ale to ja mam zamiast diva w tym przyadku dać <p> ? bo jezeli tak to nie dziala sad.gif


P.S. jednak działa tylko trzeba do kazdego elementu z osobna podac <p></p>

Mam jeszcze jedno pytanko jak zrobic aby pole ktore sie chowa bylo blokowanie mam na mysli Disabled="true"?

bo takie cos mi nie działa
$("p").attr("disabled", "true");

Ten post edytował Mateostin 30.05.2016, 15:40:07
Go to the top of the page
+Quote Post
nansss93
post 30.05.2016, 15:58:37
Post #4





Grupa: Zarejestrowani
Postów: 45
Pomógł: 1
Dołączył: 27.10.2015

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


Spróbuj:

Kod
$("p").prop('disabled', true);
Go to the top of the page
+Quote Post
Lord
post 30.05.2016, 17:27:14
Post #5





Grupa: Zarejestrowani
Postów: 239
Pomógł: 32
Dołączył: 10.03.2004

Ostrzeżenie: (10%)
X----


Cytat(Mateostin @ 30.05.2016, 16:30:39 ) *
Ale to ja mam zamiast diva w tym przyadku dać <p> ? bo jezeli tak to nie dziala sad.gif


P.S. jednak działa tylko trzeba do kazdego elementu z osobna podac <p></p>

Mam jeszcze jedno pytanko jak zrobic aby pole ktore sie chowa bylo blokowanie mam na mysli Disabled="true"?

bo takie cos mi nie działa
$("p").attr("disabled", "true");


dla elementów dodajesz jakies ID np. <select id="zxc">...</select> i potem podajesz to co chcesz wyłączyc np. $("#zxc").hide();


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  5.  
  6.  
  7. $(document).ready(function(){
  8.  
  9. $("#a2").hide();
  10. $("#a1").show();
  11.  
  12. $('#abc').change(function() {
  13. if ($(this).is(':checked')) {
  14. $("#a1").hide();
  15. $("#a2").show();
  16. } else {
  17.  
  18. $("#a2").hide();
  19. $("#a1").show();
  20. }
  21. });
  22.  
  23. });
  24. </script>
  25. </head>
  26. <body>
  27. <select id="a1">
  28. <option value="volvo">Volvo</option>
  29. <option value="saab">Saab</option>
  30. <option value="mercedes">Mercedes</option>
  31. <option value="audi">Audi</option>
  32. </select>
  33. <input type="text" id="a2">
  34. <input type="checkbox" id="abc">
  35.  
  36. </body>
  37. </html>
  38.  


albo

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  5.  
  6.  
  7. $(document).ready(function(){
  8.  
  9. $("#a1").prop('disabled', false);
  10. $("#a2").prop('disabled', true);
  11.  
  12. $('#abc').change(function() {
  13. if ($(this).is(':checked')) {
  14. $("#a1").prop('disabled', true);
  15. $("#a2").prop('disabled', false);
  16. } else {
  17.  
  18. $("#a1").prop('disabled', false);
  19. $("#a2").prop('disabled', true);
  20. }
  21. });
  22.  
  23. });
  24. </script>
  25. </head>
  26. <body>
  27. <select id="a1">
  28. <option value="volvo">Volvo</option>
  29. <option value="saab">Saab</option>
  30. <option value="mercedes">Mercedes</option>
  31. <option value="audi">Audi</option>
  32. </select>
  33. <input type="text" id="a2">
  34. <input type="checkbox" id="abc">
  35.  
  36. </body>
  37. </html>
  38.  



Ten post edytował Lord 30.05.2016, 17:40:56
Go to the top of the page
+Quote Post

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 Wersja Lo-Fi Aktualny czas: 29.03.2024 - 11:02