Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: łądowanie strony Jquery
Forum PHP.pl > Forum > Po stronie przeglądarki
politech
hej, mam strone w pph, które troche się ładuje(mieli wyniki rzucone przez skrypt basha więc trwa to około 10s). Chciałbym aby do momentu załądowania się pełnej strony wyskoczył eran łądowani z przygotowanym przezemnie gifem:

  1. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
  2. <script>
  3. debugger;
  4. function load(file) {
  5. debugger;
  6. $.ajax({
  7. url: file,
  8. type: "POST",
  9. beforeSend: function (data) {
  10. $("#tresc").slideUp("fast", function() { $(this).html('<div style="text-align : center"><img src="./ajax-loader.gif" alt="loader"/></div>').slideDown("fast") });
  11. },
  12. success: function(data) {
  13. var time = Math.floor(Math.random()*4000)
  14. setTimeout(function(){$("#tresc").hide().html(data).slideDown("normal");},time);
  15. }
  16. })
  17. }
  18.  
  19. </script>


Niestety dla takiego skryptu oraz wywołania:
  1. <li><a href="config.php"><a href="conf_manual.php" onclick="load(conf_manual.php);return false;" id="btnLoad">Ręcznie</a></li>

w ogole nie wchodzi mi do funkcji load

Ilware
napisz to normalnie AJAX'em a nie przez jQuery

zanim to wywołasz ładujesz grafikę,jak dostajesz odpowiedź z serwera to ją kasujesz

  1. client.open('POST', 'ajax.php', true); // asynchronicznie
  2. // odpowiedni typ [aby moc wysylac dane]
  3. client.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8' );
  4. // wyslij dane
  5. client.send('dane do wysłania');
  6. client.onreadystatechange = function()
  7. {
  8. if (200 === this.status && 4 === this.readyState)
  9. {
  10. alert('status: ' + this.statusText + '\n' +
  11. this.responseText);
  12. }
  13. }
  14. }
politech
a czemu ta moja wersja nie działa?
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.