Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [prototype] bezpośredni adres do zakładki
Kierson
post
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 
  1. <style type="text/css">
  2. 	div#mainDiv {
  3. 		width:800px;
  4. 	}
  5.  
  6. 	div#menu {
  7. 		width:800px;
  8. 	}
  9.  
  10. 	div#menu a.active{
  11. 		color:#FF0000;
  12. 		text-decoration:none;
  13. 	}
  14.  
  15. 	div#menu ul li {
  16. 		list-style:none;
  17. 		font-size:20px;
  18. 		padding:25px;
  19. 		float:left;
  20. 	}
  21.  
  22. 	div.content {
  23. 		clear:both;
  24. 		display:none;
  25. 	}
  26.  
  27. 	div.content.active {
  28. 		display:block;
  29. 	}
  30. </style>
  31.  
  32.  
  33.  
  34. <script type="text/javascript" src="http://prototypejs.org/assets/2009/8/31/prototype.js"></script>
  35.  
  36. <script type="text/javascript">
  37.  
  38. function showMenuItem(nr) {
  39.    $$("#menu ul li a.active").first().removeClassName('active');
  40.    $('menuItem'+nr).addClassName('active');
  41.    $$(".content.active").first().removeClassName('active');
  42.    $('Content'+nr).addClassName('active');
  43. }
  44.  
  45. </script>
  46.  
  47.  
  48. <body>
  49.  
  50. <div id="mainDiv">
  51. 	<div id="menu">
  52.     	<ul>
  53.         	<li><a href="#" id="menuItem1" class="active" onclick="showMenuItem(1)">Link 1</a></li>
  54.             <li><a href="#" id="menuItem2" onclick="showMenuItem(2)">Link 2</a></li>
  55.             <li><a href="#" id="menuItem3" onclick="showMenuItem(3)">Link 3</a></li>
  56.             <li><a href="#" id="menuItem4" onclick="showMenuItem(4)">Link 4</a></li>
  57.         </ul>
  58.     </div>
  59.     <div id="Content1" class="content active"><h1>Div 1</h1></div>
  60.     <div id="Content2" class="content"><h1>Div 2</h1></div>
  61.     <div id="Content3" class="content"><h1>Div 3</h1></div>
  62.     <div id="Content4" class="content"><h1>Div 4</h1></div>
  63. </div> 
  64. </body>
  65.  
[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.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
kalmaceta
post
Post #2





Grupa: Zarejestrowani
Postów: 183
Pomógł: 24
Dołączył: 4.12.2010

Ostrzeżenie: (0%)
-----

można to zrobić przez anchor czyli url wyglada tak http:///stronka.pl/index.html#div2 dalej w js sprawdzasz po prostu window.location.hash

[HTML] pobierz, plaintext 
  1. <script>
  2. if(window.location.hash) {
  3.   // sprawdzamy co jest w hash
  4. } else {
  5.   //ladujemy domyslna
  6. }
  7. </script>
[HTML] pobierz, plaintext


Ten post edytował kalmaceta 10.12.2010, 13:49:41
Go to the top of the page
+Quote Post

Posty w temacie
- Kierson   [prototype] bezpośredni adres do zakładki   10.12.2010, 12:22:58
- - kalmaceta   można to zrobić przez anchor czyli url wyglada tak...   10.12.2010, 13:49:15
- - Kierson   Dzięki a czy mógłbyś mi pomóc i powiedzieć dlaczeg...   10.12.2010, 15:12:31

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.12.2025 - 23:52
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn