[prototype] bezpośredni adres do zakładki

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

[prototype] bezpośredni adres do zakładki

Kierson Zobacz profil	10.12.2010, 12:22:58 Post #1
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 10.12.2010 Ostrzeżenie: (0%)	Witam. Jest sobie prosty skrypcik przełączający zakładki: [HTML] pobierz, plaintext <style type="text/css"> div#mainDiv { width:800px; } div#menu { width:800px; } div#menu a.active{ color:#FF0000; text-decoration:none; } div#menu ul li { list-style:none; font-size:20px; padding:25px; float:left; } div.content { clear:both; display:none; } div.content.active { display:block; } </style> <script type="text/javascript" src="http://prototypejs.org/assets/2009/8/31/prototype.js"></script> <script type="text/javascript"> function showMenuItem(nr) { $$("#menu ul li a.active").first().removeClassName('active'); $('menuItem'+nr).addClassName('active'); $$(".content.active").first().removeClassName('active'); $('Content'+nr).addClassName('active'); } </script> <body> <div id="mainDiv"> <div id="menu"> <ul> <li><a href="#" id="menuItem1" class="active" onclick="showMenuItem(1)">Link 1</a></li> <li><a href="#" id="menuItem2" onclick="showMenuItem(2)">Link 2</a></li> <li><a href="#" id="menuItem3" onclick="showMenuItem(3)">Link 3</a></li> <li><a href="#" id="menuItem4" onclick="showMenuItem(4)">Link 4</a></li> </ul> </div> <div id="Content1" class="content active"><h1>Div 1</h1></div> <div id="Content2" class="content"><h1>Div 2</h1></div> <div id="Content3" class="content"><h1>Div 3</h1></div> <div id="Content4" class="content"><h1>Div 4</h1></div> </div> </body> [HTML] pobierz, plaintext Jak zrobić by ktoś mógł wejść przez link bezpośredni do konkretnej zakładki (ma się wyświetlić odpowiedni DIV). W projekcie, który robie to jest dużo bardziej złożone (są podzakładki itd) ale myślę, że jakby ktoś powiedział jak to zrobić na tym przykładzie to sobie poradzę. pozdrawiam.