Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Menu z zakładkami
Forum PHP.pl > Forum > XML, AJAX
Vitoss
W jaki sposób można zrobić menu takie, jakie jest np. na http://www.gery.pl - chodzi mi o to pole z zakładkami po prawej stronie na górze - z napisami Gery.pl, Katalog, Firmy, itp. Głównym celem jest to, żeby zakładki się zmieniały, jednak aby strona się nie przeładowywała guitar.gif
revyag
1. Popatrz w źródło strony albo
----
teria:
http://advajax.anakin.us/index-pl.htm

schemat:
1. Robisz kilka plików z treścią która ma być wyświetlana na poszczególnych podstronach
2. Zapytanie przy użyciu ajaxa do pliku który odpowiada danej opcji w menu
3. Treść którą odstaniesz w odpowiedzi na zapytanie, wstawiasz w przygotowane wcześniej miejsce na stronie.
gekon
A po co strzelać AJAXem do wróbla?

Schemat2:
1. Robisz kilka divow z...
2. Przy kliknięciu pokazujesz ten właściwy, a resztę ukrywasz.
Vitoss
Właśnie chyba tak śmignę jak Gekon mówi guitar.gif

Dzięki za odpowiedzi biggrin.gif
Jarod
Cytat(gekon @ 7.08.2006, 14:36 ) *
A po co strzelać AJAXem do wróbla?

Schemat2:
1. Robisz kilka divow z...
2. Przy kliknięciu pokazujesz ten właściwy, a resztę ukrywasz.


Możesz pokazać na prostym przykładzie (2 zakłądki)?
UNK
  1. function $($id) {
  2. return document.getElementById($id);
  3. }


  1. <div id='menu'>
  2. <a onclick=\"$('first').style.display='none'; $('second').style.display='block'; \">pierwsza</a>
  3. <a onclick=\"$('first').style.display='block'; $('second').style.display='none'; \">druga</a></div>
  4. <div id='first' style=''>tekst pierwszej zakladki</div>
  5. <div id='second' style=\"display= 'none';\">tekst drugiej zakladki</div>


Pisane z głowy i nie jestem pewien czy będzie dobrze działało ale chodzi o takie coś.
Ładujesz do kilku div'ów treść która tam ma być i ukrywasz wszystkie oprócz aktywnego, a przy zmianie zakładek pokazujesz wybraną resztę ukrywasz.

PS. Zakładam że posiadasz funkcje $(id) a jak nie to jest wyżej tongue.gif
Jarod
Myślałem, że gekon mowił o sposobie bez JS
gekon
Nie da się bez JS, bo CSS nie posiada pseudoklasy :click i paru innych rzeczy smile.gif
hinol
ale wlasnie chodzi o uzycia ajaxa, bo po co ladowac wszystkie zakladki jak mozna jedna, strona szybciej sie laduje,

o to wlasnie chodzi, a pokazywanie i ukrywanie warstw ja bym zostawił do menu

tu masz prawie dzialajacy przyklad haha

http://matex.waw.pl/przyklady/ajax2/

w sumie powinien dzialac, jak wlaczylem mi nie dzialal, ale jak odswiezylem zaczal, moze daltego ze mam cos z przegladarką.

Oczywiscie mozna to lepiej zrobic smile.gif
MariuszT
Na gazeta.pl jest zrobione tak jak gekon napisal. Ja bym mimo wszystko obstawial takie rozwiazanie no chyba, ze w ktorejs zakladce mialo by byc np. pole rozwijane z duza iloscia kodu. Wtedy by sie niepotrzebnie dlugo ladowala strona. Ale ogolnie prostsze rozwiazania sa lepsze ;P
s_w_ir
http://forum.php.pl/index.php?showtopic=52499&hl= (ostatni post)
Tu się ładuje tylko to co trzeba.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.