Meny som sprider sig under som på DN.se?

klarabara skrev:

så.. jag vågade. Jag insåg efter lite muppande att du hade lagt en zip-fil där, ser ju superbt ut!
Tyvärr verkar den nu ha tappat bort vad som är övermeny och vad som är undermeny och jag har ingen aning om vart det blivit knasigt.. Jag har ju åtta sektioner men det visas bara tre, är det något i CSSen som avgör det?
Men de kommer ner på en vacker horisontell rad!

Alla 8 är med i html-koden, det bara ett (kanske fler dyker upp) litet fel i min kod som gör att det blir kajko:

Kod:

$s .= "<li><a href='".BASEURL.ndxz_rewriter($page['url']).">".$page['title']."</a></li>\n";

saknar en stängande ' i href attributen. Det skall vara:

Kod:

$s .= "<li><a href='".BASEURL.ndxz_rewriter($page['url'])."'>".$page['title']."</a></li>\n";

ser du inte skillnaden, kör bara copy/paste på den raden.

klarabara skrev:

Edit:
Tar jag bort "the separator" på rad 45 i
ndxz-studio/site/the_centered_theme/index.php
så kan jag inte klicka på något alls längre..

Den mappen, the_centered_theme, följde inte med det paket jag laddade ner.

det är sant.. kan det vara bekymret? Home : the Centered Theme

det borde inte vara det för ett tema är ett tema.. ändrar man i index.php för den så borde det ju ändras i alla teman? Eller borde jag kanske ändrat i index.php inne i centered theme-mappen?
Prövar det när kaffet är klart..

Det bli ett javascriptfel på sidan för att funktionen expandingMenu anropas i början av sidan, men eftersom vi har tagit bort den från javascriptfilen till förmån för ren jQuery, så hittas den inte. Man kan enkelt undvika det felet genom att definiera om funktionen expandingMenu i javascriptfilen som en funktion som inte gör något, genom att lägga till den raden:

Kod:

function expandingMenu(n){}

hm.. inte säker på att jag hänger med i javascript biten nu.. den fil som låg i zip-mappen och hette "menu.js" döpte jag om till expandingMenus.js.. det kanske var första felet..?

den här raden "function expanding menu (n)..." vilken fil ska den vara i?

ojojoj!! Nuseru.. inlägget med ' i gjorde skillnad! dock undrar jag, när man väljer en rubrik i under-menyn så kommer info-menyn ner igen..hur tar jag bort det?

Vilken mjuk animation det gör också, lekker!

klarabara skrev:

hm.. inte säker på att jag hänger med i javascript biten nu.. den fil som låg i zip-mappen och hette "menu.js" döpte jag om till expandingMenus.js.. det kanske var första felet..?

den här raden "function expanding menu (n)..." vilken fil ska den vara i?

Du gjorde rätt. Det är i slutet av filen "expandingMenus.js" som du skall lägga det.

Men nu när jag ser "the Centered Theme" filerna kan man göra så istället:

i filen: ndxz-studio/site/the_centered_theme/index.php

ta bort raderna:
expandingMenu(0);
expandingMenu(1);
expandingMenu(2);
expandingMenu(3);
expandingMenu(4);
expandingMenu(5);
expandingMenu(6);
expandingMenu(7);
expandingMenu(8);
från filen, så anropas inte funktionen överhuvudtaget

klarabara skrev:

ojojoj!! Nuseru.. inlägget med ' i gjorde skillnad! dock undrar jag, när man väljer en rubrik i under-menyn så kommer info-menyn ner igen..hur tar jag bort det?

Det var en liten luring...

Det är för att under info-menyn finns "om den här sidan" som länkar till sitens rot, och villkoret som använd i rad 8 i javaskriptet blir alltid sant just för den, varvid info-menyn rullas ner.

Testa istället med den här raden:

Kod:

if((cUrl.indexOf($(this).attr('href')) > -1) && ($(this).attr('href') != 'http://www.kristoffernilsson.se/')){

när du ändå rotar i filen:
ndxz-studio/site/the_centered_theme/index.php

passa på att flytta in

Kod:

<!-- you must provide a link to Indexhibit on your site someplace - thank you -->
<div class='container'>
<div id='indexhibit'>Built with <a href='http://indexhibit.org' title='Vaska/Eatock Indexhibit' target='_blank'><b>Indexhibit</b></a></div>
</div>

innanför body-taggen

done!

Är det med padding som jag kan få undermenyn att hamna centrerat under det jag klickat på?
Eller kanske i vart fall centrerat?