Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Skrypt blokuje inny
bartosz1311
post
Post #1





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 6.11.2010

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


Witam i mam pytanie, chociaż najpierw podam kody:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <title>Świat Muzyki - poczuj swojego bita!</title>
  4. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  5. <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  6. <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
  7. <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
  8. <script type="text/javascript" src="js/jquery-1.6.js" ></script>
  9. <script type="text/javascript" src="js/cufon-yui.js"></script>
  10. <script type="text/javascript" src="js/cufon-replace.js"></script>
  11. <script type="text/javascript" src="js/NewsGoth_BT_400.font.js"></script>
  12. <script type="text/javascript" src="js/NewsGoth_BT_700.font.js"></script>
  13. <script type="text/javascript" src="js/jcarousellite.js"></script>
  14. <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  15. <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
  16. <script type="text/javascript" src="js/atooltip.jquery.js"></script>
  17. <script src="js/jquery.min.js" type="text/javascript"></script>
  18. <script type="text/javascript" src="js/sprites.js"></script>
  19. <script type="text/javascript" src="js/gSlider.js"></script>
  20.  
  21. <style type="text/css">
  22. a {position: relative;}
  23. a div {display:none;}
  24. a:hover div {display: block; position: absolute; top: 1em; left: 0;}
  25. </style>
  26.  
  27. <!--[if lt IE 9]>
  28. <script type="text/javascript" src="js/html5.js"></script>
  29. <link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
  30. <![endif]-->
  31. <!--[if lt IE 7]>
  32. <div style=' clear: both; text-align:center; position: relative;'>
  33. <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
  34. </div>
  35. <![endif]-->
  36. </head>
  37.  
  38. <body id="page1">
  39. <div class="bg1">
  40. <div class="main">
  41. <!--header -->
  42. <header>
  43. <nav>
  44. <ul id="menu">
  45. <li class="active"><a href="index.php" title="Muzyka/Home">Muzyka</a></li>
  46. <li><a href="top.php" title="Sprawdź TopListe">TopLista</a></li>
  47. <li><a href="skladanka.php" title="Posłuchaj/ściągnij składanki Energy 2000">Składanki Energy</a></li>
  48. <li><a href="video.php" title="Obejrzyj video Energy 2000">Video Energy</a></li>
  49. <li><a href="chat.php" title="Popisz na Chacie">Chat</a></li>
  50. <li><a href="radio.php" title="Posłuchaj Radio Party">Radio Party</a></li>
  51.  
  52.  
  53. </ul>
  54. </nav>
  55. <h1><a href="#" id="logo" title="Świat Muzyki - poczuj swojego bita!"></a></h1>
  56. </header>
  57. <!--header end-->
  58. <div class="box">
  59. <!--content -->
  60. <article id="content">
  61. <div class="wrapper pad_bot1">
  62. <section class="col1">
  63. <h2>Ostatnio dodane</h2>
  64. <div class="header-slider">
  65. <ul>
  66. <li>This is one of <a href="http://blog.templatemonster.com/free-website-templates/">free website templates</a> created by TemplateMonster.com team. This website template is optimized for 1024X768 screen resolution.</li>
  67. <li>This website template has several pages: About, Audio, Video, Gallery, Tour Dates, Contacts (note that contact us form doesnt work).</li>
  68. <li>This <a href="http://blog.templatemonster.com/2011/04/12/free-music-website-template/">Free Music Website Template</a> goes with two packages with PSD source files and without them. PSD source files are available for free.</li>
  69. </ul>
  70. </div>
  71. <a href="#" class="hs-prev"><img src="images/prev.png" alt=""></a>
  72. <a href="#" class="hs-next"><img src="images/next.png" alt=""></a>
  73. <script type="text/javascript">Cufon.now()
  74. $(function(){
  75. $('nav,.more,.header-more').sprites()
  76.  
  77. $('.header-slider').gSlider({
  78. prevBu:'.hs-prev',
  79. nextBu:'.hs-next'
  80. })
  81. })
  82.  
  83. </section>
  84. <section class="col1 pad_left1">
  85. <h2>Ostatnio dodane</h2>
  86. <div id="gallery1">
  87. <ul>
  88. <li>
  89. <span class="dropcap_1">30<span>august</span></span>
  90. <p><span class="color1">Lorem ipsum dolor sit amet</span><br>
  91. adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br>
  92. <a href="#" class="link1">View Details</a></p>
  93. </li>
  94. <li>
  95. <span class="dropcap_1">26<span>august</span></span>
  96. <p><span class="color1">Ut enim ad minim veniam nostrud</span><br>
  97. Exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br>
  98. <a href="#" class="link1">View Details</a></p>
  99. </li>
  100. </ul>
  101. </div>
  102. <a href="#" class="next"></a>
  103. <a href="#" class="prev"></a>
  104. </section>
  105. </div>
  106. <div class="wrapper">
  107. <h2>Next Party</h2>
  108. <div class="wrapper">
  109. <figure class="left marg_right1"><a href="#"><img src="images/banner1.jpg" alt=""></a></figure>
  110. <h3>Best RNB from Europe</h3>
  111. <p class="pad_bot1">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo:</p>
  112. <ul class="list1 pad_bot1">
  113. <li><a href="#">Ut enim ad minima veniam, quis nostrum exercitationem ullam</a></li>
  114. <li><a href="#">Quis autem vel eum iure reprehenderit qui in voluptate</a></li>
  115. <li><a href="#">Velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum</a></li>
  116. <li><a href="#">Fugiat quo voluptas nulla pariatur lorem ipsum dolor sit amet</a></li>
  117. </ul>
  118. <p>Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate voluptatem quia voluptas sit aspernatur.</p>
  119. </div>
  120. </div>
  121. </article>
  122. <!--content end-->
  123. <!--footer -->
  124. <?php
  125. include("strona/stopka.html");
  126. ?>
  127.  
  128.  
  129.  
  130. <!--footer end-->
  131. </div>
  132. </div>
  133. </div>
  134. $(document).ready(function(){
  135. //gallery
  136. $("#gallery1").jCarouselLite({
  137. btnNext: ".next",
  138. btnPrev: ".prev",
  139. mouseWheel: true,
  140. vertical: true,
  141. circular: true,
  142. visible: 2,
  143. speed: 600,
  144. easing: 'easeOutCirc'
  145. });
  146. Cufon.now();
  147. })
  148.  
  149. </body>
  150. </html>


I mam dużo skryptów, a jeden jest wywoływany w:
  1. <section class="col1 pad_left1">

a drugi w:
  1. <section class="col1">


I gdy jest wklejony skrypt:
  1. <script src="js/jquery.min.js" type="text/javascript"></script>

to działa jedno wywołanie, a gdy go nie ma, to ziała drugie wywołanie...

Czy może mi ktoś pomóc sprawić, aby działały oba wywołania na raz?
Bardzo Proszę o pomoc ;]


PS:Jak ktoś potrzebuje, to udostępnię pliki js ;]


Go to the top of the page
+Quote Post
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


1. Masz dwa razy podpięte jquery js/jquery.min.js i js/jquery-1.6.js
2. Nie pokazałeś kodu który ci nie działa
3. Temat: JavaScript jesli Twoj watek go dotyczy KONIECZNIE przeczytaj
Go to the top of the page
+Quote Post
bartosz1311
post
Post #3





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 6.11.2010

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


1. Masz dwa razy podpięte jquery js/jquery.min.js i js/jquery-1.6.js <-- nie znalazłem
2.a) z <script src="js/kupa.js" type="text/javascript"></script> <-- działa przesuwanie, nie działa przełączanie
2.(IMG:style_emoticons/default/cool.gif) bez <script src="js/kupa.js" type="text/javascript"></script> <-- działa przełączanie, nie działa przesuwanie
3. Temat: JavaScript jesli Twoj watek go dotyczy KONIECZNIE przeczytaj <-- przeczytałem
Go to the top of the page
+Quote Post
lobopol
post
Post #4





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


1. No wybacz, ale użyj ctrl+f i sobie wyszukaj, jak byk masz linia 9 i 18 w tym co dałeś
2. Odpal sobie konsole i zobacz jakie masz błędy
3. To się zastosuj, patrz w konsole
Go to the top of the page
+Quote Post
bartosz1311
post
Post #5





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 6.11.2010

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


9 linia:
  1. <script type="text/javascript" src="js/jquery-1.6.js" ></script>


18 linia:
  1. <script src="js/jquery.min.js" type="text/javascript"></script>
Go to the top of the page
+Quote Post
lobopol
post
Post #6





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Gratulacje wskazałeś podane przeze mnie linie, a teraz zobacz co masz w konsoli.
Go to the top of the page
+Quote Post
bartosz1311
post
Post #7





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 6.11.2010

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


(IMG:http://www.fotoload.pl/123aa76/d49b116d9e3d384621dd5af07d42d13d9124.jpg)

I chciałem dodać, że piszę w dziale "Przedszkole", ponieważ na js się wcale nie znam i prosiłbym o pomoc w rozwiązaniu tego problemu (IMG:style_emoticons/default/biggrin.gif)

Problem rozwiązałem w bardzo prosty i beznadziejny sposób:

Skopiowałem jquery-1.6.js i wkleiłem do jquery.min.js (IMG:style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 26.09.2025 - 06:29