ďťż

zakładki div + css

       

Podstrony


telcocafe

witam. na kilku stronach widziałem coś podobnego, jednak na nowej interii wygląda to najlepiej http://sg2005.interia.pl/ . wie ktoś z Was może jak zrobić taki system zakładek jak na screenie?

-> http://img226.echo.c...iagoogle5jk.jpg

przypuszczam że jest to w css'ie i jest oparte na div'ach jednak nie bardzo umiem zaczaić zasady działania zeby sobie samemu coś takiego zrobić :/ podoba mi się to ze względu na możliwość szybkiego przełączania zawartości tabeli bez potrzeby przeładowywania strony. ładne to. help me...




witam. na kilku stronach widziałem coś podobnego, jednak na nowej interii wygląda to najlepiej http://sg2005.interia.pl/ . wie ktoś z Was może jak zrobić taki system zakładek jak na screenie?

-> http://img226.echo.c...iagoogle5jk.jpg

przypuszczam że jest to w css'ie i jest oparte na div'ach jednak nie bardzo umiem zaczaić zasady działania zeby sobie samemu coś takiego zrobić :/ podoba mi się to ze względu na możliwość szybkiego przełączania zawartości tabeli bez potrzeby przeładowywania strony. ładne to. help me...

taaa... tyle to ja wiem. moz eźle zrozumiałeś, ale mi chodzi o to żeby po kliknięciu np w link "internet" (na screenie) pod spodem wyświetliła się określna zawartość, a po kliknięciu w np "interia.pl" w to miesce wskoczyła inna zawartość. to będzie chyba coś z artybutami ID ale nie jestem pewnien...

edit1:

jak nie wiesz o co chodzi to wejdź na http://sg2005.interia.pl/ i nad wyszukiwarką są zakładki. poklikaj trochę a zawartość pod nimi będzie się ładnie zmieniać bez przeładowywania całej strony :) o to mi chodzi...

edit2:

dobra już sobie poradziłem :] dla przykładu
<A HREF="Javascript:Opcja(1)">111111</A><BR> <A HREF="Javascript:Opcja(2)">2222222</A><BR> <A HREF="Javascript:Opcja(3)">33333</A> <script language="Javascript" type="text/javascript"> function Opcja(co) { if (co == 1){ document.getElementById('1').style.display = 'block'; document.getElementById('2').style.display = 'none'; document.getElementById('3').style.display = 'none';} if (co == 2){ document.getElementById('1').style.display = 'none'; document.getElementById('2').style.display = 'block'; document.getElementById('3').style.display = 'none';} if (co == 3){ document.getElementById('1').style.display = 'none'; document.getElementById('2').style.display = 'none'; document.getElementById('3').style.display = 'block';} } </script> <DIV ID="1" style="display: block">ZAWARTOSC DIVA1</DIV> <DIV ID="2" style="display: none">ZAWARTOSC DIVA2</DIV> <DIV ID="3" style="display: none">ZAWARTOSC DIVA3</DIV>

skrypt przerobiony w oparciu o http://www.ygreg.com...playthread.html

jednak trzeba było zastosować trochę javascriptu :P
Użytkownik sdr edytował ten post 18 czerwiec 2005, 14:37
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.