Avatar billede wendie Nybegynder
03. marts 2004 - 10:00 Der er 28 kommentarer

hjælp til dropdownmenu

Jeg er ny ud i det her. Er der nogen der kan hjælpe mig med koden til en dropdownmenu. Jeg vil gerne kunne bestemme farver og tekst på knapperne. Knapperne skal ikke være billeder.
Avatar billede mm12010 Nybegynder
03. marts 2004 - 10:05 #1
god dansk artikel om den bedste(subjektivt) menu til dato, samt link til download:

http://www.webdesign101.dk/xhtml/navigation/hvmenu/index.php
Avatar billede mm12010 Nybegynder
03. marts 2004 - 10:07 #2
mere om hv-menuen findes her: http://www.dynamicdrive.com/dynamicindex1/hvmenu/index.htm

denne kunne måske også være ineressant:
http://www.milonic.com
Avatar billede espersen Novice
03. marts 2004 - 10:18 #3
denne er ret let at tilrette ! (bl.a. farver, skrifttype og størrelser)
http://java.skyteam.ru/dropdownmenu.htm
Avatar billede wendie Nybegynder
03. marts 2004 - 10:47 #4
Den sidste dropdown tror jeg godt jeg kan finde ud af. Kan man finde en liste over farvekoder nogen steder?? Og så i øvrigt tusind tak for hjælpen til jer begge - foreløbig....
Avatar billede espersen Novice
03. marts 2004 - 10:53 #5
Her er de 216 sikre farver (som vises ens i alle browsere ; prøv at holde dig til dem)
http://www.html.dk/dokumentation/farver/

+ en kort artikel om at sammensætte farver : http://www.html.dk/artikler/00021/
Avatar billede wendie Nybegynder
03. marts 2004 - 11:08 #6
Tak Espersen. På selvsamme sider finder jer dette:
"Hvis det ikke er iframe du bruger, så vælg at bruge procent til at angive
størrelsen på de forskellige frames, det gør at den tilretter sig efter
brugeren"
Endnu et problem jeg ikke lige fik tænkt over! Jeg kører selv med stor skærm og 1024x768 opløsning - laver jeg så automatisk hjemmeside til stor opløsning?
Avatar billede wendie Nybegynder
03. marts 2004 - 11:15 #7
Nu har jeg unzippet Novikov's dropdown menu - hvordan åbner jeg menudata i en teksteditor?!
Avatar billede wendie Nybegynder
03. marts 2004 - 11:20 #8
Jeg åbnede stifinder, tog menudata, holdt venstre musetast fast over den og kørte den lige over på noteblok - og stod der en masse html. Så nu vil jeg prøve at arbejde i den. Er det okay på en måde??
Avatar billede espersen Novice
03. marts 2004 - 11:43 #9
ja, ret i den via Notepad (noteblok)

Optimér din hjemmeside til 800*600, da ca. 25% stadig bruger denne opløsning (afhænger dog af hvem den hjemmeside henvender sig til - en ren nørde-side har nok færre hits med kun 800*600)
Avatar billede espersen Novice
03. marts 2004 - 11:44 #10
ret lidt ; test og se om det er ok

ret videre ; test og se om det er ok

ret videre osv.....
Avatar billede wendie Nybegynder
03. marts 2004 - 12:15 #11
Okay - nu har jeg fået rettet knapteksten til incl. faldned knappernes (menudata). Menuscript er den del hvor placering og farver er. Så langt, så godt. Nu vil jeg gerne kopiere dem ind i min html (jeg arb. i Frontpage)-spørgsmålet er "hvor skal jeg putte det ind henne?? (har prøvet, det blev bare til tekst på "forsiden" - og efter jeg har skiftet hjemmesiden til 600x800 kan jeg ikke skifte fra html til eksempel m.m. i min frontpage - det er simpelthen blevet væk forneden på siden! Er jeg for umulig ?? Det gik ellers rigtig godt med menudata'erne....øv
Avatar billede wendie Nybegynder
03. marts 2004 - 12:17 #12
og UPS -- nu opfører min frontpage sig normalt igen - sorry.
Avatar billede espersen Novice
03. marts 2004 - 12:24 #13
du kan evt. se den i funktion på denne side : http://home19.inet.tele.dk/espersen/
- mit første spæde webdesign, men en masse kodefejl ;o)  - bare højreklik og vælg vis kilde ; så kan du nok se koden.

For at tjekke dit html-kode kan du bruge denne validator : http://validator.w3.org/detailed.html  med korrekt html sikre du dig at din webside vises korrekt i alle browsere.
Avatar billede wendie Nybegynder
03. marts 2004 - 12:37 #14
Hej igen...min menudata ser således ud
td_1 = "Overvågnig/Flådestyring"
url_1 = "dropdowntest.htm"
td_2 = "Farlig Gods"
ur1_2 = "dropdowntest.htm"
td_3 = "Samarbejdspartnere"
ur1_3 = "dropdowntest.htm"
td_4 = "Kurser m.m."
ur1_4 = "dropdowntest.htm"
td_5 = "Referencer"
url_5 = "dropdowntest.htm"
td_6 = "Presse"
url_6 = "dropdowntest.htm"
td_7 = "Medarbejdere"
td_1_1 = "Eurowatch"
td_1_2 = "Openwatch"
td_1_3 = "Danfleet"
td_1_4 = "Dantrack"
td_1_5 = "Eurotrack"
url_1_1 = "dropdowntest.htm"
url_1_2 = "dropdowntest.htm"
url_1_3 = "dropdowntest.htm"
url_1_4 = "dropdowntest.htm"
url_1_5 = "dropdowntest.htm"
td_2_1 = "Safetrans"
td_2_2 = "ADR Udstyr"
td_2_3 = "Brandslukkere"
td_2_4 = "Førstehjælpsudtyr"
td_2_5 = "Psykolog/Krisehjælp"
td_2_6 = "Bygnings- og skadeservice"
td_2_7 = "Sygetransport"
url_2_1 = "dropdowntest.htm"
url_2_2 = "dropdowntest.htm"
url_2_3 = "dropdowntest.htm"
url_2_4 = "dropdowntest.htm"
url_2_5 = "dropdowntest.htm"
url_2_6 = "dropdowntest.htm"
url_2_7 = "dropdowntest.htm"
td_3_1 = "DTL"
td_3_2 = "IDT"
td_3_3 = "JVC"
td_3_4 = "ISS"
td_3_5 = "GPS"
url_3_1 = "dropdowntest.htm"
url_3_2 = "dropdowntest.htm"
url_3_3 = "dropdowntest.htm"
url_3_4 = "dropdowntest.htm"
url_3_5 = "dropdowntest.htm"
td_4_1 = "Branduddannelse"
td_4_2 = "Grunduddannelse"
td_4_3 = "ADR "
url_4_1 = "dropdowntest.htm"
url_4_2 = "dropdowntest.htm"
url_4_3 = "dropdowntest.htm"
td_5_1 = "Egne indlæg"
td_5_2 = "Pressemeddelelser"
url_5_1 = "dropdowntest.htm"
url_5_2 = "dropdowntest.htm"
Således skal de færdige menuer se ud. Mørkegule knapper med sort tekst.

- og den kan jeg slet ikke finde i kilden på din side - du ser forøvrigt sød ud ;o) - du må altså ikke opgive mig endnu..
Avatar billede espersen Novice
03. marts 2004 - 12:47 #15
skriftfarve og skrifttype retter du i filen : menu_script.js
Avatar billede wendie Nybegynder
03. marts 2004 - 12:47 #16
Jeg studerer stadig din kilde - det er som om menu'en kun består af flg:
<META NAME="DC.Subject" CONTENT="esurvey, tilfredshedsundersøgelse, workshop, spørgeskema, webbaseret, kundetilfredshed, medarbejdertilfredshed, trivsel, kultur, kulturanalyse, organisation">
<LINK REL="schema.dc" HREF="http://purl.org/metadata/dublin_core_elements">

<link rel="stylesheet" href="dropdown.css" type="text/css">
<script language="JavaScript1.2" src="menu_data.js"></script>
</head>
??
Avatar billede espersen Novice
03. marts 2004 - 12:50 #17
lidt længere nede finder du (som også skal bruges) :
<script language="JavaScript1.2" src="menu_script.js" <>/script>
<table border="0" cellpadding="3" width=760 height="667" </SCRIPT>
Avatar billede espersen Novice
03. marts 2004 - 12:51 #18
ups sidste linie herover skulle ikke med !
Avatar billede wendie Nybegynder
03. marts 2004 - 12:52 #19
Nu har jeg rettet farverne til. Mørkegule knapper med sort tekst, de bliver lysere gule når musen er over dem - er det rigtigt ????


var tdColor="#000000";        // menu item text color
var tdBgColor="#FFFF66";    // menu item background color
var hlColor="#000000";        // highlight text color
var hlBgColor="#FFFF99";    // highlight background color
Avatar billede espersen Novice
03. marts 2004 - 12:55 #20
det ser rigtig nok ud ;o)  - har du testet det ?

min erfaring er at man skal teste det løbende. Et fejl med manglende komma eller punktum kan gøre så der overhovedet ikke vises noget - og fejlsøgningen er ikke nem når man ikke er prof i det kære javascript - jeg kan det også kun til husbehov
Avatar billede wendie Nybegynder
03. marts 2004 - 12:58 #21
ja den linie var nu også i det klip jeg sendte. Men nu tror jeg ikke at selve menudata og menuscript skal ind i html'en . Bliver der "linket" til dem i html'en  eller hvad?? Jeg kan jo stadig ikke se nogen af dem i din kilde. Kan du ikke prøve at sende det stykke af koden som du mener der skal til?? Jeg er godt nok noget forvirret nu...
Avatar billede wendie Nybegynder
03. marts 2004 - 13:01 #22
Hvordan skal jeg teste det ??
Avatar billede espersen Novice
03. marts 2004 - 13:02 #23
jo, i html'et linkes der til både "menu_script.js" og "menu_data.js" - hvor alle oplysninger står i. Dvs. at html'et læser de oplysninger og kode der står i de 2 filer.

Årsag : Det gør det lettere at arbejde med i længden. Tænk situationen at du vil fjerne eller tilføje en side i din menu - hvis du har det medtaget blandt din html, så skal du rette alle 30-40 sider som du har. Med opsysningerne i de 2 .js-filer skal det blot rettes 1 sted.
Avatar billede espersen Novice
03. marts 2004 - 13:03 #24
upload hele skidtet og se hvorledes det tager sig ud "live"
Avatar billede wendie Nybegynder
03. marts 2004 - 13:34 #25
Søde Torben. Jeg har lært meget i dag - din tålmodighed har været stor - og det skal du have en kæmpe tak for! Nu har jeg kun et spørgsmål tilbage. Jeg har lagt både menu_data og menu_script i image mappen - men hvor skal de ligge så de ligger som en fil html'en kan hente -og så jeg kan se menuen i funktion. Jeg har jo kun arbejdet i notepad indtil videre. På forhånd tusind tak.
Avatar billede espersen Novice
03. marts 2004 - 13:39 #26
så skal det hedde ;

<link rel="stylesheet" href="dropdown.css" type="text/css">
<script language="JavaScript1.2" src="images/menu_data.js"></script>
</head>

<script language="JavaScript1.2" src="images/menu_script.js" <>/script>

Som du kan se har jeg rettet stien i src=""  (src = source)
Avatar billede wendie Nybegynder
03. marts 2004 - 14:25 #27
Sådan du. Nu virker det ! Nu mangler jeg bare at få rettet det lidt til. Hvordan giver jeg dig de 100 point - går det automatisk eller ? - jeg ville også sende dig en rose, men....ihvertfald skal du have rigtig mange tusind tak for hjælpen. Godt gået, du kunne hjælpe en nybegynder som mig - min alder taget i betragtning, jeg er jo en halvgammel tøs efterhånden. Smukt holdt ud Torben. Mange hilsener fra Wendie
Avatar billede espersen Novice
03. marts 2004 - 14:28 #28
Virkelig dejligt at høre !

Indtil nu har der kun været smidt kommentarer her i tråden (dette er et "svar") dette kan du så acceptere, hvorved jeg får de 100 point.

Nej vi er heldigvis ikke for gamle til at lære noget nyt ;o)
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