Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [PHP]Ukrywanie badz blokowanie diva
Mateostin
post
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ć

[PHP] pobierz, plaintext 
  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>
[PHP] pobierz, plaintext



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
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

[HTML] pobierz, plaintext 
  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. <script>
  6.  
  7.  
  8. $(document).ready(function(){
  9.  
  10.  
  11. $('#abc').change(function() {
  12.    if ($(this).is(':checked')) {
  13.      $("p").hide();
  14.    } else {
  15.      $("p").show();
  16.    }
  17. });
  18.  
  19. });
  20. </script>
  21. </head>
  22. <body>
  23. <p>Pokazuje lub ukrywa</p>
  24. <input type="checkbox" id="abc">
  25.  
  26. </body>
  27. </html>
  28.  
[HTML] pobierz, plaintext


Ten post edytował Lord 30.05.2016, 11:34:21
Go to the top of the page
+Quote Post
Mateostin
post
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
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
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();


[HTML] pobierz, plaintext 
  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.     <script>
  6.  
  7.  
  8.     $(document).ready(function(){
  9.  
  10.          $("#a2").hide();
  11.          $("#a1").show();
  12.  
  13.     $('#abc').change(function() {
  14.        if ($(this).is(':checked')) {
  15.          $("#a1").hide();
  16.          $("#a2").show();
  17.        } else {
  18.  
  19.          $("#a2").hide();
  20.          $("#a1").show();
  21.        }
  22.     });
  23.  
  24.     });
  25.     </script>
  26.     </head>
  27.     <body>
  28.  <select id="a1">
  29.   <option value="volvo">Volvo</option>
  30.   <option value="saab">Saab</option>
  31.   <option value="mercedes">Mercedes</option>
  32.   <option value="audi">Audi</option>
  33. </select> 
  34.     <input type="text" id="a2">
  35.     <input type="checkbox" id="abc">
  36.  
  37.     </body>
  38.     </html>
  39.  
[HTML] pobierz, plaintext


albo

[HTML] pobierz, plaintext 
  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.     <script>
  6.  
  7.  
  8.     $(document).ready(function(){
  9.  
  10.          $("#a1").prop('disabled', false);
  11.         $("#a2").prop('disabled', true);
  12.  
  13.     $('#abc').change(function() {
  14.        if ($(this).is(':checked')) {
  15.          $("#a1").prop('disabled', true);
  16.         $("#a2").prop('disabled', false);
  17.        } else {
  18.  
  19.          $("#a1").prop('disabled', false);
  20.         $("#a2").prop('disabled', true);
  21.        }
  22.     });
  23.  
  24.     });
  25.     </script>
  26.     </head>
  27.     <body>
  28.  <select id="a1">
  29.   <option value="volvo">Volvo</option>
  30.   <option value="saab">Saab</option>
  31.   <option value="mercedes">Mercedes</option>
  32.   <option value="audi">Audi</option>
  33. </select> 
  34.     <input type="text" id="a2">
  35.     <input type="checkbox" id="abc">
  36.  
  37.     </body>
  38.     </html>
  39.  
[HTML] pobierz, plaintext



Ten post edytował Lord 30.05.2016, 17:40:56
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
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

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 09:09
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn