Profil użytkownika na głównej stronie

Question

Witam,

W jaki sposób stworzyć "mini-profil", taki jak widnieje również w tej stronie w prawym górnym rogu ? Jak wygląda dodawanie pojemnika, który będzie trzymał avatar'a i nick gracza. Czy stosowane jest w tym przekierowanie ? (wydaje mi się, że nie gdyż gdy jesteśmy zalogowani, adres strony się nie zmienia)

 

Answer 1

Najłatwiej chyba przez modal-box (szukaj tego hasła w google, powinieneś znaleźć, choć to niekoniecznie musi być modalbox, zwykła animacja to jest...), czyli po prostu ukrywasz i pokazujesz diva, w którym znajdują się jakieś informacje o użytkowniku, które pobierasz przy wczytaniu strony. Ewentualnie możesz pobierać te informacje dopiero po kliknięciu przez Ajax, ale raczej nie ma sensu w tym wypadku.

W każdym razie podstawy JS powinny załatwić sprawę. 

Na forum są pobierane od razu i po prostu są niewidoczne, przez to, że "pole" z informacjami z użyktownikami jest ukryte. 

Comments

Okej, czyli zakładając.. mógłbym zrobić przekierowanie do mojej głównej strony po zalogowaniu. Na głównej stronie sprawdzić czy użytkownik jest zalogowany i jeżeli tak, zmieniam widoczność (lub go nie wyświetlam) diva zawierającego uprzednio np. "login / sign up" na diva z nazwą użytkownika etc.. zadziała ?

Z tym modal-boxem, to nie łatwa sprawa z tego co zauważyłem

---

Dokładni tak jak napisałeś, wystarczy zrobić prostego ifa, kiedy jesteś zalogowany wyświetlasz to co ma zobaczyć użytkownik a jeśli nie przycisk do logowania i rejestracji. Jeśli chcesz to zrobić dokładnie tak jak na tym forum dodajesz prosty element rozwijany, podstawy JS tak jak kolega wyżej wspomniał. P.S polecam jQuery

---

@Yashe, Tak, zwykłem ifem sprawdzasz czy użytkownik jest zalogowany, jak jest to pobierasz odpowiednie informacje, a diva z tymi informacjami trzymasz ukrytego, i w zależności od akcji rozwijasz/chowasz. Jak nie jest zalogowany, to trzymasz tam po prostu formularz do logowania. 

Zresztą już @mi-20 potwierdził. :) Co do jQuery, to jak tam chcesz. ;) Ja polecam zacząć od czystego JS-a, ale jQuery pewnie będzie prościej. 

---

Dziękuje za odpowiedzi ! Wszystko jasne i przejrzyste 

---

A jednak..

Stworzyłem bez problemu przekierowanie do strony, gdy osoba się zalogowała. If'em sprawdzam czy jest zalogowana, i jeżeli tak, tworzę div'a, który posiada username i inne potrzebne zmienne. Niestety nie wiem jakim sposobem mam sprawić aby element z mojego menu (stworzonego listą numerowaną) został "skasowany", a lepiej mówiąc.. nie wyświetlany.

---

No wrzuć go do tego ifa, gdzie sprawdzasz czy jest zalogowany. :)

---

Boże, to chyba najprostsze rozwiązanie, a na nie, nie wpadłem.. wystarczyło do else'a dodać to gdy ktoś nie jest zalogowany, a gdy jest dodać sam profil. 

@Kamil_Łydka Dziękuje serdecznie, chyba przyda mi się krótka przerwa od komputera