GoldenLine
Zaloguj się
Wojciech Potocki

Wojciech Potocki ...

Temat: Jak zrobić takie zakładki?

Witam,
Jak zrobić takie zakładki jak np. na stronie http://wp.pl gdzie można klikać, a treść bez przeładowania strony sie ładuje
Główna | Rozrywka | Biznes | Zakupy
w jakiej technologii najlepiej to zrobić?
Link do wypowiedziLink
Zbigniew R.

Zbigniew R. Kierownik Działu IT,
SKOK Kujawiak

Temat: Jak zrobić takie zakładki?

http://plugins.jquery.com/project/jtabber
Link do wypowiedziLink
Michał Filip Sobański

Michał Filip Sobański boer en sy roer

Temat: Jak zrobić takie zakładki?

Wojciech Potocki:
Witam,
Jak zrobić takie zakładki jak np. na stronie http://wp.pl gdzie można klikać, a treść bez przeładowania strony sie ładuje
Główna | Rozrywka | Biznes | Zakupy
w jakiej technologii najlepiej to zrobić?
Przejrzyj sourc stronki:
<div class="wpNavi">
<img src="http://www.wp.pl/i/const/200612/bxgd.gif" id="bxMainD" class="dziubek" alt="" />
<img src="http://www.wp.pl/i/const/200612/bxgp_off.gif" class="bxtnl" alt="" />

<img src="http://www.wp.pl/i/const/200612/bxgo_off.gif" class="bxtnr" alt="" />
<ul id="bxMainU" class="wpTab_off">

<li id="bxMainW1" class="on"><img src="http://www.wp.pl/i/const/200612/bxgl_off.gif" id="bxMainL1" class="bxgl" alt="" /><img src="http://www.wp.pl/i/const/200612/bxgr_on.gif" id="bxMainR1" class="bxgr" alt="" /><a href="javascript:void(0)" onclick="return bxMainTabClick(1);" id="bxMainA1">Główna</a></li>
<li id="bxMainW2"><img src="http://www.wp.pl/i/const/200612/bxgl_off.gif" id="bxMainL2" class="bxgl" alt="" /><img src="http://www.wp.pl/i/const/200612/bxgr_off.gif" id="bxMainR2" class="bxgr" alt="" /><a href="javascript:void(0)" onclick="return bxMainTabClick(2);" id="bxMainA2">Rozrywka</a></li>
<li id="bxMainW3"><img src="http://www.wp.pl/i/const/200612/bxgl_off.gif" id="bxMainL3" class="bxgl" alt="" /><img src="http://www.wp.pl/i/const/200612/bxgr_off.gif" id="bxMainR3" class="bxgr" alt="" /><a href="javascript:void(0)" onclick="return bxMainTabClick(3);" id="bxMainA3">Biznes</a></li>
<li id="bxMainW4"><img src="http://www.wp.pl/i/const/200612/bxgl_off.gif" id="bxMainL4" class="bxgl" alt="" /><img src="http://www.wp.pl/i/const/200612/bxgr_off.gif" id="bxMainR4" class="bxgr" alt="" /><a href="javascript:void(0)" onclick="return bxMainTabClick(4);" id="bxMainA4">Zakupy</a></li>
<li id="bxMainW5" class="off"><img src="http://www.wp.pl/i/const/200612/bxgl_off.gif" id="bxMainL5" class="bxgl" alt="" /><img src="http://www.wp.pl/i/const/200612/bxgr_off.gif" id="bxMainR5" class="bxgr" alt="" /><a href="javascript:void(0)" id="bxMainA5"></a></li>

</ul>

</div>
-------------------------------------
a potem
przejszyj style css i javascripty, wszystko mają na stronie... pozdr. mfs
Link do wypowiedziLink
Adrian Z.

Adrian Z. IT Project Manager &
PHP Programmer

Temat: Jak zrobić takie zakładki?

Przy czym wp i gazeta ma to bardzo pokręcone . Za to bardzo czytelne zakładki ma np. skionline.pl .Adrian Zdziechowicz edytował(a) ten post dnia 16.07.08 o godzinie 14:32
Link do wypowiedziLink
Wojciech Potocki

Wojciech Potocki ...

Temat: Jak zrobić takie zakładki?

Dzięki za pomoc już wiem jak:)
Link do wypowiedziLink
Michał Kowalski

Michał Kowalski Administrator IT w
JST, właściciel
serwisu Ozorków.net

Temat: Jak zrobić takie zakładki?

Polecam bibliotekę mintAjax http://www.mintajax.pl
Tutaj ajaksowe zakładki -> http://mintajax.pl/Przewodnik/Kontrolki/Michał Kowalski edytował(a) ten post dnia 21.07.08 o godzinie 15:14
Link do wypowiedziLink

konto usunięte

Temat: Jak zrobić takie zakładki?

A mnie się te mintajaxowe zakładki niespecjalnie podobają. Wyłączyłem JS, i nie ma żadnej treści.

Osobiście jak dłubię coś takiego, to staram się żeby po wyłączeniu JS i CSS treść była nadal dostępna dla użytkownika.
Link do wypowiedziLink
Jakub Korupczyński

Jakub Korupczyński Software Developer

Temat: Jak zrobić takie zakładki?

Czyli flasha też nie używasz?:)

Wszystko się zmienia, jeszcze ze 3 lata temu byłbym też tego zdania. Teraz już wymagania i możliwości użytkowników na tyle się zmieniły że nie ma już co chyba aż tak przeginać. JS to standard, tak samo jak i css.

A co do samych zakładek, to ja zazwyczaj robię to na jquery, chociaż to na starszych przeglądarkach nie działa. Ale jak nie potrzeba animacji, tylko samo przełączanie między zakładkami to na js się to zrobi bez problemu i działa od ie5 wzwyż (starszych nie miałem potrzeby sprawdzać).
Link do wypowiedziLink

konto usunięte

Temat: Jak zrobić takie zakładki?

Nie, nie używam flasha.

Co do "przeginania", to osobiście coraz częściej korzystam z internetu na komórce, i o ile nie oczekuję że strony będą cudowne :] tak spodziewam się że będę miał jakikolwiek dostęp do zawartych na nich informacji.
Link do wypowiedziLink
Jakub Korupczyński

Jakub Korupczyński Software Developer

Temat: Jak zrobić takie zakładki?

Nie no nie mówię o tym że strony mają być cudowne, chodzi o to że chyba już jakiś czas temu przeszliśmy z etapu gazet do prezentacji multimedialnych jednak.

Komórki też coraz bardziej są multimedialne. W sumie to już zupełnie inny temat, ale dlatego np nie widziałem sensu nigdy bawić się wap'em bo wydawało mi się że zbyt długo to się jednak nie utrzyma i tak samo patrzę na brak js i elementów flashowych na stronach.
Link do wypowiedziLink
Adrian Z.

Adrian Z. IT Project Manager &
PHP Programmer

Temat: Jak zrobić takie zakładki?

Używam Opery i również mam wyłączone wtyczki z czego niezmiernie się cieszę . Oglądam na stronie to co chcę , a nie latające tu i tam reklamy majtek i dezodorantów .
Link do wypowiedziLink
Adrian Z.

Adrian Z. IT Project Manager &
PHP Programmer

Temat: Jak zrobić takie zakładki?

Jakub Korupczyński:
Komórki też coraz bardziej są multimedialne. W sumie to już zupełnie inny temat, ale dlatego np nie widziałem sensu nigdy bawić się wap'em bo wydawało mi się że zbyt długo to się jednak nie utrzyma i tak samo patrzę na brak js i elementów flashowych na stronach.

IMHO używanie tego o czym wspominasz jest dobre dla stron typu portfolio , a nie serwisów informacyjnych (jeśli już omawiamy tu zakładki na przykładzie WP, Gazety itp) . Poza tym tu jest Polska i ludzi nie stać na zmienę komputera z prędkością technologiczną internetu . Dużo dużo osób jeśli nie ma nowego komputera , ma takiego wystarczającego do przeczytania bezstresowo gg , maila , artykułu na www .Adrian Zdziechowicz edytował(a) ten post dnia 21.07.08 o godzinie 22:08
Link do wypowiedziLink
Jakub Korupczyński

Jakub Korupczyński Software Developer

Temat: Jak zrobić takie zakładki?

Tak, oczywiście, mi nie chodzi o to że każdy ma już najnowsze maszyny. Chodzi mi raczej o to, że te najgorsze już są na takim poziomie że wystarczają do wyświetlania tego typu rzeczy.

Oczywiście można wszystko wyłączyć, ale równie dobrze możesz na windowsie nie używać javy, ale wtedy się godzisz na to, że część rzeczy nie będzie Ci działać. Tak samo ze stronami. JS, Flash itp. to już standard, ale jak ktoś będzie chciał to wyłączyć to wyłączy, co nie zmienia faktu, że nie widzę potrzeby rezygnować z tych technologii w trakcie projektowania.
Link do wypowiedziLink

konto usunięte

Temat: Jak zrobić takie zakładki?

Jakub Korupczyński:
JS, Flash itp. to już standard, ale jak ktoś będzie chciał to wyłączyć to wyłączy, co nie zmienia faktu, że nie widzę potrzeby rezygnować z tych technologii w trakcie projektowania.

Oczywiście! STOSOWAĆ!

Tylko rozsądnie.

Skoro da się takie zakładki zrobić na dwa sposoby - taki w którym da się przeczytać treść nawet jak nie ma JS, i taki który tych co go nie mają odcina od treści, to jak myślisz, co lepiej wybrać?

A jak osadzasz Flasha i masz możliwość mu zapodać alternatywną wersję treści w HTML'u, to ... lepiej tego nie robić, bo nawet starsze komputery dadzą radę?

Rodzi mi się od razu pytanie ... ważniejsza jest treść, czy forma?
Link do wypowiedziLink
Jakub Korupczyński

Jakub Korupczyński Software Developer

Temat: Jak zrobić takie zakładki?

Wiadomo że ważniejsza jest treść ale forma prezentacji treści też ma duże znaczenie. Ma być wygodne i użyteczne. Jak na razie strony tworzone głównie we flashu są mało użyteczne, ale strona html z elementami flasha, takimi jak top, czy menu już ma całkiem duży sens.

Co do js to osobiście się nie zgadzam. Owszem trzeba uważać żeby chodziło pod starszymi wersjami js, bo takie jeszcze w firmach sie często zdarzają, ale całkowity brak js jakoś już dla mnie nie ma sensu. Tzn oczywiście nic na siłę, tam gdzie wystarczy sam html to stosować tylko html. Natomiast w przypadku jakiś dodatkowych bajerów typu zakładki, to nie widzę sensu w nie stosowaniu tego, tym bardziej że przełączanie zakładek bez przeładowania strony (nawet bez ajaxu, czyli cały czas wczytane) dla użytkownika jest bardzo wygodne.
Link do wypowiedziLink

konto usunięte

Temat: Jak zrobić takie zakładki?

Mam wrażenie że nie zrozumiałeś :-)

Można zrobić tak, że albo po wyłączeniu JS wszystko zniknie, albo tak, że wszystko się pokaże. I moim zdaniem ta pierwsza opcja jest całkiem zła, a ta druga - dobra.

Menu we flashu to zaś zło w czystej postaci jest :]
Link do wypowiedziLink

konto usunięte

Temat: Jak zrobić takie zakładki?

Ja ogólnie nie cierpię flasha. I nie cierpię stronek robionych we flashu.
Link do wypowiedziLink
Rafał Ź.

Rafał Ź. Managing Director at
Squiz Poland - Web
Consultant, CMS, ...

Temat: Jak zrobić takie zakładki?

Jakub Korupczyński:
Co do js to osobiście się nie zgadzam. Owszem trzeba uważać żeby chodziło pod starszymi wersjami js, bo takie jeszcze w firmach sie często zdarzają, ale całkowity brak js jakoś już dla mnie nie ma sensu.

Dla Ciebie moze i nie, ale dla innych uzytkownikow, czy np. robotow takich jak GoogleBot brak javascript ma sens..

Jedna podstawowa zasada:
tresc(html)+wyglad(css)+interakcja(javascript), wszystko zaimplementowane oddzielnie - i wszystko ma sens:)
Link do wypowiedziLink
Jakub Korupczyński

Jakub Korupczyński Software Developer

Temat: Jak zrobić takie zakładki?

No ok, a co ma googleBot do skryptów ?

Jak ktoś zrobi stronę tak że po wyłączeniu js wszystko zniknie no to znaczy że źle ją zrobił :) Trzeba używać wszystkiego do tego do czego miało to służyć. Do prezentacji i formatowania treści jest html i css. JavaScript jest do dodatkowej funkcjonalności ;)Jakub Korupczyński edytował(a) ten post dnia 22.07.08 o godzinie 22:01
Link do wypowiedziLink

konto usunięte

Temat: Jak zrobić takie zakładki?

Jakub Korupczyński:
No ok, a co ma googleBot do skryptów ?

to zalezy skad chcesz miec traffic.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj