Krijg CSS menuutje niet werkend

[ido_nl]

Hoi,

Ik zit met een raadsel. Ik ben de hele nacht bezig geweest met een menuutje werkend te krijgen, maar dat wilde echt niet lukken omdat ik nergens instructies kon vinden over hoe het op te zetten. Die heb ik dus maar weggegooid en een andere gedownload waar wel instructies bijstaan. Deze dus:

http://simplythebest.net/...ipts/dhtml_script_89.html

En nu heb ik precies de instructies opgevolgd die erbij staan en wat denk je? Doet hij het niet! Ik snap er echt niks van.
Dit is de link naar de site waar hij te zien zou moeten zijn:

http://members.lycos.nl/justagirl24/Sphynx-info2.html

En dit de code van de custom.js file:

///////////////////////////////////////////////////////////////////////////
//
// ULTIMATE DROP DOWN MENU VERSION 3.8.5 by Brothercake
// http://www.udm4.com/udm3/
//
// Link-wrapping routine by Brendan Armstrong
// Original KDE modifications by David Joham
// Opera reload/resize based on a routine by Michael Wallner
// Select-element hiding routine by Huy Do
//
///////////////////////////////////////////////////////////////////////////


// *** POSITIONING AND STYLES *********************************************

var menuALIGN = "center"; // alignment mode
var absLEFT = 0; // absolute left or right position (if menu is left or right aligned)
var absTOP = 0; // absolute top position

var staticMENU = false; // static positioning mode (win/ie5,ie6 and ns4 only)

var stretchMENU = true; // show empty cells
var showBORDERS = true; // show empty cell borders

var baseHREF = "dscript89/"; // base path
var zORDER = 1000; // base z-order of nav structure

var mCOLOR = "#EAF0FF"; // main nav cell color
var rCOLOR = "#C4CAF4"; // main nav cell rollover color
var bSIZE = 1; // main nav border size
var bCOLOR = "#39527B" // main nav border color
var aLINK = "#000055"; // main nav link color
var aHOVER = ""; // main nav link hover-color (dual purpose)
var aDEC = "none"; // main nav link decoration
var fFONT = "arial,sans-serif"; // main nav font face
var fSIZE = 13; // main nav font size (pixels)
var fWEIGHT = "bold" // main nav font weight
var tINDENT = 7; // main nav text indent (if text is left or right aligned)
var vPADDING = 2; // main nav vertical cell padding
var vtOFFSET = 0; // main nav vertical text offset (+/- pixels from middle)

var keepLIT = true; // keep rollover color when browsing menu
var vOFFSET = -1; // shift the submenus vertically
var hOFFSET = -1; // shift the submenus horizontally

var smCOLOR = "#E3F3FB"; // submenu cell color
var srCOLOR = "#FFFFFF"; // submenu cell rollover color
var sbSIZE = 1; // submenu border size
var sbCOLOR = "#3F366D" // submenu border color
var saLINK = "#000055"; // submenu link color
var saHOVER = ""; // submenu link hover-color (dual purpose)
var saDEC = "none"; // submenu link decoration
var sfFONT = "verdana,arial,sans-serif"; // submenu font face
var sfSIZE = 11; // submenu font size (pixels)
var sfWEIGHT = "normal" // submenu font weight
var stINDENT = 5; // submenu text indent (if text is left or right aligned)
var svPADDING = 2; // submenu vertical cell padding
var svtOFFSET = 0; // submenu vertical text offset (+/- pixels from middle)

var shSIZE = 3; // menu drop shadow size
var shCOLOR = "#bcbcbc"; // menu drop shadow color
var shOPACITY = 75; // menu drop shadow opacity (not ie4/ns4/op5)

var keepSubLIT = true; // keep submenu rollover color when browsing child menu
var chvOFFSET = 5; // shift the child menus vertically
var chhOFFSET = -3; // shift the child menus horizontally

var openTIMER = 100; // menu opening delay time (not ns4/op5/op6)
var openChildTIMER = 200; // child-menu opening delay time (not ns4/op5/op6)
var closeTIMER = 330; // menu closing delay time

var aCURSOR = "hand"; // cursor for active links (not ns4, op5 or op6)
var altDISPLAY = "title"; // where to display alt text
var allowRESIZE = true; // allow resize/reload

var redGRID = false; // show a red grid
var gridWIDTH = 0; // override grid width
var gridHEIGHT = 0; // override grid height
var documentWIDTH = 0; // override document width

var hideSELECT = false; // auto-hide select boxes when menus open (ie only)
var allowForSCALING = false; // allow for text scaling in gecko browsers
var allowPRINTING = false; // allow the navbar and menus to print (not ns4)

var arrWIDTH = 13; //arrow width (not ns4/op5/op6)
var arrHEIGHT = 13; //arrow height (not ns4/op5/op6)

var arrHOFFSET = -1; //arrow horizontal offset (not ns4/op5/op6)
var arrVOFFSET = -3; //arrow vertical offset (not ns4/op5/op6)
var arrVALIGN = "middle"; //arrow vertical align (not ns4/op5/op6)

var arrLEFT = "<"; //left arrow (not ns4/op5/op6)
var arrLEFT_ROLL = ""; //left rollover arrow (not ns4/op5/op6)
var arrRIGHT = ">"; //right arrow (not ns4/op5/op6)
var arrRIGHT_ROLL = ""; //right rollover arrow (not ns4/op5/op6)


//** LINKS ***********************************************************

MI("http://members.lycos.nl/justagirl24/Index.html","[img]'"+baseHREF+"icon.gif'[/img]",29,"center","","",0,0,"");

// add main link item ("url","Link name",width,"text-alignment","_target","alt text",top position,left position,"key trigger","mCOLOR","rCOLOR","aLINK","aHOVER")
MI("","Over ons",145,"center","","Nolink",0,0,"","","","","");

// define submenu properties (width,"align to edge","text-alignment",v offset,h offset,"filter","smCOLOR","srCOLOR","sbCOLOR","shCOLOR","saLINK","saHOVER")
SP(145,"left","left",0,0,"","","","","","","");

// add submenu link items ("url","Link name","_target","alt text")
SI("http://members.lycos.nl/justagirl24/Index.html","Voorstelling","","");
SI("http://members.lycos.nl/justagirl24/Index.html","Nieuws","","");

MI("","De sphynx",150,"center","","",0,0,"","","","","");

SP(150,"left","left",0,0,"","","","","","","");

SI("http://members.lycos.nl/justagirl24/Sphynx-info.html","Sphynx info","","");
SI("http://members.lycos.nl/justagirl24/Index.html","Geschiedenis","","");
SI("http://members.lycos.nl/justagirl24/Index.html","Verzorging","");
SI("http://members.lycos.nl/justagirl24/Index.html","Veelgestelde vragen","");

MI("","Adoptie",140,"center","","",0,0,"","","","","");

SP(140,"left","left",0,0,"","","","","","","");

SI("http://members.lycos.nl/justagirl24/Index.html","Aanschaf kitten","","");
SI("http://members.lycos.nl/justagirl24/Index.html","Koopwijzer","","");

MI("","Onze katten",135,"center","","Click here to order!",0,0,"","","","","");

SP(135,"right","right",0,0,"","","","","","","");

SI("http://members.lycos.nl/justagirl24/Index.html","Kittens!","");
SI("http://members.lycos.nl/justagirl24/Onze-Poezen.html","Poezen","","");
SI("http://members.lycos.nl/justagirl24/Index.html","Kater","","");
SI("http://members.lycos.nl/justagirl24/Index.html","Kastraten","");
SI("http://members.lycos.nl/justagirl24/Index.html","Herplaatsing","");

MI("","Overige",135,"center","","",0,0,"","","","","");

SP(135,"right","right",0,0,"","","","","","","");

SI("http://members.lycos.nl/justagirl24/Index.html","Contact","","");
SI("http://members.lycos.nl/justagirl24/Index.html","Gastenboek","","");
SI("http://members.lycos.nl/justagirl24/Index.html","Links","","");


//* DO NOT EDIT THIS BIT *
}//***********************
//************************

Heeft een van jullie enig idee waarom hij niet werkt?

[André]

Als je de pagina lokaal draait zonder die Lycos meuk, werkt het dan wel? En wat zegt de maker van dit script er over?

Je haalt ergens een script weg en nu moeten wij het gaan fixen?

[supakeen]

Volgens mij kan dit zowiezo heel makkelijk met wat CSS en XHTML of de getElementByID methode (word die nog gebruikt?)

Anyway de links:
getElementByID
AListApart - CSS + XHTML

[Zoefff]

Dit is weer een typisch menu wat je net zo goed met CSS kan maken, veel simpeler, beter te onderhouden en semantisch correct. Zie http://www.naarvoren.nl/artikel/hover/ voor een uitgebreid artikel en uitleg.

Bovendien word er op GoT geen ondersteuning op 3rd party scripts gegeven

[ido_nl]

Bedankt allemaal
@ Andre: Het is geen geript menu ofzo, het is gewoon een free download en de maker geeft alleen support aan commercial users. Enne je moet niks natuurlijk

Ik ga jullie links doorlezen, maar ben echt een totale newbie dus verwacht dat zelf een menu maken nog een beetje te hoog gegrepen is. Ik had gehoopt dat ik iets simpels fout deed waar iemand me op zou kunnen wijzen, maar helaas.

[Yoozer]

nosmo king schreef op donderdag 04 augustus 2005 @ 20:42:
Bedankt allemaal
@ Andre: Het is geen geript menu ofzo, het is gewoon een free download en de maker geeft alleen support aan commercial users. Enne je moet niks natuurlijk

Van de FAQ (ik zie dat je nog niet zo veel posts @ GoT hebt):

Ook de zogenaamde script requests zijn hier niet welkom. Je zult al je scripts zelf moeten schrijven, maar als dat niet lukt kun je best een vraag plaatsen. Je zult ook wel begrijpen dat een vraag als "hoe werkt deze functie?" niet erg opschiet, want dat had je prima zelf kunnen vinden in een tutorial of reference guide.

Dit heeft een beetje zijdelings te doen met wat je vraagt. Je post een script, je begrijpt er nog niks van (niet erg, maar wel problematisch, want er staat een hoop loze troep in die vrijwel niks doet) en het is nou eenmaal zo dat in 1 keer inzicht krijgen in een complexer script vrijwel onmogelijk is. Dan nog heeft het weinig zin om het voor jou te gaan uitvinden als het niks schuift en als je er zelf niks nieuws mee leert.

Ik ga jullie links doorlezen, maar ben echt een totale newbie dus verwacht dat zelf een menu maken nog een beetje te hoog gegrepen is.

Ik ben niet goed in Javascript. Ik ben het pas vrij laat echt beginnen te begrijpen, en alles wat iedereen had qua menuutjes en zooi van die aard is voor mij een hele lange tijd abracadabra geweest. Nu heb ik toevallig op stage aan iets dergelijks moeten werken met een nogal conservatieve (tables for layout like it's 1997!) scripter/designer die voor z'n JS het principe van "even kijken of er al wat bestaat, dan snaaien we het daar van af".

En op zich kom je daar best ver mee (met snaaiwerk, niet met tables). Je moet simpel beginnen - probeer eerst maar eens voor elkaar te krijgen dat er iets verschijnt of verdwijnt als je op een link klikt. Bestudeer wat DOM inhoudt en wat je al allemaal met CSS kan (A List Apart is -heel- erg nuttig daarvoor!). Bovenstaand menuutje ziet er uit als een van die draken van voor de eeuwwisseling en dat hoeft echt niet meer.

Ik had gehoopt dat ik iets simpels fout deed waar iemand me op zou kunnen wijzen, maar helaas.

Je script is nog niet eens simpel (en ook niet van jou). Verwacht je dat je als je de remmen uit iemand anders z'n auto sloopt en ze aan je brommer last je opeens in 1 keer stil kan staan als je er op trapt?

Menu's hebben ook met design patronen te doen (overigens heb ik op die sphinx-pagina nog niks gezien) - wil je een horizontaal, verticaal, dropdown, parent-child (zie www.macromedia.com) breadcrumb, tree-menu? Bij alles moet je goed nadenken over wat je wil laten zien, hoe het moet reageren, en hoe je het kan uitbreiden. Een systematische aanpak doet wonderen (en dat heb ik ook gemerkt toen ik zelf het Macromedia-menu moest klonen en geen idee had waar ik moest beginnen ).

[ido_nl]

Yoozer schreef op donderdag 04 augustus 2005 @ 21:51:
[...]


Van de FAQ (ik zie dat je nog niet zo veel posts @ GoT hebt):

Ook de zogenaamde script requests zijn hier niet welkom. Je zult al je scripts zelf moeten schrijven, maar als dat niet lukt kun je best een vraag plaatsen. Je zult ook wel begrijpen dat een vraag als "hoe werkt deze functie?" niet erg opschiet, want dat had je prima zelf kunnen vinden in een tutorial of reference guide.

Dit heeft een beetje zijdelings te doen met wat je vraagt. Je post een script, je begrijpt er nog niks van (niet erg, maar wel problematisch, want er staat een hoop loze troep in die vrijwel niks doet) en het is nou eenmaal zo dat in 1 keer inzicht krijgen in een complexer script vrijwel onmogelijk is. Dan nog heeft het weinig zin om het voor jou te gaan uitvinden als het niks schuift en als je er zelf niks nieuws mee leert.


[...]

Ik ben niet goed in Javascript. Ik ben het pas vrij laat echt beginnen te begrijpen, en alles wat iedereen had qua menuutjes en zooi van die aard is voor mij een hele lange tijd abracadabra geweest. Nu heb ik toevallig op stage aan iets dergelijks moeten werken met een nogal conservatieve (tables for layout like it's 1997!) scripter/designer die voor z'n JS het principe van "even kijken of er al wat bestaat, dan snaaien we het daar van af".

En op zich kom je daar best ver mee (met snaaiwerk, niet met tables). Je moet simpel beginnen - probeer eerst maar eens voor elkaar te krijgen dat er iets verschijnt of verdwijnt als je op een link klikt. Bestudeer wat DOM inhoudt en wat je al allemaal met CSS kan (A List Apart is -heel- erg nuttig daarvoor!). Bovenstaand menuutje ziet er uit als een van die draken van voor de eeuwwisseling en dat hoeft echt niet meer.


[...]
Je script is nog niet eens simpel (en ook niet van jou). Verwacht je dat je als je de remmen uit iemand anders z'n auto sloopt en ze aan je brommer last je opeens in 1 keer stil kan staan als je er op trapt?

Menu's hebben ook met design patronen te doen (overigens heb ik op die sphinx-pagina nog niks gezien) - wil je een horizontaal, verticaal, dropdown, parent-child (zie www.macromedia.com) breadcrumb, tree-menu? Bij alles moet je goed nadenken over wat je wil laten zien, hoe het moet reageren, en hoe je het kan uitbreiden. Een systematische aanpak doet wonderen (en dat heb ik ook gemerkt toen ik zelf het Macromedia-menu moest klonen en geen idee had waar ik moest beginnen ).

Jammer, ik had nu eindelijk een menuutje gevonden waarvan ik dacht te begrijpen hoe het te customizen en dan werkt het niet als ik het test (niet te zien op de pagina). Ik wil dan graag weten waarom niet, maar hoe kom ik daar achter? Wat voer ik in in google om iets te leren over waarom dit menuutje niet te zien is op mijn pagina? Dit is de eerste keer dat ik dit doe en ik had gehoopt dat het niet nodig zou zijn om alle programmeertalen van buiten te gaan leren alleen om eenmalig een simpele website op te zetten. wat er tot nu toe staat heb ik uitgevogeld door trial en error en dan is het fijn om af en toe een vraag te kunnen stellen aan mensen met meer ervaring, juist met het doel om daar wat van te leren.

Maar ik had geen idee dat ik dit hier niet mocht vragen, sorry.
Van mij mag dit topic nu best gesloten of gedelete worden als het hier niet hoort.