Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery] problem z wyświetlaniem
sumek
post
Post #1





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 22.01.2008

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


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
  1. <option id="id6">tekst</option>

na firefoxie działa bez problemu, niestety na IE nie działa.


--------------------
Polecam darmowe ogłoszenia dla rodziców bubusiek.pl
Go to the top of the page
+Quote Post
Czadus
post
Post #2





Grupa: Zarejestrowani
Postów: 164
Pomógł: 4
Dołączył: 29.08.2008

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


Z nieco innej beczki, niebardzo rozumiem, dlaczego w schowaj korzystasz z fadein()?

Ten post edytował Czadus 29.10.2009, 12:14:13
Go to the top of the page
+Quote Post
sumek
post
Post #3





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 22.01.2008

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


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.


--------------------
Polecam darmowe ogłoszenia dla rodziców bubusiek.pl
Go to the top of the page
+Quote Post
Czadus
post
Post #4





Grupa: Zarejestrowani
Postów: 164
Pomógł: 4
Dołączył: 29.08.2008

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


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??
Go to the top of the page
+Quote Post
sumek
post
Post #5





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 22.01.2008

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


[JAVASCRIPT] pobierz, plaintext
  1. $('#schowaj').click(function(){
  2. $("#d1").fadeOut().hide();
  3. });
  4. $('#pokaz').click(function(){
  5. $("#d1").fadeIn().show();
  6. });
[JAVASCRIPT] 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.  
  5. --
  6.  
  7. <div id="d1" style="display:none;"> treść </div>


tak to wygląda.


--------------------
Polecam darmowe ogłoszenia dla rodziców bubusiek.pl
Go to the top of the page
+Quote Post
Czadus
post
Post #6





Grupa: Zarejestrowani
Postów: 164
Pomógł: 4
Dołączył: 29.08.2008

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


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
Go to the top of the page
+Quote Post
sumek
post
Post #7





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 22.01.2008

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


Dzięki bardzo. Działa smile.gif


--------------------
Polecam darmowe ogłoszenia dla rodziców bubusiek.pl
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 Aktualny czas: 22.08.2025 - 11:34