Robert007
22.08.2011, 14:34:40
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
22.08.2011, 14:35:57
AJAX + wyświetlanie loadera
Robert007
22.08.2011, 14:39:58
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
22.08.2011, 14:43:20
Loader jest poza ajaxem. AjAXem pobierasz swoją stronę.
Robert007
22.08.2011, 14:45:26
Czyli coś typu jak cennik gier tutaj:
http://servhost.pl/price_list.php 
Że po wybraniu gry ładuję się formularz odpowiedni.
nospor
22.08.2011, 14:46:32
No tak. To samo masz nolags.pl czy też servhost.pl które już wymieniłeś.
Robert007
22.08.2011, 15:17:23
Jak tę ładowanie można zrobić? Nie bardzo wiem jak się za to zabrać.
nospor
22.08.2011, 15:18:12
O jakim znowu ładowaniu mówisz? O treści? To poczytaj o AJAX. Polecam jQuery.
Robert007
22.08.2011, 15:32:19
Akurat mi chodziło tu o rameczkę "ładowanie strony"
nospor
22.08.2011, 15:33:42
No to zwykły div z tekstem, który pokazujesz gdy pobierasz dane ajaxem a chowasz gdy skonczysz pobierać.
Robert007
22.08.2011, 15:37:28
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
22.08.2011, 15:39:21
style position:absolute i ustawiasz diva gdzie chcesz.
Robert007
22.08.2011, 15:48:57
Dałem tak w linku:
Cytat
onclick="<div style='position:absolute'>Ładowanie<div>"
Coś nic się nie dzieje.
nospor
22.08.2011, 15:51:12
Bo napisałeś jakieś bzdury to nic się nie dzieje
Tak się diva nie pokazuje.
Robert007
22.08.2011, 16:01:06
A jak to ma wyglądać? Osobną stronę mam robić - tak jak by?
CuteOne
22.08.2011, 16:22:23
Tak jakby google -> podstawy JS. później - jquery tutorial a na końcu coś o ajaxsie
nospor
23.08.2011, 06:29:24
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
23.08.2011, 08:54:38
Czyli zostało tylko w divie zmienić ten display? No dobrze ale jak to ma zmienić jak musi być coś w onclick?
nospor
23.08.2011, 09:04:29
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
$("a").click(function ()
{
$("div").toggle();
});
i
$("div").toggle();
Wywołujesz jeszcze raz zaraz po poprawnym załadowaniu.
I tego typu wyświetlenie diva robisz nie po kliknięciu w link, a w trakcie wykonywania ajax

inaczej div będzie się pokazywał za każdym razem po kliknięciu, nawet jeśli ajax dawno załaduje plik.
nospor
23.08.2011, 11:47:34
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.