Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [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
mayu11
post
Post #2





Grupa: Zarejestrowani
Postów: 99
Pomógł: 9
Dołączył: 9.09.2008

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

Ja sobie coś takiego funkcyjką zrobiłem :]

[PHP] pobierz, plaintext 
  1. function menu($file,$name){
  2. if($_GET['s'] == $file){
  3. $ret = "<tr class=\"menu\"><td class=\"menu\"><a href=\"index.php?s=$file\"><b>$name</b></a></td></tr>"; //Gdy jest podświetlenie.
  4. }else{
  5. $ret = "<tr class=\"menu\"><td class=\"menu\"><a href=\"index.php?s=$file\">$name</a></td></tr>"; //Gdy nie ma.
  6. }
  7. return $ret;
  8. }
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
maxil
post
Post #3





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

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

też nad tym myślałem ale wymaga to przeładowania strony a ja chcę aby to było bez przeładowania
Go to the top of the page
+Quote Post
mayu11
post
Post #4





Grupa: Zarejestrowani
Postów: 99
Pomógł: 9
Dołączył: 9.09.2008

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

Możesz menu dać w osobny plik i "div id" też dać jako menu, odświeży się tylko menu i zawartość strony.
Go to the top of the page
+Quote Post
maxil
post
Post #5





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

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

zobacz o co mi chodzi takie menu jest na http://www.tibia.pl wiem że to lamerska stronka ale tam jest to o co mi chodzi
Go to the top of the page
+Quote Post
Pawel_W
post
Post #6





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

jquery tabs?

http://stilbuero.de/jquery/tabs/#fragment-1
Go to the top of the page
+Quote Post
maxil
post
Post #7





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

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

dzięki dokładnie o to mi chodziło
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #8





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
maxil
post
Post #9





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

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

no działa ślicznie ale jak to podpiąć pod:

[HTML] pobierz, plaintext 
  1. div class="row-2">
  2.               <!-- navigation begin -->
  3.               <ul class="nav">
  4.                 <li><a href="#" class="current"><span><span>Opinie</span></span></a></li>
  5.                 <li><a href="#"><span><span>Podgląd</span></span></a></li>
  6.  
  7.                 <li><a href="#"><span><span>Nowe Wydania</span></span></a></li>
  8.                 <li><a href="#"><span><span>Najlepsze Gry</span></span></a></li>
  9.                 <li><a href="#"><span><span>Wszystkie Gry</span></span></a></li>
  10.                 <li><a href="#"><span><span>Codzienne Aktualizacje</span></span></a></li>
  11.                 <li class="last"><a href="#" onclick="changeText(7)"><span><span>Soapbox</span></span></a></li>
  12.               </ul>
  13.  
  14.               <!-- /navigation end -->
  15.             </div>
  16.             <div class="row-3">
  17.               <ul class="subnav" id="submenu">
  18.                 <li><a href="#">PC</a>|</li>
  19.                 <li><a href="#">Xbox</a>|</li>
  20.                 <li><a href="#">360</a>|</li>
  21.  
  22.                 <li><a href="#">Wii</a>|</li>
  23.                 <li><a href="#">PS3</a>|</li>
  24.                 <li><a href="#">PS2</a>|</li>
  25.                 <li><a href="#">PSP</a>|</li>
  26.                 <li><a href="#">DS</a></li>
  27.  
  28.               </ul>
  29.             </div>
[HTML] pobierz, plaintext


dodam że po kliknięciu na Podgląd musi się dostać do <a href> class="current"
Go to the top of the page
+Quote Post
« 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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