Hvordan lage submeny?

[Tha_Zaynt]

Er det mulig og lage submeny bare med php og css, eller er man nødt til å bruke java?

Jeg har funnet et php-script som sjekker hvilken link som er current, men vet ikke helt hvordan jeg skal utnytte dette.

 

EDIT: Fant ut at så lenge menyen bare skal utvide seg når man trykke på linken så kan man bruke server-side språk. Kan noen flytte til PHP-kategorien?

Endret 20. juli 2005 av Tha_Zaynt

[_Paulsen_]

Hva mener du?

 

Noe ala det Lokaltog har på sine sider f.eks? Den type submeny du mener, eller korleis?

 

Edit: Okei, da var det noe slikt jeg tenkte på ja.. Går fint an å få til dette i PHP..

Endret 20. juli 2005 av OShea

[Tha_Zaynt]

Hva mener du?

 

Noe ala det Lokaltog har på sine sider f.eks? Den type submeny du mener, eller korleis?

jepp, sånn meny ja.

[Steinmann]

Mener å ha sett et veldig pent eksempel på alistapart.com her om dagen.

Dersom du mener sån meny som du trykker på må man vel ha no javascript, kan ikke se for meg noen css metode for det. Kombinert med php kan man utelukke javascript, men da må hele siden lastes på nytt.

[Tha_Zaynt]

Siden jeg ikke gidder å vente til tråden blir flytta begynner jeg bare med php-spørsmålene med en gang...

 

kan jeg utnytte koden under til å lage en slik submeny?

 

<?php

$menu = <<<MENU

< ul id = " menu " >

< li >< a href = " ../ hovedsiden / " > Hjem </ a ></ li >

< li >< a href = " ../ turneringer / " > Turneringer </ a ></ li >

< li >< a href = " ../ forum / " > Forum </ a ></ li >

< li >< a href = " ../ medlemmer / " > Medlemmer </ a ></ li >

< li >< a href = " ../ registrer / " > Registrer </ a ></ li >

< li >< a href = " ../ faq / " > FAQ </ a ></ li >

< li >< a href = " ../ informasjon / " > Informasjon </ a ></ li >

< li >< a href = " ../ omoss / " > Om oss </ a ></ li >

</ ul >

MENU ;

 

$lines = split ( "\\n" , $menu ) ;

foreach ( $lines as $line ) {

$current = false ;

preg_match ( '/href="([^"]+)"/' , $line , $url ) ;

if ( substr ( $_SERVER [ "REQUEST_URI" ] , - 5 ) == substr ( $url [ 1 ] , - 5 ) ) {

 

$line = str_replace ( '<a h' , '<a id="current" h' , $line ) ;

}

echo $line . "\\n" ;

}

?>

Endret 20. juli 2005 av Tha_Zaynt

[Haraldson]

Jeg har ikke greie på PHP, men vet i alle fall at du ikke skal ha slike mellomrom i HTML-koden som du har over alt.

[Tha_Zaynt]

Jeg har ikke greie på PHP, men vet i alle fall at du ikke skal ha slike mellomrom i HTML-koden som du har over alt.

Har ikke det..blir sånn pga fargekodene her på forumet.

[Moonshine]

http://www.tjkdesign.com/articles/dropdown/demo.asp

 

Denne er jo jævlig kul: http://www.cearchitect.be/projects/private...ussels-2004.php

 

ELLERS: http://css.maxdesign.com.au/listamatic/

 

 

Good lick

[Moonshine]

http://tutorials.alsacreations.com/deroula...-horizontal.htm

 

http://tutorials.alsacreations.com/deroulant/cssmenu4.htm

 

http://www.karlnelson.net/nestedlists/

 

Kul: http://www.xs4all.nl/~peterned/examples/cssmenu.html

 

fresh: http://iubito.free.fr/prog/menu/lookxp.htm

 

(dette er edit fra første post)

[Tha_Zaynt]

Jeg fikk til en slags mellomløsning som funker (når man trykker på turneringer popper det opp noen linker under), men problemet nå er at jeg ikke får stylet submeyen som jeg vil..

 

live demo

(Trykk på linken Turneringer)

 

den blir bare standard. koden ser sånn ut:

 

<ul id="menu">
<li><a href="../hovedsiden/">Hjem</a></li>
<li><a href="../turneringer/">Turneringer</a></li>
<li><span class="submeny"><a href="../WoW/">WoW</a></span></li>
<li><span class="submeny"><a href="../Counter-Strike/">Counter-Strike</a></span></li>
<li><span class="submeny"><a href="../Half-Life/">Half-Life</a></span></li>
<li><a href="../forum/">Forum</a></li>
<li><a href="../medlemmer/">Medlemmer</a></li>
<li><a href="../registrer/">Registrer</a></li>
<li><a href="../faq/">FAQ</a></li>
<li><a href="../informasjon/">Informasjon</a></li>
<li><a href="../omoss/">Om oss</a></li>
</ul>

 

#menu li{
margin-left: -9px;
background: url(images/backmenu.jpg) repeat-x;
padding-left: 10px;
border-bottom: 1px solid #848484;
height:19px;
width:109px;
display: block; 
}

#menu li a{
color: #333;
text-decoration: none;
display: block; 
}

#menu li a:hover{
color: #fff;
margin-left: -10px;
padding-left: 10px;
background: url(images/backmenuhover.jpg) repeat-x;
height:19px;
width:109px;
display: block; 
text-decoration: none;
}

#menu #current{
color: #ffffff;
margin-left: -10px;
padding-left: 10px;
background: url(images/backmenuhover.jpg) repeat-x;
height:19px;
width:109px;
display: block; 
text-decoration: none;
}

#menu .submey a{
background: #FFF;
border-bottom: 1px solid #848484;
}

#menu .submey a:hover{
background: #006F9D;
border-bottom: 1px solid #848484;
}

Endret 20. juli 2005 av Tha_Zaynt