Forum PHP.pl > [JavaScript][HTML] Dynamiczne menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][HTML] Dynamiczne menu

maxil

13.04.2010, 20:27:52

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.

mayu11

13.04.2010, 20:31:59

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

[PHP] pobierz, plaintext 
function menu($file,$name){
if($_GET['s'] == $file){
$ret = "<tr class=\"menu\"><td class=\"menu\"><a href=\"index.php?s=$file\"><b>$name</b></a></td></tr>"; //Gdy jest podświetlenie.
}else{
$ret = "<tr class=\"menu\"><td class=\"menu\"><a href=\"index.php?s=$file\">$name</a></td></tr>"; //Gdy nie ma.
}
return $ret;
}
[PHP] pobierz, plaintext

maxil

13.04.2010, 20:39:50

też nad tym myślałem ale wymaga to przeładowania strony a ja chcę aby to było bez przeładowania

mayu11

13.04.2010, 20:50:50

Możesz menu dać w osobny plik i "div id" też dać jako menu, odświeży się tylko menu i zawartość strony.

maxil

13.04.2010, 20:54:01

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

Pawel_W

13.04.2010, 20:54:29

jquery tabs?

http://stilbuero.de/jquery/tabs/#fragment-1

maxil

13.04.2010, 20:58:30

dzięki dokładnie o to mi chodziło

krzysztof_kf

13.04.2010, 21:35:35

Nie lepiej ?

[HTML] pobierz, plaintext 
<html>
<head>
<script type="text/javascript">
function displaydiv(sList){
    if(!document.getElementById) return false;
 
    //set all to off
    clearAll();
    //turn some back on
    sList += "";
    var ids=sList.split(/\s*,\s*/);
    for (id=0; id<ids.length; id++) {
        div = document.getElementById("page"+ids[id]);
        div.style.display = "inline";
    }
}
function clearAll() {
    var divs = document.getElementById("type").getElementsByTagName("div");
    for(i = 0; i < divs.length; i++){divs[i].style.display = "none";}
}
</script>
</head>
<body>
<a onmouseover="displaydiv('1'); return false;">Div1</a>
<a onmouseover="displaydiv('2'); return false;">Div2</a>
<a onmouseover="displaydiv('1,3'); return false;">Div1 i 3</a>
<div id="type">
<div id="page1">Hello</div>
<div id="page2">Goodbye</div>
<div id="page3">Good Day</div>
</div>
 
<script type="text/javascript">
displaydiv("1");  //say hello
</script>
</body>
</html>
[HTML] pobierz, plaintext

maxil

13.04.2010, 22:22:03

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

[HTML] pobierz, plaintext 
div class="row-2">
              <!-- navigation begin -->
              <ul class="nav">
                <li><a href="#" class="current"><span><span>Opinie</span></span></a></li>
                <li><a href="#"><span><span>Podgląd</span></span></a></li>
 
                <li><a href="#"><span><span>Nowe Wydania</span></span></a></li>
                <li><a href="#"><span><span>Najlepsze Gry</span></span></a></li>
                <li><a href="#"><span><span>Wszystkie Gry</span></span></a></li>
                <li><a href="#"><span><span>Codzienne Aktualizacje</span></span></a></li>
                <li class="last"><a href="#" onclick="changeText(7)"><span><span>Soapbox</span></span></a></li>
              </ul>
 
              <!-- /navigation end -->
            </div>
            <div class="row-3">
              <ul class="subnav" id="submenu">
                <li><a href="#">PC</a>|</li>
                <li><a href="#">Xbox</a>|</li>
                <li><a href="#">360</a>|</li>
 
                <li><a href="#">Wii</a>|</li>
                <li><a href="#">PS3</a>|</li>
                <li><a href="#">PS2</a>|</li>
                <li><a href="#">PSP</a>|</li>
                <li><a href="#">DS</a></li>
 
              </ul>
            </div>
[HTML] pobierz, plaintext

dodam że po kliknięciu na Podgląd musi się dostać do <a href> class="current"

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.