Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] jsFiddle
Forum PHP.pl > Forum > Przedszkole
neotorrent
Witam mam proste pytanko.
Tutaj ładnie wszystko działa
Wstawiam w swój kod
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Dokument bez tytułu</title>
  5. <script src="http://code.jquery.com/jquery-1.7.1.js"></script>
  6. <script type="text/javascript">
  7. <!--
  8. $(document).ready(function() {
  9. var zakladki = $(".zakladka"),
  10. teksty = $(".tekst"),
  11. predkosc = 200,
  12. target;
  13.  
  14. teksty
  15. .hide();
  16.  
  17. zakladki
  18. .on("mouseover", function() {
  19. $t = $(this);
  20. target = $t.attr("rel");
  21.  
  22. teksty
  23. .filter(":visible")
  24. .hide()
  25. .end()
  26. .filter("#" + target)
  27. .stop(true, true)
  28. .fadeIn(300);
  29. });
  30. });​
  31. //-->
  32.  
  33.  
  34. </head>
  35.  
  36. <a class="zakladka" rel="tekst_1" href="#">zakladka numer 1</a>
  37. <a class="zakladka" rel="tekst_2" href="#">zakladka numer 2</a>
  38. <a class="zakladka" rel="tekst_3" href="#">zakladka numer 3</a>
  39. <a class="zakladka" rel="tekst_4" href="#">zakladka numer 4</a>
  40. <a class="zakladka" rel="tekst_5" href="#">zakladka numer 5</a>
  41. <p class="tekst" id="tekst_1">To jest tekst numer 1</p>
  42. <p class="tekst" id="tekst_2">To jest tekst numer 2</p>
  43. <p class="tekst" id="tekst_3">To jest tekst numer 3</p>
  44. <p class="tekst" id="tekst_4">To jest tekst numer 4</p>
  45. <p class="tekst" id="tekst_5">To jest tekst numer 5</p>
  46.  
  47. </body>
  48. </html>


Nie działa ;/
Co robię źle ?
toffiak
Po przekopiowaniu twojego przykładu pojawiły się znaczki zapytania w liniach 31 i 49, usuń je a skrypt zacznie działać.
Evinek
Jakiś śmieć Ci wchodzi po zamknięciu $(document).ready(function() {

Między });? a //-->
Notatnik pokazuje znak zapytania.

http://evinek.ugu.pl/test.html - sprawdź sobie, że działa.

Teraz znów skopiowałem i nie działa - również brak znaku zapytania.
http://evinek.ugu.pl/test2.html

Hm... spróbuj skopiować z tego pierwszego linku kod i zobacz czy działa u Ciebie.

@UP:
Pisałem, pisałem... i napisałeś szybciej. ;]
neotorrent
Zakombinowałem coś i działa haha.gif w sumie nie wiem co ale działa smile.gif dzięki
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.