Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript][JAVA]Efektowne (animowane) ładowanie strony
Mayke512
post
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 6.11.2008

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

Nie wiem nawet w jakim to zrobić języku (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Mam stronkę w html-u. Jest na niej bardzo dużo grafiki, która się dość długo ładuje. Chciałbym zrobić efektowne ładowanie - pasek postępu lub takie obracające się kółko jak podczas ładowania filmów na youtube. Tylko chciałbym - i to jest najważniejsze - aby w czasie pokazywania tego komunikatu "Ładowanie strony" i paska postępu grafika i inne pliki ładowały się. Gdy pliki zostały by już ściągnięte na dysk komputera i gotowe do odczytu użydkownikowi otworzyła by się załadowana już strona. Da się coś takiego zrobić?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
marcio
post
Post #2





Grupa: Zarejestrowani
Postów: 2 291
Pomógł: 156
Dołączył: 23.09.2007
Skąd: ITALY-MILAN

Ostrzeżenie: (10%)
X----

http://mintajax.pl/Pobierz/ przedostatni link (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) i zrob tylko tak

[PHP] pobierz, plaintext 
  1. <?php
  2. $zawartosc = '<script type="text/javascript" src="../cms/mintAjax.js">
  3.  
  4. var req = null;
  5.  
  6. function ShowContent() {
  7.    $("tresc_ajax").innerHTML = req.responseText;
  8.    mint.fx.Fade("tresc_ajax", 90, 10, 2000);
  9.  
  10. }
  11.  
  12. function strona(cel) {
  13.  
  14.    req = mint.Request();
  15.    req.AddParam("parametr",cel);
  16.    
  17. req.OnLoading = function() { 
  18. $("loader").style.display = "block";
  19. $("loader").innerHTML = "<img src='Obrazkiinnekolo-loading.gif>"; 
  20. }
  21.  
  22. req.OnLoaded = function() { $("loader").style.display = "none"; }
  23.  
  24.    req.OnSuccess = function() {
  25.       
  26.       mint.fx.Fade("tresc_ajax", 10, 10, 500, null, ShowContent);
  27.    }
  28.    
  29.    req.Send("./system/modules/f_m_news.php")
  30. } 
  31.  
  32. </script>';
  33.  
  34.  
  35. $zawartosc .= '<body onload="strona();">
  36. <div id="loader" style="display: none; text-align:center;"></div>
  37. <div id="tresc_ajax"></div>';
  38.  
  39. echo($zawartosc);
  40. ?>
[PHP] pobierz, plaintext


Oczywiscie masz plik f_m_news.php a w nim odpowiedz na pytanie ajax'a? (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post

Posty w temacie
- Mayke512   [HTML][JavaScript][JAVA]Efektowne (animowane) ładowanie strony   6.11.2008, 16:41:57
- - marcio   Po co Java?? Pasek postepu zrobisz tylko w Flash....   6.11.2008, 16:57:04
|- - lord_t   Cytat(marcio @ 6.11.2008, 16:57:04 ) ...   6.11.2008, 21:20:40
- - Mayke512   No dodałem jave bo nie wiedziałem w jakim to język...   6.11.2008, 17:50:28
- - dk1342   lol jak gdzie ? po 1 musisz zmienić rozszeżenie z ...   6.11.2008, 19:16:07
- - bim2   Po co php, jak to jest javascript? ....   6.11.2008, 19:42:07
- - marcio   Bo wszystko jest zawarte w zmiennej $zawartos...   6.11.2008, 19:51:49
- - marcio   No nie pff mi wiadomo ze tylko we Flash zreszta ja...   6.11.2008, 21:23:12
- - Mayke512   Zrobiłem coś takiego Kod<?php ...   6.11.2008, 21:32:27
- - bim2   usun z poczatku <script> i pewnie nie masz...   6.11.2008, 21:34:16
- - marcio   http://mintajax.pl/Pobierz/ przedostatni link i z...   6.11.2008, 21:36:58
- - bim2   No własnie, na chusteczke tutaj ajax? Tutaj ...   6.11.2008, 21:42:00
- - marcio   Ja nie widze zadnego postepowania w % prawdziwy pr...   6.11.2008, 21:45:52

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 16.10.2025 - 16:55
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn