Fald ned menu

[Jan]

I min menu menu har jeg brug for at det ene menupunkt viser en fald ned menu med to punkter.
Jeg har lavet den sådan, at der er to menuer, hvor den ene bliver stående øverst på siden når man ruller ned. Samtidig har jeg heldigvis menuen i en extern fil.

Her i forum blev jeg anbefalet at kigge på noget Hintzmann har lavet. Det har jeg gjort, og brugt.

Egentlig er det godt nok for menupunkterne virker, men den henter bare ikke stilarket Det betyder naturligvis, at jeg som sædvanlig er et gammel fjols. Er der nogen som kan gennemskue, hvor jeg har kvajet mig?

Resultatet kan betragtes her: janss.dk/pdf/model.php

[Kim Ludvigsen]

Prøv at uploade stilark.css i mappen pdf

[Jan]

Tak for det Kim

Det anede mig, at det var en dum fejl. Det var fordi jeg jeg er ved at afprøve noget andet, og der var et stilark. Så havde jeg bare glemt/overset at det hed stilark1. Men nu er det rigtige der, og det bliver hentet.

Når jeg åbner siden viser den kortvarigt de to menupunkter under profil. Derefter virker menu profil ikke. Mon ikke jeg har dummet mig endnu mere?

[Kim Ludvigsen]

Menupunkterne er der, men de dækkes af indholdet på resten af siden. Du skal prøve at lege lidt med z-index på menu og indhold. Hvis du ruller på siden (prøv at gøre browservinduet kortere), så kan du se, at menupunkterne vises fint i den faste menu.

Til gengæld virker funktionen med at skjule/folde menupunkterne ud ikke. Jeg tror, du har fået indsat Hintzmanns menu forkert. Jeg har desværre ikke den store erfaring med at bruge hans menuer, så jeg ved ikke, hvad der mangler/går galt.

[Jan]

Tak for det.

Menupunkterne er der, men de dækkes af indholdet på resten af siden. Du skal prøve at lege lidt med z-index på menu og indhold. Hvis du ruller på siden (prøv at gøre browservinduet kortere), så kan du se, at menupunkterne vises fint i den faste menu.

Nu har jeg prøvet at fjerne indholdet, så burde det jo ikke være et problem med z-index. Det skal jeg nok få klaret når skidtet virker.

Jeg forlængede siden i stedet. Nu kan jeg så se, at på den menu der forsvinder viser punktet profil ikke undermenuerne, og det virker ikke. Men på den menu der bliver stående virker menupunktet profil udmærket, men undermenuerne vises permanent. Det problem kan jeg få løst senere. I første omgang vil jeg koncentreret mig om, at få begge menuer til at lave den samme fejl. Ellers tror jeg da slet ikke jeg kan finde ud af det. Har du et bud på hvad der kan være galt?

Til gengæld virker funktionen med at skjule/folde menupunkterne ud ikke. Jeg tror, du har fået indsat Hintzmanns menu forkert. Jeg har desværre ikke den store erfaring med at bruge hans menuer, så jeg ved ikke, hvad der mangler/går galt.

Det er noget besværligt, men jeg finder nok en løsning på et tidspunkt.

[Kim Ludvigsen]

Du får vist undermenupunkterne, hvis du på .menu angiver:
position: relative;

[Jan]

Jeg har prøvet det du foreslog, men det ændrer ikke på udseendet.

[Kim Ludvigsen]

Hm, prøv at også tilføje:
z-index: 3;
til .menu.

[Jan]

Rigtig mange tak Kim. Til min meget store overraskelse, virker det nu. Eller det vil sige, nu har jeg den samme fejl på begge menuer.

Faktisk var jeg blevet så kry, at jeg troede jeg havde fattet det css halløj. Jeg syntes det lød logisk da du skrev, at noget indhold dækkede for menuen. Ifølge min teori ville det så virke når jeg fjernede alt indholdet. Når jeg så tilføjede indhold igen, kunne jeg jo bakse med z-indeks.

Men nu har jeg nået mit delmål, og jeg er glad. Nu vil jeg prøve i et forum, hvor jeg før har fået hjælp til kode af nogle nørder.

Det er her jeg vil prøve: http://debat.danskelinks.dk/default.asp Hvis du ikke vil have sådanne link, så undskyld. Bare slet det ukommenteret. Rigtig mange tak, jeg er meget glad for at være kommet så langt.

[Kim Ludvigsen]

Jeg syntes det lød logisk da du skrev, at noget indhold dækkede for menuen. Ifølge min teori ville det så virke når jeg fjernede alt indholdet. Når jeg så tilføjede indhold igen, kunne jeg jo bakse med z-indeks.

Problemet var, at du netop ikke fjernede det som dækkede. Du fjernede indholdet i boksen indhold, men det var selve boksen indhold, der drillede.

Held og lykke med at få drop down'en til at virke.

[Jan]

Nu er jeg kommet et skridt videre. Martin Hintzmann har fortalt mig, at jeg også skal bruge en fil der hedder mhalist.js. Denne lagde jeg i samme mappe, men det gav overhovedet ingen ændring. Det virkede som om den ikke blev hentet.

På de sider hvor menuen skal bruges indgår der et lille javascript. Det ser sådan ud:

<script type="text/javascript"><!--
// Does Namespace 'ml' exist
if (typeof(ml) != "undefined") {
// Build ListMenu by the id of the root ul element
var oMenu1 = new ml.buildList("menu1");
}
//--></script>

På det eksempel jeg har valgt af de forskellige, indgår denne kodestump:

<ul class="ListMenu horizontal" id="menu1">

I koden på min testside indgår denne kodestump:

<div class="menu">
<ul class="menuliste">

Det giver mig en mistanke om, at hvis jeg ændrer i sidste linie i javascriptet som indgår i sidens kode. Så vil det virke.

Jeg har meget berøringsangt for det java halløj.

Er der nogen her i forum som kan gennemskue om det lyder fornuftigt, og i givet fald hvad jeg skal gøre?

[Kim Ludvigsen]

Du skal også have indsat et link til mhalist.js, ellers hentes filen ikke af siden.

Prøv at indsætte dette oven over koden </head>:
<script src="mhalist.js" type="text/javascript"></script>

Jeg ved ikke om det er nok, men det er i hvert fald det første skridt.

[Jan]

Mange tak Kim

Jeg har tilføjet kodestumpen. Det havde ingen synlig effekt.

Jeg har kommunikeret en lille smule med Martin Hintzmann om problemet. Det hjalp desværre kun delvist. Jeg takkede pænt for hjælpen, og fortalte ham at jeg ville ligge det til side, og bruge den kedelige omvej med at lave en ekstra side, hvor læseren så skulle vælge hvilken profil han ønsker at se.

Martin Hintzmann svarede med denne mail.

I mit firma anbefale vi faktisk at al navigering er synlig når siden hentes.
Det vil sige at en faldned menu som mhaList, fraråder vi.
Så det er faktisk slet ikke så skidt en ide at brugeren for den "lange" omvej.

Jeg sætter det på stand-by, og håber på at komme i kontakt med en som kan hjælpe mig. Problemet har jeg omtalt på min blog, det kunne jo være der kom en forbi.

Dette var blot til orientering.

[Jan]

Nu er der sket en ændring. Jeg har jo både en menu, og en fast menu. Jeg ændrer så kun på den ene.

Nu er situationen at menuen er ikke længere faldt ned, til gengæld virker hverken faldned funktinen eller linket. Men det er rart at der i det mindste sker en ændring. Min menu.txt ser sådan ud:

<!--[if lt IE 7]>
<div style="display:none;">
<![endif]-->
<div class="fastmenu">
<ul class="menuliste">
<li><a href="http://janss.dk/">Forside</a></li>
<li><a href="http://janss.dk/historie.php">Søfartshistorie</a></li>
<li><a href="http://janss.dk/ulykker.php">Ulykker</a></li>
<li><a href="http://janss.dk/veterantraktor.php">Fordson</a></li>

<li><a href="http://janss.dk/blog/">Blog</a></li>
<li><a href="http://janss.dk/link.php">Link</a></li>
<li><a href="#">Profil</a>
<ul>
<li><a href="http://janss.dk/jan.php">Jan</a></li>
<li><a href="http://janss.dk/jan.php">Jan</a></li>
</ul>
</li>
<li><form action="http://janss.dk/resultat.php" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-5823346006821046:yb1xhx-4r1h" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="12" />
<input type="submit" name="sa" value="S&#248;g" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=da"></script></li>

</ul>
</div>
<!--[if lt IE 7]>
</div>
<![endif]-->

<script type="text/javascript"><!--
// Does Namespace 'ml' exist
if (typeof(ml) != "undefined") {
// Build ListMenu by the id of the root ul element
var ofastmenu = new ml.buildList("fastmenu");
}
//--></script>


<div class="menu">
<ul class="menuliste">
<li><a href="http://janss.dk/">Forside</a></li>
<li><a href="http://janss.dk/historie.php">Søfartshistorie</a></li>
<li><a href="http://janss.dk/ulykker.php">Ulykker</a></li>
<li><a href="http://janss.dk/veterantraktor.php">Fordson</a></li>

<li><a href="http://janss.dk/blog/">Blog</a></li>
<li><a href="http://janss.dk/link.php">Link</a></li>
<li><a href="#">Profil</a>
<ul>
<li><a href="http://janss.dk/jan.php">Jan</a></li>
<li><a href="http://janss.dk/jan.php">Jan</a></li>
</ul>
</li>
<li><form action="http://janss.dk/resultat.php" id="cse-search-box-2">
<div>
<input type="hidden" name="cx" value="partner-pub-5823346006821046:yb1xhx-4r1h" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="12" />
<input type="submit" name="sa" value="S&#248;g" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box-2&amp;lang=da"></script></li>

</ul>
</div>
<script type="text/javascript"><!--
// Does Namespace 'ml' exist
if (typeof(ml) != "undefined") {
// Build ListMenu by the id of the root ul element
var oMenu1 = new ml.buildList("menu1");
}
//--></script>

[Kim Ludvigsen]

Jeg har tilføjet kodestumpen. Det havde ingen synlig effekt.

Muligvis fordi, du har tilført en forkert kodestump.
Du har:
<script src="js/mhalist.js" type="text/javascript"></script>
og det angiver, at filen ligger i en undermappe, der hedder js, og der ligger den jo ikke. Prøv i stedet med:
<script src="mhalist.js" type="text/javascript"></script>