JavaScript - logowanie z załadowaniem fragmentu strony.

Question

Witam. Potrzebuję pomocy związanej z stworzeniem skryptu do logowania. Chodzi o to, że uruchamiając stronę ma mi się wyświetlić tylko panel logujący i górna część strony natomiast po zalogowaniu się z formularza ma mi się załadować już cała strona.(ta sama bez przechodzenia do innego pliku itd.)

Skrypt logowania mam już zrobiony natomiast nie wiem jak mogę zatrzymać stronę oraz po prawidłowym zalogowaniu kontynuować ją do całego załadowania żeby uzyskać efekt poniżej: 

Z góry dziękuję za wszystkie pomoce! 

Answer 1

Js i manipulowanie display.

Dajesz sobie div logowanie i i div reszta i zależnie od stanu rzeczy dajesz dispaly none, lub display "" (żeby użył domyślnego/z css).

Answer 2

Mam rozumieć że z pierwszego zdjęcia po zalogowaniu mamy przejść do zdjęcia drugiego? Jest to możliwe bez udziału innego pliku,ale jest to czasochłonne i nie opłacalne(możesz bawić się DOM).Lepiej nawet przeładować stronę przez otwarcie nowej strony.Nie wiem czemu tego nie chcesz :/

Comments

To wiem.. lecz nazywam to tak jak to mówią nauczyciele w szkołach xd. Poziom nauczania jest taki sobie lecz wykonywanie niektórych zadań w językach, które do tego nie służą jest dla mnie idiotyzmem. To co mówił nauczyciel na lekcji: Macie zrobić serwis tak jak na obrazku wrzuciłem przykładowy, który zawsze wykonujemy, ma być to śmieszne "logowanie"  z formularza ma się wyświetlić tylko górna część strony i po wpisaniu danych w formularz i kliknięciu zaloguj ma się pojawić reszta strony tego samego pliku. Od razu dlatego postanowiłem napisać tutaj żeby ktoś doświadczony mnie naprowadził.

W html 5 i css3 + js

---

no to zostaje ci DOM.  Mało ma to wspólnego z dobrą praktyką no ale..

Na starcie strony wyświetl sobie formularz tylko. Reszta strony, będąca np w jakimś divie id content, ukryta przez display:none.

Po poprawnym zalogowaniu, po prostu daj w js display:block i tyle.. możesz dodać jakieś efekty typu slide by się płynnie pokazywała.

---

Oki. Dziękuję bardzo za pomoc.

---

Na starcie strony wyświetl sobie formularz tylko. Reszta strony, będąca np w jakimś divie id content, ukryta przez display:none. 

normalnie szczyt zabezpieczeń... :)

---

Tak samo szczytem jest jakieś pseudo logowanie.. serio nie zauważyłeś, że to jest do szkoły a nie projekt kliencki ?