Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML] Dynamiczne menu
maxil
post
Post #1





Grupa: Zarejestrowani
Postów: 212
Pomógł: 11
Dołączył: 8.11.2008
Skąd: Sieradz

Ostrzeżenie: (10%)
X----

Witam mam problem ze stworzeniem dynamicznego menu na mojej stronie.
Zależy mi na wyglądzie jak na przykładnie poniżej

Przykład

Link | Link2 | Link3 | Link4
odsyłacz | odsyłacz | odsyłacz

Link | Link2 | Link3 | Link4
inne | inne | inne

Mianowicie chodzi mi o takie coś, że gdy ktoś wejdzie na stronę od razu jest aktywny Link.
Takie jak by menu na zakładkach chyba wiecie o co mi chodzi.
Nie oczekuje gotowca tylko abyście pomogli mi to zrobić, wskazać jakiś artykuł z tym związany, podpowiedzieć czego użyć.
Z góry dziękuje. (IMG:style_emoticons/default/snitch.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

Nie lepiej ?

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function displaydiv(sList){
  5.     if(!document.getElementById) return false;
  6.  
  7.     //set all to off
  8.     clearAll();
  9.     //turn some back on
  10.     sList += "";
  11.     var ids=sList.split(/\s*,\s*/);
  12.     for (id=0; id<ids.length; id++) {
  13.         div = document.getElementById("page"+ids[id]);
  14.         div.style.display = "inline";
  15.     }
  16. }
  17. function clearAll() {
  18.     var divs = document.getElementById("type").getElementsByTagName("div");
  19.     for(i = 0; i < divs.length; i++){divs[i].style.display = "none";}
  20. }
  21. </script>
  22. </head>
  23. <body>
  24. <a onmouseover="displaydiv('1'); return false;">Div1</a>
  25. <a onmouseover="displaydiv('2'); return false;">Div2</a>
  26. <a onmouseover="displaydiv('1,3'); return false;">Div1 i 3</a>
  27. <div id="type">
  28. <div id="page1">Hello</div>
  29. <div id="page2">Goodbye</div>
  30. <div id="page3">Good Day</div>
  31. </div>
  32.  
  33. <script type="text/javascript">
  34. displaydiv("1");  //say hello
  35. </script>
  36. </body>
  37. </html>
[HTML] pobierz, plaintext


Ten post edytował krzysztof_kf 13.04.2010, 21:39:26
Go to the top of the page
+Quote Post

Posty w temacie
- maxil   [JavaScript][HTML] Dynamiczne menu   13.04.2010, 20:27:52
- - mayu11   Ja sobie coś takiego funkcyjką zrobiłem :] [PHP] ...   13.04.2010, 20:31:59
- - maxil   też nad tym myślałem ale wymaga to przeładowania s...   13.04.2010, 20:39:50
- - mayu11   Możesz menu dać w osobny plik i "div id...   13.04.2010, 20:50:50
- - maxil   zobacz o co mi chodzi takie menu jest na http://ww...   13.04.2010, 20:54:01
- - Pawel_W   jquery tabs? http://stilbuero.de/jquery/tabs/#fr...   13.04.2010, 20:54:29
- - maxil   dzięki dokładnie o to mi chodziło   13.04.2010, 20:58:30
- - krzysztof_kf   Nie lepiej ? [HTML] pobierz, plaintext <html...   13.04.2010, 21:35:35
- - maxil   no działa ślicznie ale jak to podpiąć pod: [HTML]...   13.04.2010, 22:22:03

« Następny starszy · Przedszkole · 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: 14.10.2025 - 01:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn