Avatar billede BTEngineer Novice
25. maj 2011 - 13:59 Der er 12 kommentarer og
1 løsning

Menu - Ændre knap

Hej Eksperter ;-)

Jeg har en horisontal menu, hvor hvis man eksempelvis trykker "Forside", så kommer der en undermenu. Det jeg så gerne vil have der sker med billedet bag "Forside", er, at den ændre sig til den samme farve som undermenuen, så det bliver markeret at det er den fane man er ved, og det altså hænger sammen med det, der tilhører den kategori, dvs. nyheder og informationer.

I kan se det på følgende link:
http://www.smalllinks.com/TIO

Det skal ikke være når man holder musen over, at den skal skifte billedet, det er først når man trykker at det skal aktiveres.

Jeg håber i forstår hvad jeg mener :-)

Tak på forhånd!
Avatar billede tjens Nybegynder
25. maj 2011 - 17:48 #1
Se eksempel fra et spørgsmål tidligere på ugen:
http://tjens.dk/eksperten/939424/

Er det sådan du mener?
Avatar billede BTEngineer Novice
25. maj 2011 - 17:55 #2
Ja, i princippet er det sådan :-)

Jeg tænker ala:
http://www.smalllinks.com/TIW
Avatar billede tjens Nybegynder
25. maj 2011 - 18:03 #3
Den du linker til er ikke lavet i java script:
Siden reloader, og det er serverside sproget, der sætter billedet bag menupunktet til aktuel side.
Avatar billede BTEngineer Novice
25. maj 2011 - 18:13 #4
Ja, men princippet i det. Det kan vel også lade sig gøre i javascript :-)
Avatar billede BTEngineer Novice
28. maj 2011 - 12:07 #5
Any suggestions?
Avatar billede tjens Nybegynder
28. maj 2011 - 17:09 #6
Jeg kan godt lave javascriptet, men det kniber mere med at få den sidste CSS på plads.

Dette eksempel ser pænt ud i Chrome, Firefox og Opera, mens MSIE9 ikke reagerer som forventet på display:block på en table.

http://tjens.dk/eksperten/939636/index02.html
Avatar billede BTEngineer Novice
29. maj 2011 - 11:42 #7
Det ser rigtig godt ud! Jeg fandt også dette:
http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/

Men der er onmouseout sat til, så det er ikke helt som ønsket. Kan jeg benytte mig af dit eksempel?
Avatar billede tjens Nybegynder
29. maj 2011 - 13:45 #8
Jo du må selvfølgelig godt bruge mit eksempel.

Der er dog 2 forbehold:
1. Jeg er ikke tilfreds med html og css, så måske kan du bruge eksemplet i dit eget link i #7 i stedet for.
2. Grafikstumperne er kopieret fra den side du selv viste i #0, så dem kan du nok ikke genbruge.
Avatar billede BTEngineer Novice
29. maj 2011 - 15:12 #9
Mange tak.

Ja, men problemet er at fanen ikke "låser" sig fast, ligesom eksemplet du kom med.
Jeg vil gerne have at brugeren kan navigere rundt på siden, uden at den fane brugeren har trykket og får frem, forsvinder når brugeren fjerner musen. I det eksempel jeg kom med, forsvinder underfanen jo når man fjerner musen - Har du et forslag til hvordan dette løses?
Avatar billede tjens Nybegynder
29. maj 2011 - 16:34 #10
det jeg mener er, at du skal bibeholde javascriptet fra mit eksempel, og blot udskifte designet via table/tr/td med noget andet.

Jeg har skrevet det om til nestede DIVs, og nu virker det i de 4 browsere jeg har: http://tjens.dk/eksperten/939636/index03.html
Avatar billede BTEngineer Novice
03. juni 2011 - 15:25 #11
Mange tak for hjælpen! :-)

Smid et svar.
Avatar billede tjens Nybegynder
03. juni 2011 - 20:10 #12
#8 er et svar
Avatar billede BTEngineer Novice
04. juni 2011 - 09:27 #13
Det havde jeg lige overset. Det skulle være i orden nu :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester