Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> jQuery podmienianie tekstu
malin90
post
Post #1





Grupa: Zarejestrowani
Postów: 55
Pomógł: 0
Dołączył: 5.01.2009

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

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... (IMG:style_emoticons/default/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ć (IMG:style_emoticons/default/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
Go to the top of the page
+Quote Post
Arcioch
post
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

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

Napisz sobie funkcję w której będziesz miał zmienną z aktywnym pytaniem i następnym (IMG:style_emoticons/default/smile.gif) Za pomocą setTimeout() automatycznie zmieniaj pytania a jak ktoś kliknie w pytanie to czyścisz clearTimeout() (IMG:style_emoticons/default/smile.gif) To tak w telegraficznym skrócie (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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: 23.12.2025 - 13:25
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn