Problem med en dhtml-meny

Tråden skapades och har fått 34 svar. Det senaste inlägget skrevs .

Jag vill använda den här menyn på en sajt:

http://www.dynamicdrive.com/dynamicindex1/navigate1.htm

Jag testade först instruktionerna på sidan men i Dreamveawer får jag en gul markering som förstör utseendet. Det påverkar dock inte slutresultatet i webbläsaren.

Jag testar då att planka sidan rätt av men även då ger DW samma markering.

Man skulle kunna stunta in det när det nu funkar i webbläsarna men jag kan inte jobba med sidorna om menyn tar upp 3 ggr så mycket plats som detta medför.

Var ligger felet?

Som vanligt når man ett steg längre på egen hand bara man fått skriva av sig...

Det ligger dubbla Style-taggar. Det verkar funka att göra så här:

<ul id="foldinglist" style="display:none &{head};">

  • Medlem
  • Karlstad
  • 2006-06-16 20:04
Ursprungligen av Anders Täpp:

Som vanligt når man ett steg längre på egen hand bara man fått skriva av sig...

Det ligger dubbla Style-taggar. Det verkar funka att göra så här:

<ul id="foldinglist" style="display:none &{head};">

Problemet var att dom inte hade citationstecken runt sista värdet:
<ul id="foldinglist" style="display:none" style=&{head};>
Det skulle vara
<ul id="foldinglist" style="display:none" style="&{head}";>
Men å andra sidan begriper jag vad det sista är, dvs detta:
style=&{head}
Har aldrig sett nåt liknande förut. Så om du bara tar bort
style=&{head};
så skare funka.

Har för mig jag testade detta och då dog menyn helt.

Jag kom på ett annat problem precis. Sidan nämner att den använder cookies så man har menyn i samma utfällda läge om man klickar en extern länk och sen kommer tillbaka. Jag hade tänkt använda menyn för interna länkar på en sajt och då verkar inte dessa cookies funka. Klickar man en länk så visas menyn på nästa sida så som den lämnades förra gången. Det blir snabbt ohållbart.... Det hade väl funkat med en frame-sajt där menyn låg kvar i en vänsterframe men den problematiken ska vi inte ge oss in på...

Dubbelkollade nu.

Om man rättar till det där med Style-taggarna så funkar menyn fortfarande i webbläsaren. I DW däremot så fälls den ihop så man kan inte längre jobba i wysiwyg-läge utan får peta i koden. Det är en struntsak i sammanhanget...

Finns det någon lösning som gör att menyns "utfälldhet" tas med över till nästa sida man går till?

  • Medlem
  • Karlstad
  • 2006-06-16 20:27
Ursprungligen av Anders Täpp:

Finns det någon lösning som gör att menyns "utfälldhet" tas med över till nästa sida man går till?

Ja, och det är en bättre meny (tycker jag) än den 4-5 år gamla som du pular med. Om du vill ha såna där phula mappar, så se här:
http://dev.gosu.pl/dl/MyGosuMenu/demo/1.2/example1.html
eller här:
http://dev.gosu.pl/dl/MyGosuMenu/demo/1.5/example1.html
Vill du däremot ha lite snyggare, kolla denna:
http://dev.gosu.pl/dl/MyGosuMenu/demo/1.3/example1.html
eller denna:
http://dev.gosu.pl/dl/MyGosuMenu/demo/1.3/example3.html
eller denna:
http://dev.gosu.pl/dl/MyGosuMenu/demo/1.3/example2.html
Menyn heter "MyGosuMenu", drivs med javascript och finns här:
http://dev.gosu.pl/
Den lägger cookies i webbläsaren som kommer ihåg "utfälldheten" till nästa sida.
Funkar även om man inte har javascript aktiverat, men givetvis fälls den inte ut eller in då, utan är i utfällt läge hela tiden.

Ursprungligen av Danne V:

Den lägger cookies i webbläsaren som kommer ihåg "utfälldheten" till nästa sida.
Funkar även om man inte har javascript aktiverat, men givetvis fälls den inte ut eller in då, utan är i utfällt läge hela tiden.

Hmm... jag har fastnat för modell 1.2 men det minns tusan ingen utfälldhet vid ett snabbt test...

  • Medlem
  • Karlstad
  • 2006-06-19 17:24
Ursprungligen av Anders Täpp:

Hmm... jag har fastnat för modell 1.2 men det minns tusan ingen utfälldhet vid ett snabbt test...

Nehej...när jag använde den funkade det i alla fall alldeles utmärkt. Har fortfarande den gamla sajten kvar i egna servern och testade nyss. Funkar också finemang...

Kolla om det funkar i andra manyer. Kanske är det skillnader? Om inte annat, så kan jag ju packa ihop hela min gamla sajt och skicka dej, så får du se och plocka ut javascripten och annat om du vill...

Behöver du hjälp får du säga till.

Förresten, en sak som jag skrev var nog fel. Ber om ursäkt för det. Jag skrev att den går i utfällt läge om användaren inte har javascript påslaget. Fel. Den stannar i hopfällt läge, tror jag. Men jag vill minnas att jag la in en vanlig bonn-meny mellan no-script-taggar.

Danne du är kungen! Superdupert!

Jag hade tänkt byta "fulmapparna" till egna små bilder. Det var i första hand funktionen jag tyckte skulle passa bra.

  • Medlem
  • Karlstad
  • 2006-06-16 21:33
Ursprungligen av Anders Täpp:

Danne du är kungen! Superdupert!

ääääähhhh...........så där säger du bara...<rodnar klädsamt />

Ursprungligen av Anders Täpp:

Jag hade tänkt byta "fulmapparna" till egna små bilder. Det var i första hand funktionen jag tyckte skulle passa bra.

Guschelov. Jag var lite orolig där...

Vill du ha list menyer så har du några stycken här...
http://css.maxdesign.com.au/listamatic/
och här...
http://css.maxdesign.com.au/listamatic2/index.htm

Bra Mattias. Inget där som passar det jag håller på med just nu men suveränt arkiv för framtida projekt.

Danne vad gör php-filen som ingår i MyGosuMenu?

Snabbt test med 1.5 och den funkar så det får väl bli den då. Den var dock ännu värre i "fulmappshänseende". Där klickar man plustecknet utanför mappen på ett väldigt uschligt sätt.

Överkurs:
Finns det någon chans att man kan hitta en sån här meny som kan ha olika ikoner? Man kan väl iofs ersätta menybilderna med en spacer och plutta dit bilden på egen hand...

Hmm... 1.5-menyn funkar bara på klick just på pilledutten, inte på klick på texten. Det blir för mycket finlir för besökarna till den här sajten. Nu tittar jag på 1.3-menyn...

  • Medlem
  • Karlstad
  • 2006-06-19 21:21

Du kan ju byta ut bilderna till vad som helst. Håll bara samma storlek och ge dom samma namn som i originalmenyn.

Men om det är den menyn som gör som du vill, så är det ju "bara" att fixa med stilmallen och koden så att den ser ut som du vill också. Det tar väl lite tid, men det kan det ju kanske vara värt?

Vad är nu detta!?!

Har de gömt ett påskägg i koden?

Jag byter ut plustecknets av och på och laddar om sidan. Plötsligt tittar jag på en bild på en katt. Filen påstås heta 3.html.jpeg men någon sådan fil har jag varken här eller ute på ftp-servern. Filen som jag vill ladda om heter 3.html. Efter ytterligare en omladdning av sidan blev det rätt...

Det här var bland det märkligaste jag varit med om... nu försöker jag provocera fram bilden genom att ta bort filen men det händer inget. När det hände så såg jag det samtidigt i Windows Explorer som i Safari. Jag har scannat alla inblandade program och mappar med iView för att hitta dolda bilder men det är tji... vad hände?

Senast redigerat 2006-06-19 22:04

Titta på den här:
Testmeny

Fråga 1
Det finns två ställen i koden där det stod cursor: default. Med denna inställning var handen synlig på länkar inne i de öppnade mapparna men inte på själva mapparna i sig. Jag hittade ingen hand i DW men testade att bara ändra till cursor: hand och vips hade jag hand även på dessa, men tyvärr inte i Firefox. Finns det någon lösning?

Fråga 2
När man öppnar en mapp så ser du att den lilla runda bomben blir röd. Jag skulle då även vilja ha texten röd - den som nu blir lite fet. Jag lyckas dock bara göra all text röd. Kommer du på någon lösning?

  • Medlem
  • Karlstad
  • 2006-06-20 15:20
Ursprungligen av Anders Täpp:

Titta på den här:
Testmeny

Fråga 1
Det finns två ställen i koden där det stod cursor:default. Med denna inställning var handen synlig på länkar inne i de öppnade mapparna men inte på själva mapparna i sig. Jag hittade ingen hand i DW men testade att bara ändra till cursor: hand och vips hade jag hand även på dessa, men tyvärr inte i Firefox. Finns det någon lösning?

Fråga 2
När man öppnar en mapp så ser du att den lilla runda bomben blir röd. Jag skulle då även vilja ha texten röd - den som nu blir lite fet. Jag lyckas dock bara göra all text röd. Kommer du på någon lösning?

1: Firefox kräver ibland att man skriver

cursor:pointer

i stilmallen och får alltså TVÅ instruktioner för cursor:

cursor: hand;
cursor: pointer;

Detta ger ett "fel" om du går och validerar CSS. Men det hoppas jag du struntar i.

2. Du måste ge varje länk ett id, dvs t.ex. <a href id="link1" bla bla...
Sen lägger du in en stil i huvvet på just det dokumentet som heter #link1.

Det ser ju bra mycket bättre ut än originalet! Snyggt jobb!

Angående cursor med handsymbol...

Googlade fram att cursor: pointer ger funktion på alla webbläsare men funkar dåligt på äldre Explorer. Jag har f n ingen Explorer 5 att testa med men ska testa det senare.

Jag såg här att man måste skriva i ordningen pointer/hand för att IE 5 ska fatta.

http://www.quirksmode.org/css/cursor.html

p.pointerhand {
cursor: pointer;
cursor: hand;
}

  • Medlem
  • Karlstad
  • 2006-06-20 16:59
Ursprungligen av Anders Täpp:

Jag såg här att man måste skriva i ordningen pointer/hand för att IE 5 ska fatta.

http://www.quirksmode.org/css/cursor.html

p.pointerhand {
cursor: pointer;
cursor: hand;
}

OK, va bra.
Men voffo har du menyn inuti p-taggar? Det kanske funkar iofs, men det är väl länkarna du ska utforma, och jag ser inga p-taggar runt menyn alls? Dvs typ:

.left a {
cursor: pointer;
cursor: hand
osv med färger, underline, etc
}

eller bara

a {
cursor: pointer;
cursor: hand
osv med färger, underline, etc
}

Jag kopierade bara det där från sidan jag rererade till. Det ser inte ut så med p.tag i "min" kod.

Danne, här är menyn lagd på plats på sidan. Menyn är fortfarande lite skissartad innehållsmässig. Den får inte riktigt plats i höjdled på 800x600 men jag tror jag ger f-n i det... Vad tror du om det hela?

Testsida

  • Medlem
  • Karlstad
  • 2006-06-20 19:09

jamen det blev väl bra!
Om nån inte fäller ihop menyn efterhand, så får han väl skrolla.
Alternativet skullle väl vara om du istället använder en "pop-out" eller vad f-n dom kallas, allltså en sån här: http://dev.gosu.pl/dl/MyGosuMenu/demo/1.1/example2.html eller om du gör om layouten så att menyn börjar högre upp.
Men du har ju fått till den riktigt bra, så om ingen gnäller - keep it.

Jag tror jag kör på den här. Orkar inte börja på noll en gång tlll.

Såg nu i IE att det blir en hel del luft under trots att menyn är ihopfälld. Fick man bort detta så skulle scrollen försvinna och man får in den på 800x600 i hopfällt utseende. Förstod bara inte vad som genererar detta...

  • Medlem
  • Karlstad
  • 2006-06-20 19:42

"Luft under" vaddå?
Hela menyn eller nån del av den?
Om de e hela menyn. så kan du väl inte se det? Det är ju ändå tomt under?

Om man fäller ihop allt i menyn så är det ändå 25 mm vitt under nederkant på menyn.

  • Medlem
  • Karlstad
  • 2006-06-21 09:51

Fy skäms. I det här sammanhanget pratar man om pixlar - inte millimeter.

Du får väl spara en backupkopia och sen börja testa genom att laborera med bottom-padding och bottom-margin alla relevanta klasser och id vilket ju är ganska många. Tips: Ge en unik bakgrundsfärg till var och en av dom under testet också, så ser man bättre var elementen finns.

Jag skäms fruktansvärt och otvetydigt samt ber om ursäkt för att ha besudlat detta fina forum med en dylik fadäs. :eek:

xScope säger 95 pixlar. Jag ska labba lite med koden...

Bevaka tråden