Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML]Ładowanie strony w js?
Forum PHP.pl > Forum > Przedszkole
Robert007
Witam.

Strony takie jak: nolags.pl czy też servhost.pl mają takie ładowanie stron że jak coś klikniemy to wyskakuje ładowanie strony w takim kółeczku jak na youtube filmy gdy ładuje. W czym te strony są zrobione i jak takie ładowanie strony zrobić?
nospor
AJAX + wyświetlanie loadera
Robert007
To jest tylko wyświetlanie loadera w ajax'ie? Coś właśnie mi się kojarzyło z js tego typu. Takie ładowanie to trzeba zrobić do każdego linka w onclick?
nospor
Loader jest poza ajaxem. AjAXem pobierasz swoją stronę.
Robert007
Czyli coś typu jak cennik gier tutaj: http://servhost.pl/price_list.php questionmark.gif Że po wybraniu gry ładuję się formularz odpowiedni.
nospor
No tak. To samo masz nolags.pl czy też servhost.pl które już wymieniłeś.
Robert007
Jak tę ładowanie można zrobić? Nie bardzo wiem jak się za to zabrać. dry.gif
nospor
O jakim znowu ładowaniu mówisz? O treści? To poczytaj o AJAX. Polecam jQuery.
Robert007
Akurat mi chodziło tu o rameczkę "ładowanie strony"
nospor
No to zwykły div z tekstem, który pokazujesz gdy pobierasz dane ajaxem a chowasz gdy skonczysz pobierać.
Robert007
No dobrze, ale jak powiedzmy mam całą stronkę zrobioną a chciałbym aby ten div był na środku strony pokazany to nie wiem za bardzo jak to wygląda na kodzie. Znaczy nie rozwali mi to szablonu? Chyba że ten div jest wyświetlany przez ajax czy coś tam innego?
nospor
style position:absolute i ustawiasz diva gdzie chcesz.
Robert007
Dałem tak w linku:
Cytat
onclick="<div style='position:absolute'>Ładowanie<div>"


Coś nic się nie dzieje.
nospor
Bo napisałeś jakieś bzdury to nic się nie dzieje
Tak się diva nie pokazuje.
Robert007
A jak to ma wyglądać? Osobną stronę mam robić - tak jak by?
CuteOne
Tak jakby google -> podstawy JS. później - jquery tutorial a na końcu coś o ajaxsie
nospor
Ale po co osobną stronę?
Na stronie masz dać diva:
<div style="position:absolute;left:100px;top:100px;display:none;">Loading...</div>

Ten div na dzień dobry jest ukryty. Teraz pokazujesz go kiedy chcesz - czyli przy rozpoczęciu ajaxa.
Robert007
Czyli zostało tylko w divie zmienić ten display? No dobrze ale jak to ma zmienić jak musi być coś w onclick?
nospor
jquery:
Kod
jQuery('#iddiva').show();

Ten kod pokaże diva o zadanym id. Zapoznaj się wreście z jquery lub podstawami js a nie pytasz o podstawy podstaw. Niedługo "jakiś" moderator zamknie temat.
!*!
raczej

[JAVASCRIPT] pobierz, plaintext
  1. $("a").click(function ()
  2. {
  3. $("div").toggle();
  4. });
[JAVASCRIPT] pobierz, plaintext


i

[JAVASCRIPT] pobierz, plaintext
  1. $("div").toggle();
[JAVASCRIPT] pobierz, plaintext


Wywołujesz jeszcze raz zaraz po poprawnym załadowaniu.

  1. <a>pokaż div</a>
  2. <div>Ładuję</div>


I tego typu wyświetlenie diva robisz nie po kliknięciu w link, a w trakcie wykonywania ajax wink.gif inaczej div będzie się pokazywał za każdym razem po kliknięciu, nawet jeśli ajax dawno załaduje plik.
nospor
toggle uzywa się gdy chce się miec toggle. Tutaj nie chcemy toggle tylko chcemy pokazywac div na rozpoczęcie i chować na zakonczenie. Ma być show i ma być hide
Bo jak mu coś źle pójdzie to może się okazać ze dając toggle będziesz chował zamiast pokazać.
!*!
Kwestia podejścia, dlatego napisaeł że ma to zrobić z poziomu odwoływania do pliku.
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.