Notifikationer

Markér alle som læst Log ud

triple-x Nybegynder

17. juli 2005 - 22:51 Der er 24 kommentarer og
1 løsning

Js/css dropdown menu

Hej Eksperter

Jeg står og er igang med et design for min svigerfar, så det er ikke noget jeg tjener på vil jeg gerne gøre opmærksom på fra starten.

Jeg skal have lavet en javascript/css dropdown menu, men ligemeget hvilken jeg bruger så begynder det at drille.

Derfor vil jeg høre om nogen kan hjælpe mig herinde fra

den skal gerne se ud som www.designstroke.dk/rollerbike/cykler.png

Jeg har blandt andet kigget på denne:
http://www.gazingus.org/html/Using_Lists_for_DHTML_Menus.html

Men det er simpelthen for meget kode til mit lille hoved kan forstå.

Pt ser det sådan ud www.designstroke.dk/rollerbike/index.htm

De ting jeg gerne vil have lavet er følgende:

dropdown boksen skal komme under menupunktet, og ikke der hvor den kommer nu :)

Mulighed for at centrer hovedmenupunkterne - forside cykler mm. UDEN at underpunkterne bliver centreret

Lavet sådan at man ikke skal klikke før der kommer en dropdown menu, og at man heller ikke skal klikke for at få den væk igen

Det var vidst alt

filerne kan tilgås her

www.designstroke.dk/rollerbike/menuDropdown.css
www.designstroke.dk/rollerbike/menuDropdown.js

jeg ved det er en stor opgave, men jeg er kommet frem til konklusionen, at JS må være lavet af fanden selv :)

På forhånd mange tak

(hvis opgaven er for stor til eksperten point, må vi udenfor eksperten finde på en betaling i $, men så helst i kunne være flinke her i sommeren og hjælpe mig for eksperten point)

Synes godt om

webt Nybegynder

17. juli 2005 - 23:33 #1

Hej, jeg ved godt du ikke er ude efter endnu en mulig menu, men nærmere hjælp til den du er igang med, er dog nået til det tidspunkt på døgnet hvor hjernen ikke kører helt optimalt, så tænkte du evt. kunne tage et kig på:
http://www.alistapart.com/articles/dropdowns/
Det er en utrolig nem drop down menu genereret med CSS og et enkelt javascript (for internet explores skyld) Det at det ellers er ren css og html gør at du næsten kan stille den op lige som du lyster med css, har selv brugt den flere gange

Det er i hvert fald en mulighed hvis alt andet fejler

fortsat god aften (nat?)

Mvh
Martin

Synes godt om

triple-x Nybegynder

18. juli 2005 - 11:23 #2

tak for linket Webt, men jeg ville nu gerne have rettet overstående problemer istedet, jeg kan se den du henviser er meget ala den jeg bruger i forvejen.

Håber du måske er mere frisk idag

Synes godt om

webt Nybegynder

18. juli 2005 - 11:41 #3

Ja men det har jeg da, kigger lige på den nu, vender tilbage om 10-15 min :)

Mvh
Martin

Synes godt om

triple-x Nybegynder

18. juli 2005 - 11:43 #4

det lyder godt, jeg sidder og er klar til at rette de ting du kommer med :)

Synes godt om

webt Nybegynder

18. juli 2005 - 11:54 #5

Okay så fik jeg lige sat den op på min side
http://martin-nielsen.com/exp/633187/

Har rettet et par ting i forhold til den originale:
I javascript filen rettede jeg
actuator.onclick = function() {

til
actuator.onmouseover= function() {

Så virker den når musen smides over i stedet for ved klik

I css filen satte jeg følgende ind i #mainMenu
position:relative;
så den bliver positioneret i forhold til det element den ligger i fx en td

således bliver det:
#mainMenu {
background-color: #EEE;
border: 1px solid #CCC;
color: #000;
margin: 0px;
padding: 0px 0px 2px 20px;
left: 1px;
position:relative;
}

Så langt så godt, hvad mangler vi mere, bare fyr løs :) er frisk i dag

Mvh
Martin

Synes godt om

triple-x Nybegynder

18. juli 2005 - 11:56 #6

hæng på, jeg laver lige dine rettelser og uploader så kan vi tage den derfra

Synes godt om

webt Nybegynder

18. juli 2005 - 11:57 #7

Bare i orden :)

Synes godt om

triple-x Nybegynder

18. juli 2005 - 12:03 #8

www.designstroke.dk/rollerbike/cykler.htm

Synes godt om

triple-x Nybegynder

18. juli 2005 - 12:07 #9

flere rettelser

Menuen skal centreres uden at dropdown tingene bliver centreret

der er stadig et eller andet galt med når man kører musen over de forskellige punkter, uden at køre musen væk fra menuen, så er det som om det kun er hver anden dropdown der kommer ned.

håber du forstår

Synes godt om

webt Nybegynder

18. juli 2005 - 12:19 #10

http://martin-nielsen.com/exp/633187/menuDropdown.html
Sådan mht centreringen?

Det der er gjort er at ændre:
#menuList {
margin: 0px;
padding: 0px;
}
Til:
#menuList {
margin:0px auto 0px auto;
padding: 0px;
width:400px;
}
På den måde vil den sige der skal være 0px margin i top og bund og til venstre og højre skal jeg selv regne ud hvor meget margin der skal være, dette kræver så at vi definere en width så den kan regne ud hvad den skal gøre

Jeg kigger lige på javascriptet

Synes godt om

triple-x Nybegynder

18. juli 2005 - 12:21 #11

netop på den måde.

Ja der må være et eller andet med det javascript for det fungere ikke helt optimalt :)

Synes godt om

webt Nybegynder

18. juli 2005 - 12:31 #12

Ja men det er skam javascriptet,
http://martin-nielsen.com/exp/633187/menuDropdown.html
så langt så godt,,, nu skal den jo så bare forsvinde igen :D
godt nok lang tid siden jeg har rodet med js
Mvh
Martin

Synes godt om

triple-x Nybegynder

18. juli 2005 - 12:33 #13

hehe ja nu ser det ud til at virke, hvis du bare lige kan få den til at forsvinde :)

Jamen så får du også noget genopfriskning, det kan bestemt ikke skade

Synes godt om

webt Nybegynder

18. juli 2005 - 12:53 #14

Puha, ja javascript er vist ikke min stærke side, men er vist på sporet :) bakser lidt mere

Synes godt om

webt Nybegynder

18. juli 2005 - 12:54 #15

http://martin-nielsen.com/exp/633187/menuDropdown.html

Så langt så godt, der kommer dog en javascript fejl af og til som jeg ikke lige kan få bugt med

Synes godt om

triple-x Nybegynder

18. juli 2005 - 12:55 #16

helt iorden, jeg værdsætter din hjælp utrolig meget

Synes godt om

triple-x Nybegynder

18. juli 2005 - 12:58 #17

jeg prøver lige at smide det ind hos mig

Synes godt om

webt Nybegynder

18. juli 2005 - 12:59 #18

Er bare glad for at kunne hjælpe,,, selvom den js fejl er ved at drive mig derudaf heh, kan godt regne ud hvorfor den kommer, dog ikke lige hvad løsningen er
:)

Synes godt om

triple-x Nybegynder

18. juli 2005 - 13:02 #19

den må godt være der :) menuen virker jo fint alligevel, smid et svar så får du point.

Hvis js fejlen begynder at irritere mig smider jeg et spørgsmål ind i js kategorien, så skal jeg gerne give dig et link her i tråden så du kan følge med i hvor fejlen lå

Synes godt om

webt Nybegynder

18. juli 2005 - 13:04 #20

Det er bare fino, roder lige videre med den så hvis jeg kommer af med den skriver jeg lige, det er ikke sådan når man er væk fra et sprog i længere tid, så glemmer man finurlighederne.

Glad for jeg kunne hjælpe :)

Fortsat god dag her fra
Mvh
Martin

Synes godt om

triple-x Nybegynder

18. juli 2005 - 13:07 #21

og jeg er glad for hjælpen, du må gerne lige kort give din mening til kende om designet :)

Synes godt om

webt Nybegynder

18. juli 2005 - 13:13 #22

Ja men det vil jeg da med glæde:
Utroligt lækkert at se en cykkelside der ikke ser sådan her ud: http://perpcykler.dk/ det virker rigtigt gennemtænkt og kan faktisk kun finde ganske få problemer med det og de skal selvfølgelig også med selvom det minimale ting:
- Ville nok lave en lille smule luft over logoet så det ikke har kontakt til browservinduets top
- Mangler tusinddels seperator i beløb

Hmm ja det er vist det eneste negative jeg har at sige om din side og den virker jo både i IE, Firefox og Opera se så kan jeg faktisk ikke forlange mere :) godt arbejde
Der røg forresten lidt god karma din vej fordi det er første gang i lang tid jeg har følt en bruger der var så glad for min hjælp, det er lækkert og derfor god karma

Mvh
Martin

Synes godt om

webt Nybegynder

18. juli 2005 - 13:15 #23

Og ja,,, JS er lavet af fanden selv :D

Synes godt om

triple-x Nybegynder

18. juli 2005 - 13:17 #24

du får da lige noget god karma af mig også, du har været utrolig hjælpsom, og brugt lang tid på at løse opgaven.

Tak for dine kommentarer til designet, luft i top og bund kommer der, det samme med tusinde seperator. Der kommer selvfølgelig også titel og sådan på undersiderne, og der mangler lidt alt tags mm på billederne.

Jeg kan smide et link herinde i tråden når den er færdig. ( og det er da ihvertfald bedre end det han fik lavet sidst www.rollerbike.dk )

Synes godt om

webt Nybegynder

18. juli 2005 - 13:21 #25

Ja men mange tak, og ja du må gerne smide linket herind når det er færdigt altid rart at kigge på lækre sider,,
og se den gamle han har det er jo nettop lige sådan en jeg er ekstremt glad for ikke at se :D hvad er det med cykelsider? skal de bare være grimme? Men man må sige du tager kampen op og nu er da der en mindre grim cykelside på internettet :)

Endnu egang fortsat god dag
:)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS