Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] problem z wyświetlaniem
Forum PHP.pl > Forum > Po stronie przeglądarki
sumek
29.10.2009, 12:04:36
Witam mam oto taki skrypt w jQuery

[JAVASCRIPT] pobierz, plaintext 
  1. $('#schowaj').click(function(){
  2.     $("#d1").fadeIn().hide();
  3.     });
  4.     $('#pokaz').click(function(){
  5.     $("#d1").fadeIn().show();
  6.     });
[JAVASCRIPT] pobierz, plaintext


i chcę aby d1 się wyświetlało jak wybiore jakies pole w option
dodaje tam id do wyświetlania tzn
[HTML] pobierz, plaintext 
  1. <option id="id6">tekst</option>
[HTML] pobierz, plaintext

na firefoxie działa bez problemu, niestety na IE nie działa.
Czadus
29.10.2009, 12:13:32
Z nieco innej beczki, niebardzo rozumiem, dlaczego w schowaj korzystasz z fadein()?
sumek
29.10.2009, 12:18:04
Cytat(Czadus @ 29.10.2009, 12:13:32 ) *
Z nieco innej beczki, niebardzo rozumiem, dlaczego w schowaj korzystasz z fadein()?


nie wiem smile.gif znalazłem taki skrypt i go zastosowałem.
Czadus
29.10.2009, 12:28:42
Wedlug mnie, chcąc coś schować/ukryć powinieneś napisać:
Kod
$('#schowaj').click(function(){
    $("#d1").fadeOut().hide();
});


Możesz pokazać kod, gdzie masz wstawione takie elementy, jak #pokaz, #schowaj itp??
sumek
29.10.2009, 14:44:14 
[JAVASCRIPT] pobierz, plaintext 
  1. $('#schowaj').click(function(){
  2.  $("#d1").fadeOut().hide();
  3.  });
  4.  $('#pokaz').click(function(){
  5.  $("#d1").fadeIn().show();
  6.  });
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <select size="1" name="czas">
  2. <option value="" id="schowaj">- - - - - - - -Brak- - - - - - - -</option>
  3. <option value="cos_tam" id="pokaz">cos tam</option>
  4. </select>
  5.  
  6. --
  7.  
  8. <div id="d1" style="display:none;"> treść </div>
[HTML] pobierz, plaintext


tak to wygląda.
Czadus
29.10.2009, 18:09:25
W nagłówku kod:
Kod
<script type="text/javascript">
                        // <![CDATA[
                            $(document).ready(function(){
                                $(\'#czas\').change(function(){
                                    $("#czas option:selected").each(function () {
                                        if($(this).attr(\'id\')=="pokaz") {
                                            $("#d1").fadeIn().show();
                                        } else {
                                            $("#d1").fadeOut().hide();
                                        }
                                    });
                                });
                            });
                        // ]]>
                    </script>


w sekcji body:
Kod
<select size="1" name="czas" id="czas">
    <option value="" id="schowaj">- - - - - - - -Brak- - - - - - - -</option>
    <option value="cos_tam" id="pokaz">cos tam</option>
</select>
<div id="d1" style="display:none;"> treść </div>


Przetestowane pod FF 3.5.4 oraz IE 8
sumek
29.10.2009, 19:38:08
Dzięki bardzo. Działa smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.