[JavaScript][HTML]Ładowanie strony w js? Opcje

[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 Ż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ć.

[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:

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 
$("a").click(function ()
{
 $("div").toggle();
});
[JAVASCRIPT] pobierz, plaintext 

i

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

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

[HTML] pobierz, plaintext 
<a>pokaż div</a>
<div>Ładuję</div>
[HTML] pobierz, plaintext 

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.

Ten post edytował !*! 23.08.2011, 11:48:16