Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX] Przeładowanie diva
Forum PHP.pl > Forum > Przedszkole
artekp999
Mam skrypt galerii który można w każdej chwili włączyć lub wyłączyć dane zapisywane są w ciasteczkach.
Teraz postanowiłem aby ta zmiana działa się bez przeładowania.
Aktualnie zaczynam naukę naukę Ajaxa. Napisałem taki kod
  1. $(document).ready(function(){
  2. $(".galeria").live("click", function(){
  3. $.ajax({
  4. url: 'wylacz_galerie.php',
  5. cache: false,
  6. });
  7. });
  8.  
  9. });


Kod działa ale nie do końca. Nie przeładowuje mi diva więc zmiana jest widoczna dopiero po przekierowaniu.
Co dodać do tego kodu żeby dany div przeładował się questionmark.gif?
maviozo
Kod
    $(document).ready(function(){
    $(".galeria").live("click", function(){
    $.ajax({
    url: 'wylacz_galerie.php',
    cache: false,
    complete:function(html){
// funkcja działa po wykonaniu


}
    });
    });
    
    });
W funkcji możesz zrobić co chcesz. W zmiennej html wewnątrz tej funkcji masz odpowiedź z pliku wylacz_galerie.php ale oczywiście nie musisz z niej korzystać. Jeżeli chcesz ukryć diva, to możesz wpisać $(".galeria").hide(); w tej funkcji. Jeżeli zaś chciałbyś wstawić w niego odpowiedź z pliku wylacz_galerie.php piszesz: $(".galeria").html(html);
toaspzoo
Kod
$('.galeria').load();


dla unikalnych elementów użyaj # - id
artekp999
próbowałem już na wiele sposób, niektóre działały ale częściowo.
Zamieszczam wam cały kod i proszę o pomoc. Pominąłem niepotrzebny kod.
Dla ułatwienia podam jeszcze adres strony http://www.dziedzictwo-kulturowe.cba.pl
  1. <script type="text/javascript">
  2. (function($){
  3. $(document).ready(function(){
  4. $(".galeria").live("click", function(){
  5. $.ajax({
  6. url: 'wylacz_galerie.php',
  7. cache: false,
  8. complete:function(html){
  9. }
  10. });
  11. });
  12.  
  13. });
  14. })(jQuery);
  15. </script>
  16.  
  17. <div id="WYLACZNIK">
  18. <?php if (empty($_COOKIE['galeria'])){
  19. echo'<div class="odsylacze"><div style="line-height:32px;"><a href="#" class="galeria">Kliknij tutaj aby wyłączyć galerię</a></div></div>';
  20. }
  21. else
  22. {
  23. echo'<div class="odsylacze"><div style="line-height:32px;"><a href="#" class="galeria">Kliknij tutaj aby włączyć galerię</a></div></div>';
  24. }
  25. ?>
  26. </div>
  27.  
  28. <div id="FLASH"><?php
  29. <?php if (empty($_COOKIE['galeria']))
  30. {
  31. echo'<div class="slideshow">
  32. <img src="/galeria/1.jpg" width="250" height="200" alt="Bląd"/>
  33. <img src="/galeria/2.jpg" width="250" height="200" alt="Bląd"/>
  34. <img src="/galeria/3.jpg" width="250" height="200" alt="Bląd"/>
  35. <img src="/galeria/4.jpg" width="250" height="200" alt="Bląd"/>
  36. <img src="/galeria/5.jpg" width="250" height="200" alt="Bląd"/>
  37. <img src="/galeria/6.jpg" width="250" height="200" alt="Bląd"/>
  38. <img src="/galeria/7.jpg" width="250" height="200" alt="Bląd"/>
  39. <img src="/galeria/8.jpg" width="250" height="200" alt="Bląd"/>
  40. <img src="/galeria/9.jpg" width="250" height="200" alt="Bląd"/>
  41. <img src="/galeria/10.jpg" width="250" height="200" alt="Bląd"/>
  42. <img src="/galeria/11.jpg" width="250" height="200" alt="Bląd"/>
  43. <img src="/galeria/12.jpg" width="250" height="200" alt="Bląd"/>
  44. <img src="/galeria/13.jpg" width="250" height="200" alt="Bląd"/>
  45. <img src="/galeria/14.jpg" width="250" height="200" alt="Bląd"/>
  46. </div>';}?>
  47. </div>


.
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.