Forum PHP.pl > [PHP]Ukrywanie badz blokowanie diva

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP]Ukrywanie badz blokowanie diva

Mateostin

30.05.2016, 09:57:41

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 
 
     <tr>  <td><b>Materiał:</b></td> <td><input type="text" style="width: 400px;" name="Material" value="<?php echo $Material; ?>" /><br></td></tr>
     <tr>  <td><b>Produkt:</b></td> <td>
             <?php
 
 
            echo '<select name="Produkt" style="width: 400px;" enctype="text/plain">';
             $sql1 = "SELECT * from lakiery ORDER BY lakier ASC";
             $result1 = mysql_query($sql1);
 
             if (mysql_num_rows($result1) > 0) {
                 // output data of each row
                 while($row1 = mysql_fetch_assoc($result1)) {
                     echo "<option value='" . $row1["id"]. "'>" . $row1["lakier"]. " &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; " . $row1["uwagidod"]. "</option>";
                 }
             } else {
                 echo "0 results";
             }
 
             echo '</select>';
 
 ?>
 
             <input class="MyButton" type="button" value="Dodaj Nowy Produkt" onclick="window.location.href='newlakier.php'" />
             <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

Lord

30.05.2016, 11:33:28

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

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
 
 
$(document).ready(function(){
 
 
$('#abc').change(function() {
   if ($(this).is(':checked')) {
     $("p").hide();
   } else {
     $("p").show();
   }
});
 
});
</script>
</head>
<body>
<p>Pokazuje lub ukrywa</p>
<input type="checkbox" id="abc">
 
</body>
</html>
 
[HTML] pobierz, plaintext

Mateostin

30.05.2016, 15:30:39

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

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");

nansss93

30.05.2016, 15:58:37

Spróbuj:

Kod

$("p").prop('disabled', true);

Lord

30.05.2016, 17:27:14

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

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 
    <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script>
 
 
    $(document).ready(function(){
 
         $("#a2").hide();
         $("#a1").show();
 
    $('#abc').change(function() {
       if ($(this).is(':checked')) {
         $("#a1").hide();
         $("#a2").show();
       } else {
 
         $("#a2").hide();
         $("#a1").show();
       }
    });
 
    });
    </script>
    </head>
    <body>
 <select id="a1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select> 
    <input type="text" id="a2">
    <input type="checkbox" id="abc">
 
    </body>
    </html>
 
[HTML] pobierz, plaintext

albo

[HTML] pobierz, plaintext 
    <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script>
 
 
    $(document).ready(function(){
 
         $("#a1").prop('disabled', false);
        $("#a2").prop('disabled', true);
 
    $('#abc').change(function() {
       if ($(this).is(':checked')) {
         $("#a1").prop('disabled', true);
        $("#a2").prop('disabled', false);
       } else {
 
         $("#a1").prop('disabled', false);
        $("#a2").prop('disabled', true);
       }
    });
 
    });
    </script>
    </head>
    <body>
 <select id="a1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select> 
    <input type="text" id="a2">
    <input type="checkbox" id="abc">
 
    </body>
    </html>
 
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.