ForumCała strona

Nawigacja

Aktualnie online

Gości online: 5

Użytkowników online: 0

Łącznie użytkowników: 25,400
Najnowszy użytkownik: AlojzyBartek

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

Zbigniew@
17.11.2024 11:33:24
Nie ten grzeszy kto pije, ale ten, kto się nie upije.

JazOOn
16.11.2024 20:46:18
tja

Zbigniew@
15.11.2024 18:58:17
Kto pije, ten nie bije.

JazOOn
31.10.2024 20:49:47
Kto pije?

piterus
30.10.2024 19:45:48
I będziemy śpiewać: "Kiedy 20 blisko, przebadaj wszystko, przebadaj wszystko..." Pfft

Pobierz nową wersję
Pobierz podręcznik
Zobacz inne oficjalne Supporty
Statystyki supportu
PHP-Fuson PL na Facebooku

RSS

Polecamy hosting SferaHost.pl

Zobacz temat

Polski Oficjalny Support PHP-Fusion » PHP-Fusion v7 Support » Wtyczki i panele
 Drukuj temat
[OH] Preloader w PHP-Fusion v7
jantom
Wyżej  #1 Drukuj posta
Dodany dnia 29.10.2008 23:24:21
Pamiętacie efekt z tematu Preloader w PHP-Fusion? Jak nie, to możecie go sobie przypomnieć, pokrótce - gdy strona się ładuje, widać planszę "Trwa ładowanie strony blablabla". Gdy już wszystko jest gotowe, plansza znika a pojawia się piękna, załadowana strona.
Pobierz kod źródłowy  GeSHi: PHP
  1. $preloader = "Trwa ładowanie strony. Proszę chwilę poczekać."; //Tutaj wpisujemy treść preloadera
  2. $style = "<style type='text/css'>
  3. #preloader {
  4.    position: static;
  5.    height: 100%; width: 100%;
  6.             display: block;
  7.    z-index: 100;  
  8.             background: #ffffff;}
  9. #strona {
  10.    display: none;
  11. }
  12. </style>
  13.  
  14.  
  15. <script type='text/javascript'>
  16. /*Skrypt, który ma zmienić widoczność warstw*/
  17. function schowaj(){
  18.    document.getElementById('preloader').style.display='none';
  19.    document.getElementById('strona').style.display='block';
  20. }
  21.  
  22. </script>";
  23. $preloader_start= "<body onLoad=\'javascript:schowaj();\'>\n
  24. <!--Tu wyświetla się warstwa preloadera-->
  25. <div id=\'preloader\'>
  26.    ".$preloader."
  27. </div>
  28. <!--Teraz zacznie się reszta strony-->
  29. <div id=\'strona\'>";
  30. $preloader_end = "</div></body>";
  31. add_to_head($style);
  32. replace_in_output("<body>",$preloader_start);
  33. replace_in_output("</body>",$preloader_end);
Zinterpretowano w sekund: 0.022, wykorzystano GeSHi 1.0.8.10

Jak odpalić toto? Stworzyć nowy panel, wkleić powyższy kod, uruchomić panel. W zmiennej $preloader można sobie ustawić własny tekst, $style odpowiada za doczepiane style oraz sam skrypt podmiany. Reszty w sumie nie tłumaczę, bo nie ma co ich dotykać.
Edytowane przez jantom dnia 25.11.2011 23:22:44
 
http://jantom.info
Wścibski Gość
Dodany dnia 22.11.2024 21:50:20
Pan Kontekstualny

Postów: n^x
Data rejestracji: Zawsze

 Polecamy hosting SferaHost.pl
IP: localhost  
Wooya
Wyżej  #2 Drukuj posta
Dodany dnia 30.10.2008 10:08:41
Jantom cosik nie tak z tym kodem. Pod FF3 raz ladnie dziala, a innym razem napis informujacy o ladowaniu strony nie znika. Pod IE7 wyskakuje blad o przerwaniu ladowania strony i 'Program Internet Explorer nie może wyświetlić witryny sieci Web'.
... Pomagam tylko przy najnowszych wersjach PHP-Fusion ...
koder_1.png
 
jantom
Wyżej  #3 Drukuj posta
Dodany dnia 30.10.2008 19:28:56
Dziwna sprawa... Poprzednia wersja nie sprawiała tego typu problemów, Przed chwilą testowałem i nie zauważyłem następujących objawów. Jednak zmiany i tak będą - właśnie mi uświadomiłeś największy błąd całej zabawki - ktoś wyłączy javascript i po ptokach. Strona niedostępna.
Edytowane przez jantom dnia 30.10.2008 19:40:16
 
http://jantom.info
Wooya
Wyżej  #4 Drukuj posta
Dodany dnia 31.10.2008 08:04:32
Pomijajac fakt wylaczenia JS nie lepiej zastosowac $(document).ready() z jQuery zamiast onLoad?
... Pomagam tylko przy najnowszych wersjach PHP-Fusion ...
koder_1.png
 
virusxd
Wyżej  #5 Drukuj posta
Dodany dnia 31.10.2008 15:20:19
Łeee jako panel którego nie widać hehe(ja mam już dość paneli Pfft), ja dziękuję za taki panel może można prosić wersję dla tych co wolą modyfikacje? Oby nie pliku theme.php bo mam trochę sporo styli.

PS: Przydało by się zrobić takie półprzeźroczyste tło Pfft aby było widać w tle ładującą się stronę Smile
 
www.deeveris.com
djdandi
Wyżej  #6 Drukuj posta
Dodany dnia 05.04.2009 13:36:50
Dziwne ale nie działa mi ten bajer ani na FF3 ani na IE7
Czy wam działa to?
Mi nic się nie pojawia
www.eurodancehits.pl

Pozdrawiam
 
http://pogoda.brzanekonline.pl
Bluematt
Wyżej  #7 Drukuj posta
Dodany dnia 05.04.2009 17:57:00
A włączyłeś panel w PA ? Samo dodanie kodu nie wystarczy, trzeba ten panel jeszcze włączyć.

Wiadomość doklejona:
BTW. U mnie nie działa Frown
Edytowane przez Bluematt dnia 05.04.2009 17:59:02
 
zuri1984
Wyżej  #8 Drukuj posta
Dodany dnia 15.09.2009 18:24:16
Zrobiłem sobie preloader wszystko ładnie działa ale mam problem bo pod animacją pojawia się napis Darmowy Hosting CBA.PL da radę to jakoś wyrzucić z preloadera?
  1. Problem rozwiązany
Edytowane przez zuri1984 dnia 15.09.2009 20:47:42
 
szpiegss
Wyżej  #9 Drukuj posta
Dodany dnia 29.10.2009 21:28:56
Niestety nie działa to tak jak trzeba ani pod Opera 10 ani pod Firefoxem! Da się jakość to przerobić aby działało na php-fusion v7?
Edytowane przez szpiegss dnia 02.11.2009 17:59:52
 
http://www.szpiegss.eu
razin
Wyżej  #10 Drukuj posta
Dodany dnia 03.11.2009 22:19:01
Witam mam pytanie odnośnie tego preloadera. Stronka wczytuje mi się z pliku news.php a zauważyłem jest również plik index.php. Czy można by było dodać do tego pliku kod html preloadera który by opóźnił wczytywanie strony zanim dana animacja flash się zakończy.
Edytowane przez razin dnia 03.11.2009 22:26:42
 
Borek
Wyżej  #11 Drukuj posta
Dodany dnia 28.03.2010 13:35:46
Jak mógłbym zmienić sobie ten kodzik, żeby na środku był jakiś obrazek animowany pokazujący ładowanie? Tzn. zamiast napisu miałby być obrazek. I ten napis miałby być centralnie na środku strony, czyli też ekranu monitora.
Edytowane przez Borek dnia 28.03.2010 13:36:00
Nie pomagam przez GG, PW itp. Tylko tutaj.
php-fusion-pl.jpg
 
www.ddadc.com.pl
hoopak
Wyżej  #12 Drukuj posta
Dodany dnia 28.03.2010 14:19:35
Zamiast tekstu dajesz obrazek, a potem w stylach pozycjonujesz obrazek(#preloader).
Przykład:
Pobierz kod źródłowy  Rozwiń Kod źródłowy PHP
Edytowane przez hoopak dnia 28.03.2010 15:27:39
 
www.hoopak.pl
Borek
Wyżej  #13 Drukuj posta
Dodany dnia 31.03.2010 17:17:50
Dzięki. Wink Działa. Grin
Nie pomagam przez GG, PW itp. Tylko tutaj.
php-fusion-pl.jpg
 
www.ddadc.com.pl
sokisok
Wyżej  #14 Drukuj posta
Dodany dnia 02.03.2012 20:19:14
Mógł by mi ktoś zrobi wersje że jest wyciemnienie i ładowanie obrazowe ? Smile i żeby wszystko było na środku strony.
 
Przejdź do forum:
Created by Arox Copyright (C) 2004
Copyright (C) 2004 - 2018 Ekipa PHP-Fusion.pl