Kako napraviti navigaciju kao padajuci izbornik??

Threaded Mode | Linear Mode

Kako napraviti navigaciju kao padajuci izbornik??

Author Message

Tigh
Novi korisnik

Posts: 57
Group: Registered
Joined: Mar 2007
Status: Offline
Reputation: -1

Post: #1

Kako napraviti navigaciju kao padajuci izbornik??

Pokusavam napraviti svoj web sajt i skoro to uspijevam ali bih zelio dodati nesto drugacije. Navigacija mi je zamisljena tako da kad user postavi misa iznod linka da mu dolje "padnu" podkategorije dakle nest slicno kao na Tutorijali.net samo sto njima ide udesno a meni bi to islo dolje. Ako netko zna volio bih da to malo pojasni.

Pozz

10-03-2007 01:43 AM

Gogy
____

Posts: 1,754
Group: Webmaster
Joined: Feb 2006
Status: Offline

Post: #2

RE: Kako napraviti navigaciju kao padajuci izbornik??

Pozdrav, dobrodošao na forum Namigivanje

Najjednostavnije ti je s ovim programom... http://www.sothink.com/product/dhtmlmenu/index.htm

Pravila foruma

eBooks Network - download besplatnih e-knjiga

10-03-2007 04:56 PM

Puž
Redoviti posjetitelj

Posts: 132
Group: Registered
Joined: Mar 2007
Status: Offline
Reputation: 24

Post: #3

RE: Kako napraviti navigaciju kao padajuci izbornik??

Bok. To moš napravit na 1000 načina. Evo ti primjer, možda ti pomogne.

Code:

<html><head>

<script language="javascript">

function prikazi_meni(kaj)

{

    switch(kaj)

    {

        case(1):document.getElementById("pada_prvi").style.display="block";break;

        case(2):document.getElementById("pada_drugi").style.display="block";break;

        case(3):document.getElementById("pada_treci").style.display="block";break;

    }

}

function makni_meni(kaj)

{

    switch(kaj)

    {

        case(1):document.getElementById("pada_prvi").style.display="none";break;        

        case(2):document.getElementById("pada_drugi").style.display="none";break;

        case(3):document.getElementById("pada_treci").style.display="none";break;

    }

}

</script>

</head>

<body>

<table border="2" cellpadding=0 cellspacing=0>

    <tr>

        <td onmouseover="prikazi_meni(1)" onmouseout="makni_meni(1)" width=120px>Prvi</td>

        <td onmouseover="prikazi_meni(2)" onmouseout="makni_meni(2)" width=120px>Drugi</td>

        <td onmouseover="prikazi_meni(3)" onmouseout="makni_meni(3)" width=120px>Treci</td>

    </tr>

    <tr>

        <td onmouseover="prikazi_meni(1)" onmouseout="makni_meni(1)">

        <table border=2 id="pada_prvi" style=display:none>

            <tr><td>Prvi padnuo</td></tr>

            <tr><td>Prvi padnuo 2</td></tr>

            <tr><td>Prvi padnuo 3</td></tr>

        </table>

        </td>

        <td onmouseover="prikazi_meni(2)" onmouseout="makni_meni(2)">

        <table border=2 id="pada_drugi" style=display:none>

            <tr><td>Drugi padnuo</td></tr>

            <tr><td>Drugi padnuo 2</td></tr>

            <tr><td>Drugi padnuo 3</td></tr>

        </table>

        </td>

        <td onmouseover="prikazi_meni(3)" onmouseout="makni_meni(3)">

        <table border=2 id="pada_treci" style=display:none>

            <tr><td>Treci padnuo</td></tr>

            <tr><td>Treci padnuo 2</td></tr>

            <tr><td>Treci padnuo 3</td></tr>

        </table>

        </td>

    </tr>

</table>

</body>

</html>

Ak misliš koristit ovu varijantu, sam na svakoj tabli stavi border, cellpadding, cellspacing na 0. Ak ti nije jasan koj dio koda sam reci. Palac-gore

12-03-2007 01:05 AM

d@d
Forumaš

Posts: 552
Group: Registered
Joined: May 2006
Status: Offline
Reputation: 9

Post: #4

RE: Kako napraviti navigaciju kao padajuci izbornik??

Evo, ima jedn riješenje sa CSS-om (jer neki useri isključe javascript): http://alistapart.com/articles/dropdowns/

I ovo je lijepo i zgodno rješenje Namigivanje

http://www.justbeonline.net @ web katalog
jel bitno??!?

12-03-2007 10:15 AM

« Next Oldest | Next Newest »

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites