Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Funkcja load i wczytywanie pliku jak z include
Forum PHP.pl > Forum > XML, AJAX > AJAX
aleks365
Witam

mam taki skrypt
  1. var auto_refresh = setInterval(
  2. function()
  3. {
  4. $('#quota').load(location.href + ' #quota');
  5. }, 3000);
  6.  
  7. <span id="quota">{$zmienna}</span>


skrypt odświeża fajnie element ale jak ma odświeżyć np menu strony i menu mam z animacjami to po odświeżenie pierwszym już nie działa tak jak by omijało wszystkie biblioteki JavaScript i inne

Jest jakiś inny skrypt który będzie działał tak jak bym chciał?
Arcioch
Wystarczy tylko troszkę zmienić kod odpowiadający za animacje smile.gif One muszą być "live" bo zmienia się html. Wystarczy, że do animacji użyjesz funkcji live(), delegate() lub on() w zależności od wersji jQuery smile.gif
aleks365
Trochę mnie naprowadziłeś ale to nie to jeszcze ja dopiero zaczynam z JS
Arcioch
Pokaż kod odpowiedzialny za animacje w menu a coś pokombinujemy smile.gif Plus napisz jaka wersja jQuery smile.gif
aleks365
ok

ogólnie ta animacja się tyczy nie menu za bardzo bo to chodzi żeby po kliknięciu w Zaloguj się wyskoczyło okienko i bez odświeżania elementu wyskakuje normalnie a jak robię odświeżanie elementu przy użyciu .load to już nie działa


js ustawienia okienka itp
  1. <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
  2.  
  3. <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
  4.  
  5. <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
  6.  
  7.  
  8. $(document).ready(function() {
  9. var $loading = $('<img style="left:50%; top:50%; width:64px; height:64px; margin:-32px 0 0 -32px; position:absolute;" src="images/loading.gif">');
  10.  
  11. $('[id^=dialog_]').each(function() {
  12. var $dialog = $('<div></div>')
  13. .append($loading.clone());
  14. var $link = $(this).one('click', function() {
  15. $dialog
  16. .load($link.attr('href'))
  17. .dialog({
  18. show: 'blind',
  19. hide: 'explode',
  20. title: $link.attr('title#'),
  21. width: $link.attr('width#'),
  22. height: $link.attr('height#')
  23. });
  24.  
  25. $link.click(function() {
  26. $dialog.dialog('open');
  27.  
  28. return false;
  29. });
  30.  
  31. return false;
  32. });
  33. });
  34. });
  35.  
  36.  
  37. var auto_refresh = setInterval(
  38. function ()
  39. {
  40. $('#menu').load(location.href + ' #menu');
  41. }, 1000);
  42.  
  43.  
  44.  
  45. <div id="menu">
  46. <ul class="menu">
  47. <li class="menu"><a href="index.php" class="parent"><span>Strona główna</span></a></li>
  48. {if $user_id}
  49. <li class="menu"><a href="zmien_styl.html" class="parent"><span>Zmień styl</span></a></li>
  50. <li class="menu"><a href="moje_zdjecia.html" class="parent"><span>Moje zdjęcia</span></a></li>
  51. <li class="menu"><a href="wyloguj.html" class="parent"><span>Wyloguj się</span></a></li>
  52. {else}
  53. <li class="menu"><a id="dialog_logowanie" class="parent" width#="300" height#="200" title#="{$zaloguj_sie}" href="logowanie.html"><span>Zaloguj się</span></a></li>
  54. <li class="menu"><a id="dialog_rejestracja" class="parent" width#="300" height#="300" title#="{$rejestracja}" href="rejestracja.html"><span>Zarejestruj się</span></a></li>
  55. {/if}
  56. </ul>
  57. </div>



takie coś mniej więcej to jest tu masz link do oficjalnej strony tego okienka

http://jqueryui.com/dialog/

Wersje jQuery mam 1.7
Arcioch
Może to Cię naprowadzi smile.gif
Prosty przykład wczytujący plik do dialogu smile.gif

http://www.speedyshare.com/AxsAW/www.rar
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.