JavaScript - logowanie z załadowaniem fragmentu strony.

pytanie zadane 2 listopada 2017 w JavaScript przez Motorox122 Nowicjusz (170 p.)

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!

2 odpowiedzi

odpowiedź 2 listopada 2017 przez Mikołaj Kawczynski Dyskutant (9,160 p.)

odpowiedź 2 listopada 2017 przez Dorian Bajorek Dyskutant (7,920 p.)

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

komentarz 2 listopada 2017 przez Motorox122 Nowicjusz (170 p.)

Dokładnie o to mi chodziło :) Ja bym zrobił inaczej lecz serwis do zrobienia na ocenę, który dostałem od nauczyciela tego wymaga ;c. Dlatego chciałem się dowiedzieć jak to zrobić i czy jest to opłacalne.

komentarz 2 listopada 2017 przez Boshi VIP (100,240 p.)
edycja 2 listopada 2017 przez Boshi

Powiedz nauczycielowi, że to jest głupi pomysł i gra nie warta świeczki, chyba, że ideą tego zadania jest nauczenie was operacji na DOM.

nie patrz na to

komentarz 2 listopada 2017 przez Ehlert Ekspert (212,790 p.)

Jest to możliwe, opłacalne i pół świata tak działa. Po prostu wyślij request Ajaxem. Możesz użyć jquery, będzie łatwiej.

komentarz 2 listopada 2017 przez Motorox122 Nowicjusz (170 p.)

Oki. Dzięki za podpowiedź będę kombinował :D

komentarz 2 listopada 2017 przez Boshi VIP (100,240 p.)

Ehlert, ajax to tu nic do rzeczy nie ma...

w sumie to wystarczy dla niezalogowanego użytkownika w sumie wyświetlić częśc formularza a dla zalogowanego całosć strony. jeden warunek. Tak mnie oświeciło teraz ;D

ala kod

jeżeli nie zalogowany ->pokaż formularz

jeżeli zalogowany (session['user'])->istnieje, pokaż resztę strony bez formularza.

komentarz 2 listopada 2017 przez Motorox122 Nowicjusz (170 p.)

No właśnie tak to ma działać ;d Ten formularz zostać może lecz żeby całość się pokazała po zalogowaniu. I zastanawiam się jak to zrobić w skrypcie ;c Tutaj kod mojego skryptu do logowania:

<script type="text/javascript">
	function sprawdz() {
	var x=document.forms["myFormularz"] ["login"].value;
	var y=document.forms["myFormularz"] ["haselo"].value;
	if(x==null || x=="" || y==null || y=="")
	   {
	      alert("Pola nie mogą być puste!");
	   }
	     else {
                  if(x==="admin")
				  {
				     if(y==="admin")
					 {
					    alert("Witaj! Zostałeś poprawnie zalogowany");
						window.open("testowo.html");
					 }
					 else{
					 alert("Błędne hasło!");
					 }
				  }
				  else{
				        alert  ("Brak takiego użytkownika");
				  }
 			 }
			 }

komentarz 2 listopada 2017 przez Boshi VIP (100,240 p.)

ale to musi być w js w ogóle? bo ja logowanie rozumiem jako coś po stronie serwera. To co ty robisz to jest podstawienie danych które znikną po przeładowaniu strony

komentarz 2 listopada 2017 przez Motorox122 Nowicjusz (170 p.)

Dopytam jeszcze jutro nauczyciela bo nam tak to wyjaśnił, że sam pewnie nie wiedział czego oczekuję od nas w tym serwisie :v. Dam znać jak się dowiem ;) (Dotychczas robiliśmy zawsze takie logowanie w js lecz z przekierowaniem na inną stronę po prawidłowym zalogowaniu a teraz sobię wymyślił, że ma pozostać na tej samej stronie i wiem, że te dane będą znikać ;c) Dopytam i napiszę dokładnie to co się od niego dowiem.

komentarz 2 listopada 2017 przez Boshi VIP (100,240 p.)

ale to nie było logowanie... js działa po stronie przeglądarki a nie serwera, nie ma możliwości utrzymać danych pomiędzy stronami. To co wy robicie jest namiastką autoryzacji po HTTP.

nie masz tego zadania zapisanego gdzieś?

komentarz 2 listopada 2017 przez Motorox122 Nowicjusz (170 p.)

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

komentarz 2 listopada 2017 przez Boshi VIP (100,240 p.)

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.