Nawigacja

Aktualnie online

Gości online: 12

Użytkowników online: 0

Łącznie użytkowników: 25,397
Najnowszy użytkownik: Lyokoheros

Logowanie

Zarejestruj się

Odzyskaj hasło

Shoutbox

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

sferahost

28.02.2025 21:31:55

Tak, "zesrało" się kodowanie. Przyznaję, za dużo rzeczy na raz a do tego jeszcze przeziębienie.

panicze

28.02.2025 20:50:22

Ten serwer co reklamujÄ siÄ na stronie, to jest dla mnie anty-reklamÄ

Pieta

28.02.2025 19:07:47

Uuu. CoĹ siÄ kodowanie strony wysypaĹo

JazOOn

26.02.2025 20:17:43

Tja. oficjalny zbigniew@. Czytam opisy paneli : " Wiemy co cie spodka przed emeryturo"

jantom

25.02.2025 22:56:44

I z ciekawostek, pogłoski o śmierci PF-a są przesadzone - na Discordzie i w GitHubie pojawiła się gałąź 10.0. Frederick widzę, że próbuje pudrować trupa. Szkoda, że stronę zostawił w stanie rozkładu.

Archiwum shoutboksa

O nie! Ta strona potrzebuje włączonej obsługi języka JavaScript!

Twoja przeglądarka nie obsługuje tego języka lub ma wyłączoną jego obsługę. Włącz wykonywanie kodu JavaScript w swojej przeglądarce internetowej, aby skorzystać ze wszystkich funkcji strony
lub skorzystaj z programu obsługującego język JavaScript, np. Mozilla Firefox, Apple Safari, Opera, Google Chrome lub Windows Internet Explorer w wersji wyższej niż 6.

Zobacz temat

Polski Oficjalny Support PHP-Fusion » PHP-Fusion v7 Support » Modyfikacje skryptów

Preloader strony w jQuery
kuboss6	#1 Dodany dnia 22.05.2011 16:18:02
Przedszkolak Postów: 23 Pomógł: 1 Ostrzeżeń: 5 Data rejestracji: 11.02.2011 23:41	Bardzo ładny preloader strony w jQuery. Efekt można zobaczyć na mojej stronie - http://soulflip.u...ontact.php Wykonanie: 1. Najpierw pobieramy plik z załącznika i foldery "js" , "css" wrzucamy na serwer gdzie jest nasza strona. 2. W pliku header.php wklejamy przed Rozwiń Kod źródłowy `echo "</head>\n<body>\n";` to Rozwiń Kod źródłowy `echo "<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>"; echo "<link rel=\"stylesheet\" href=\"css/queryLoader.css\" type=\"text/css\" />"; echo "<script type='text/javascript' src='js/queryLoader.js'></script>";` 3. A następnie w pliku footer.php wklejamy przed Rozwiń Kod źródłowy `echo "</body>\n</html>\n";` to Rozwiń Kod źródłowy `?> <script type='text/javascript'> QueryLoader.init(); </script> <?php` Od teraz możemy cieszyć się super preloaderem.:) PS: Jak się dodaje załączniki? kuboss6 dodał/a następującą plik: preloader_strony_jquery.rar [1.75kB / 614 Pobrane] Edytowane przez kuboss6 dnia 22.05.2011 16:45:35


Wścibski Gość	Dodany dnia 04.04.2025 14:24:42
Pan Kontekstualny Postów: n^x Data rejestracji: Zawsze
IP: localhost

Chemikpil	#2 Dodany dnia 23.05.2011 08:21:14
Bywalec Postów: 999 Pomógł: 54 Data rejestracji: 04.05.2008 21:46	A czemu do pliku footer? Dla mnie taki preloader powinien być uruchomiony przed wczytaniem DOM, a sam DOM powinien ładować się w trakcie animacji. Nie pisać na GG i PW w sprawach technicznych! ChemikPil - blog (w nowej odsłonie) \| ChemikPIL - My twitter


kuboss6	#3 Dodany dnia 23.05.2011 14:16:51
Przedszkolak Postów: 23 Pomógł: 1 Ostrzeżeń: 5 Data rejestracji: 11.02.2011 23:41	To gdzie lepiej?? Bo do header jest bez sensu bo str się jeszcze nie załaduje a preloader już znika. (Tylko w FF bo w chrome jest normalnie) Najlepiej jest chyba dodać ten 2 kod w panel. Czyli to Rozwiń Kod źródłowy `<script type='text/javascript'> QueryLoader.init(); </script>` Wklejamy w istniejący najwyższy panel po lewej stronie. Tylko że panel musi być pod php, czyli Rozwiń Kod źródłowy PHP `openside("nazwa panelu"); ?> Treść panelu <script type='text/javascript'> QueryLoader.init(); </script> <?php closeside();` Kliknij i zaczekaj na załadowanie kodu ... Edytowane przez kuboss6 dnia 23.05.2011 15:07:30


Crom	#4 Dodany dnia 23.05.2011 15:35:53
Początkujący Postów: 103 Pomógł: 15 Ostrzeżeń: 3 Data rejestracji: 26.08.2010 20:59	Bo do header jest bez sensu bo str się jeszcze nie załaduje a preloader już znika. Jeśli tak, to po prostu należałoby go wczytać, gdy strona się załaduje. Nie jestem do końca przekonany, czy to da oczekiwany rezultat, ale warto spróbować. Rozwiń Kod źródłowy JAVA `$(document).ready(function() { QueryLoader.init(); });` Kliknij i zaczekaj na załadowanie kodu ... Ogólnie istnieje zasada, żeby unikać implementowania kodów javascript w samych tagach <body>, ponieważ może to wywołać chociażby nieoczekiwane rezultaty lub niewłaściwe działanie strony. Do tego służy tag <head>, w którym należy umieścić ścieżkę źródłową do pliku js. Ja proponuję wrzucić to w header.php, między tagami <head></head>: Rozwiń Kod źródłowy PHP `echo "<script type='text/javascript' src='".INCLUDES."jquery.preloader.js'></script>\n";` Kliknij i zaczekaj na załadowanie kodu ... Stworzyć plik o nazwie jquery.preloader.js i wrzucić go w katalog includes: Rozwiń Kod źródłowy JAVA `$(document).ready(function() { QueryLoader.init(); });` Kliknij i zaczekaj na załadowanie kodu ...


kuboss6	#5 Dodany dnia 23.05.2011 16:02:02
Przedszkolak Postów: 23 Pomógł: 1 Ostrzeżeń: 5 Data rejestracji: 11.02.2011 23:41	I juz bez tego?? Rozwiń Kod źródłowy `<script type='text/javascript'> QueryLoader.init(); </script>` Jeśli tak, to po prostu należałoby go wczytać, gdy strona się załaduje. Nie jestem do końca przekonany, czy to da oczekiwany rezultat, ale warto spróbować. Ale to też nie za dobrze bo będzie widać str przy ładowaniu. Edytowane przez kuboss6 dnia 23.05.2011 16:03:44


Crom	#6 Dodany dnia 23.05.2011 16:04:03
Początkujący Postów: 103 Pomógł: 15 Ostrzeżeń: 3 Data rejestracji: 26.08.2010 20:59	Tak. Wystarczy zaimplementować tamten kod, co dałem wyżej.


kuboss6	#7 Dodany dnia 23.05.2011 16:14:19
Przedszkolak Postów: 23 Pomógł: 1 Ostrzeżeń: 5 Data rejestracji: 11.02.2011 23:41	W chrome wygląda to tak samo jak wcześniej a w ff teraz widać na początku str przez 1s i potem włącza się preloader


Crom	#8 Dodany dnia 23.05.2011 16:22:25
Początkujący Postów: 103 Pomógł: 15 Ostrzeżeń: 3 Data rejestracji: 26.08.2010 20:59	Ok. Teraz zaglądałem na oficjalną stronę tej wtyczki. Rzeczywiście całość trzeba wkleić na samym dole tuż przed </body> ze względu na fakt, że najpierw ładowany jest cały PHP, potem HTML i obrazki. Teraz przetwarza całą stronę, składa w pamięci podręcznej, a następnie wyświetla, więc jeśli najpierw załadujemy całą treść strony i na koniec tę wtyczkę, to wszystko powinno być w porządku.


piotrvx	#9 Dodany dnia 31.05.2011 11:09:49
Przedszkolak Postów: 32 Ostrzeżeń: 2 Data rejestracji: 15.08.2009 23:27	Jak zrobić ten preloader aby wyświetlał się tylko przy wejściu na forum lub inna konkretna stronę? Edytowane przez Pieka dnia 31.05.2011 15:40:56

Przejdź do forum:

Twój link u nas!

Nawigacja

Główne menu

Komunikacja

Elementarz

Dokumentacja

Aktualnie online

Logowanie

Shoutbox

Zobacz temat