Hjælpeforum til Ludvigs Hjørne

Jan skrev: Jeg tvivler også på, om det nu er helt rigtigt at jeg skriver om ændringer her i forum. Du må endelig lade mig det vide, hvis du helst er fri for det.

Mit kendskab til JavaScript er mindre end minimalt, så jeg kan desværre ikke hjælpe med fejlfindingen. Men det er helt ok, at du skriver om ændringerne her, det kan jo være, at andre kan hjælpe.

Tak for det Kim

Som så mange gange før, er jeg et gammelt fjols.

Først tilføjede jeg det du havde anbefalet. Jeg kunne ikke konstatere nogen ændring. Så kiggede jeg i Hintzmanns kode og der var js/mhalist angivet. I et anfald af frustration, snuppede jeg den stump. Nu du nævner det, ved jeg selvfølgelig godt at det angiver en mappe. Og jeg har rettet tilbage.

Men alligevel er situationen stadig den samme, som jeg nævner i mit sidste indlæg. Jeg er begyndt, at tvivle på om det kommer til at virke. Jeg tvivler også på, om det nu er helt rigtigt at jeg skriver om ændringer her i forum. Du må endelig lade mig det vide, hvis du helst er fri for det.

Jan skrev: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>

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>

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.

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.

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?

Jan skrev: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.

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.

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

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

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

Tak for det.

Kim Ludvigsen skrev: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?

Kim Ludvigsen skrev: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.

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.

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?