php menu met currentpage id

[theFlashWizard]

ey mensjes
ik heb een super mooi xhtml+css dropdown menu gevonden:
http://www.nickrigby.com/article/25/drop-down-menus-horizontal-style-pt-3
alleen nu wil ik het aanpassen zodat ik het straks in me php pagina kan verwerken.
zo wil ik geen hover effects meer maar dat je gewoon ziet op welke pagina je bent en dat het menu vanzelf sprekend genoeg uitgeklapt is.

ik wil eigenlijk dat de <li>'s met als id currentpage het uiterlijk hebbe alsof je erover heen gaat.
en zoals ik ook al zei zou ik willen dat het menu genoeg uitklapt, owja en als dat item zelf weer een menu is moet de de opvolgende ook uitgeklapt zijn.
om dit te regelen hoopte ik genoeg te hebben aan een unfold id in de <ul>'s

maar het lukt dus net niet.. eigenlijk alleen dat het menu genoeg uitklapt..
of ik klap meteen alle opvolgende uit of ik kan niet relatief aangeven dat hij tot een bepaald moet uitklappen.

css (http://members.lycos.nl/tut1/uploadbestanden/style2.css)
html (http://members.lycos.nl/tut1/uploadbestanden/index.htm)

als iemand me hier mischien mee kan helpen zou ik best wel dankbaar zijn
alvast bedankt!

[mknol]

wat ik altijd doe is aan de 'actieve link' een aparte class te hangen. Dit kun je in je php aangeven met cases of if/elsen dacht ik.
.actieve_button {
background:#333333;
color:#FFFFFF;
}
Ik weet niet of je dit bedoelt.

maargoed, nog even over de werking van het menu. er hangt een javascript aan, wat je in je html nog niet aangegeven hebt.
bekijk deze bron: http://www.nickrigby.com/examples/dropdown3/index.htm

<script type="text/javascript">
function IEHoverPseudo() {

var navItems = document.getElementById("primary-nav").getElementsByTagName("li");

for (var i=0; i<navItems.length; i++) {
if(navItems[i].className == "menuparent") {
navItems[i].onmouseover=function() { this.className += " over"; }
navItems[i].onmouseout=function() { this.className = "menuparent"; }
}
}

}
window.onload = IEHoverPseudo;
</script>

Hiermee moet je een hoop verder komen.

[theFlashWizard]

ipv een actieve_button class heb ik dus een currentpage id, maakt dat uit? :$
( dat werkt trouwens wel al goed )

die zit er wel in:
<script type="text/javascript" src="drop_down.js"></script>
ik heb er alleen niet in me post een directe link naartoe gemaakt.
leek me namelijk niet helemaal relevant.
(als ik em trouwens nog wel nodig heb want volgens mij was het een script speciaal om hovers goed te laten werken in IE)

als je trouwens ook op die site kijkt zie je dat al verschillende mensen het met php wouden laten werken.. Twas ze alleen niet gelukt.

der is toch geen manier met css dat je alle parent items display:block als property geeft he?
want dat zou volgens mij DE oplossing zijn.. :P

[mknol]

* {
display:block
}

:D

[theFlashWizard]

een *? is dat zoiets als parant?
vervelend dat hij hier
http://www.westciv.com/style_master/academy/css_tutorial/selectors/index.html
niet bijstaat dan..


ul#primary-nav #unfold *{ display: block;}

ul#primary-nav * #unfold { display: block;}

* #unfold { display: block;}

#unfold *{ display: block;}

werken helaas allemaal niet, weet je zeker dat dit kan?

[mknol]

#unfold *{ display: block;} zou van alle dingen een block moeten maken.

[theFlashWizard]

ik zal wel vervelend worde onderhand, maar et doet werkelijk niks.. :$
of ik die unfold id nou op de diepste of de hoogste ul zet..

css (http://members.lycos.nl/tut1/uploadbestanden/edited02/style2.css)
html (http://members.lycos.nl/tut1/uploadbestanden/edited02/index.htm)

kan je mischien iets meer uitleg geven over dat sterretje? hoe kom jij eraan? wat is de naam? dat zoekt makkelijker met google dan op n sterretje.

[SubZero]

Een * (= all) staat voor alle elementen die bereikbaar zijn voor CSS, dus alle paragrafen, titels, classes, enz. Ik gebruik het meestal als startselector van mijn CSS-pagina, en wel als volgt:*
{
margin: 0; padding: 0;
}
Omdat je zo alle marges en paddings in je CSS document op 0 zet, kan je alles eigenhandig stylen zonder je te vergissen.

[SubZero]

Lycos maakt ook een puinhoop van je broncode. Kan je best niet ergens anders hosten?

[theFlashWizard]

nee sorry heb eigenlijk geen betaalde host :$
Kheb et wel ff voor je gezipt :)

zou ik dan ook alle ul's met als id unfold kunnen aanspreken?
eigenlijk zou ik die id liever 1x neerzetten maar alst nie anders kan dan moet et zo maar..

[theFlashWizard]

weet iemand et? :$
wat eigenlijk perfect zou zijn is als ik 1 <ul> en id "unfold" kon geven en dat css dan die ul en alle ul's waar hij inzit de property display: block geeft. hoe diep die id dan ook zit.
alvast bedankt

[mech7]

Je kan ze meegeven met een get id.. in de url

[SubZero]

Je haalt wel 2 zaken door mekaar denk ik. Je hebt een dropdown menu, of een collapsing menu. Aan een dropdown menu kan je per definitie geen actieve state hangen, want wanneer de muis niet meer over het menu gaat verdwijnt het menu.

[theFlashWizard]

huh.. nee de hover delen heb ik eruit gehaalt..
ik wil alleen dat hij bepaalde gedeeltes van het menu laat zien aan de hand van op welke pagina je bent.. en op die pagina zal ik dat dan uiteindelijk met php aangeven met liefst zo weinig mogelijk id's

mech7, hoe wou jij urls gebruiken in css?

[mech7]

Nou zeg maar.. als je die active state meegeeft met php... dan hoef je in principe alleen die css style toe te voegen, zonder dat er hover state op staat..

Omdat praktisch all die menutjes gewoon een css style gebruiken die dan display: none zetten, en met een mouse over een stijl die display op visible zet.

Dus dan als je met php uitzoekt waar je zit kan je die stijl er gewoon meteen aanhangen zeg maar ;)

[theFlashWizard]

ja.. dat heb ik dus ook al de hele dag zitte probere..
Twas me ook gelukt met de vorige versie van dit menu.. maja.. dit menu (wat ik later pas ontdekte) was veel beter omdat je heel veel submenu's kon maken.
maar bij dit menu lukt dit dus niet..
als iemand me bij dit menu mee kan helpe? (A)