Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jQuery podmienianie tekstu
Forum PHP.pl > Forum > Po stronie przeglądarki
malin90
27.05.2013, 18:48:40
Witam,
chciałbym stworzyć na stronie coś w rodzaju szybkiego FAQ-u tzn.
mam po lewej stronie okna listę najczęstrzych pytań a po prawej chciałbym wyświetlać dla nich odpowiedzi. Np:
gość klika w pierwsze pytanie, po prawej stronie wyświetla sie odpowiedź dla pytania pierwszego,
klikając w pytanie drugie powoduje zniknięcie odpowiedzi na pytanie pierwsze i wyświetlenie odpowiedzi dla pytania drugiego.

Próbowałem kombinować z funkcją hide, show, toggle ale nie mogłem uzyskać satysfakcjonującego efektu... sad.gif
Bardzo proszę o pomoc

Pozdrawiam serdecznie

Ok, już napisałem samo podmienianie, po drodze jednak wymyślałem aby skrypt sam przeskakiwał pomiędzy pytaniami co np. 10s jeżeli gość ich nie klika, no i oczywiście mam teraz problem jak to zrobić questionmark.gif
pokażę co mam:
Kod
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
    <script type='text/javascript'>//<![CDATA[
        $(window).load(function(){
        $('.pytanie').on('click', function () {
            $(this).addClass('selected').siblings().removeClass('selected');
            $('.odpowiedz').hide();
            $('#div' + $(this).data('target')).show();
        });
        $('.pytanie').first().click();
        });
    </script>

[HTML] pobierz, plaintext 
  1. <body>
  2. <div class="buttons">
  3.     <a  class="pytanie" data-target="1">pytanie 1</a>
  4.     <a  class="pytanie" data-target="2">pytanie 2</a>
  5.     <a  class="pytanie" data-target="3">pytanie 3</a>
  6.     <a  class="pytanie" data-target="4">pytanie 4</a>
  7. </div>
  8.  
  9. <div id="div1" class="odpowiedz">Lorum Ipsum 1</div>
  10. <div id="div2" class="odpowiedz">Lorum Ipsum 2</div>
  11. <div id="div3" class="odpowiedz">Lorum Ipsum 3</div>
  12. <div id="div4" class="odpowiedz">Lorum Ipsum 4</div>
  13. </body>
[HTML] pobierz, plaintext
Arcioch
27.05.2013, 19:48:39
Napisz sobie funkcję w której będziesz miał zmienną z aktywnym pytaniem i następnym smile.gif Za pomocą setTimeout() automatycznie zmieniaj pytania a jak ktoś kliknie w pytanie to czyścisz clearTimeout() smile.gif To tak w telegraficznym skrócie 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.