probleempje met Javascript menu, BorderBtwnElmnts verdwijnt

[Verwijderd]

ik ben met de website bezig, maar het menuutje doet nog niet helemaal precies wat ik wil...
Zelf ben ik niet ervaren in Javascript, maar na uren puzzelen kom ik er maar niet uit. Als iemand een gouden tip heeft dan helpt hij mij hier al heel erg mee.

wat dus eigenlijk de bedoeling is:

1 - dat de text van het menu vertical gecentreerd is.

als ik de TopPaddng op bijvoorbeeld 6 zet, verschuift de text inderdaad naar beneden, dus dat is helemaal ok.
echter, op dat moment verdwijnt de BorderBtwnElmnts op miraculeuze wijze.... ikke niet begrijpen


2 - ook zou ik willen dat de text van het menu niet direct tegen de kantlijn staat

maar als ik de LeftPaddng aanpas, schuift het submenu over het hoofdmenu, en is dus ook niet de bedoeling....


3 - het zou helemaal toppie zijn, als het actieve hoofdmenu-item gehilite blijft

als je op 'company' klikt, zie je dat dat niet gebeurt


Na uren puzzelen kom ik er maar niet uit, als iemand een tip heeft of een voorbeeldje, graag!!!


locatie javascript (.js) files:
http://home.wanadoo.nl/rbronsgeest/

[ Voor 9% gewijzigd door Verwijderd op 19-01-2006 16:22 ]

[Janoz]

Javascript hoort in Webdesign & Graphics, daarom verplaats ik hem even daarheen. Daarnaast wil ik je aanraden om niet gewoon de js files te dumpen, maar ook een voorbeeld pagina ergens neer te zetten met hierin het probleem en eventueel de stukken relevante code in je post te zetten.

[Verwijderd]

Bedankt Janoz,

stukje code waar het hoofdzakelijk om gaat (menu_array.js, zie link):
// Used on Homepage
var NoOffFirstLineMenus=8; // Number of first level items
var LowBgColor='#9196bd'; // Background color when mouse is not over COLOR=#009092
var LowSubBgColor='#e2e3ec'; // Background color when mouse is not over on subs
var HighBgColor='#e2e3ec'; // Background color when mouse is over COLOR=#FE370F
var HighSubBgColor='#9196bd'; // Background color when mouse is over on subs
var FontLowColor='ffffff'; // Font color when mouse is not over
var FontSubLowColor='#6d758e'; // Font color subs when mouse is not over
var FontHighColor='#6d758e'; // Font color when mouse is over
var FontSubHighColor='ffffff'; // Font color subs when mouse is over
var BorderColor='#e2e3ec'; // Border color
var BorderSubColor='ffffff'; // Border color for subs
var BorderWidth=1; // Border width
var BorderBtwnElmnts=1; // Border between elements 1 or 0
var FontFamily="verdana,arial,comic sans ms,technical" // Font family menu items
var FontSize=8; // Font size menu items
var FontBold=0; // Bold menu items 1 or 0
var FontItalic=0; // Italic menu items 1 or 0
var MenuTextCentered='left'; // Item text position 'left', 'center' or 'right'
var MenuCentered='left'; // Menu horizontal position 'left', 'center' or 'right'
var MenuVerticalCentered='top'; // Menu vertical position 'top', 'middle','bottom' or static
var ChildOverlap=0; // horizontal overlap child/ parent
var ChildVerticalOverlap=0; // vertical overlap child/ parent
var StartTop=0; // Menu offset x coordinate
var StartLeft=-1; // Menu offset y coordinate
var VerCorrect=0; // Multiple frames y correction
var HorCorrect=0; // Multiple frames x correction
var LeftPaddng=0; // Left padding
var TopPaddng=0; // Top padding
var FirstLineHorizontal=0; // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL
var MenuFramesVertical=1; // Frames in cols or rows 1 or 0
var DissapearDelay=400; // delay before menu folds in
var TakeOverBgColor=1; // Menu frame takes over background color subitem frame
var FirstLineFrame='navig'; // Frame where first level appears
var SecLineFrame='space'; // Frame where sub levels appear
var DocTargetFrame='space'; // Frame where target documents appear
var TargetLoc='MenuPos'; // span id for relative positioning
var HideTop=0; // Hide first level when loading new document 1 or 0
var MenuWrap=0; // enables/ disables menu wrap 1 or 0
var RightToLeft=0; // enables/ disables right to left unfold 1 or 0
var UnfoldsOnClick=0; // Level 1 unfolds onclick/ onmouseover
var WebMasterCheck=0; // menu tree checking on or off 1 or 0
var ShowArrow=1; // Uses arrow gifs when 1
var KeepHilite=1; // Keep selected path highligthed
var Arrws=['/images/tri.gif',5,10,'',0,0,'',0,0]; // Arrow source, width and height=1; // Frames in cols or rows 1 or 0

[ Voor 46% gewijzigd door Verwijderd op 19-01-2006 16:32 ]

[crisp]

Geen zin om zo'n bloated en ranzig script te gaan doorspitten; mail de maker zou ik zeggen... of zoek naar betere methoden om een menu te maken - styling hoort sowieso in CSS en niet in script-variabelen

btw, we hebben hier [code ] - tags

[ Voor 34% gewijzigd door crisp op 19-01-2006 23:49 ]

[Verwijderd]

crisp schreef op donderdag 19 januari 2006 @ 23:45:
Geen zin om zo'n bloated en ranzig script te gaan doorspitten; mail de maker zou ik zeggen... of zoek naar betere methoden om een menu te maken - styling hoort sowieso in CSS en niet in script-variabelen

btw, we hebben hier [code ] - tags

bedankt voor je berichtje, dit helpt me pas echt op weg!

[crisp]

Verwijderd schreef op vrijdag 20 januari 2006 @ 17:21:
[...]
bedankt voor je berichtje, dit helpt me pas echt op weg!

Wat ik probeer te zeggen: waarschijnlijk heb je wel een reden gehad om voor dit menu te kiezen, maar het is technisch gezien verre van ideaal. De bijbehorende javascript is dusdanig bloated en onleesbaar dat het erg lastig is om je probleem te debuggen. Daarbij is het spitten in 3rd party code nou niet bepaald een favoriete bezigheid van de gemiddelde /13 bezoeker; wij gaan er vanuit dat je zelf de techniek machtig bent en je probleem dus ook met een simpele testcase kan presenteren...

Desondanks heb ik het script even doorgekeken en wel een aantal punten gezien waar het nogal rammelt. Het zou echter teveel tijd kosten om dat allemaal aan te passen en het is nog niet zeker of daarmee je probleem verdwijnt. Vandaar mijn suggestie om naar een ander alternatief te zoeken, bijvoorbeeld een CSS-based menu (eventueel met een klein stukje unobtrusive javascript). Niet alleen maakt de scheiding van presentatie en content het makkelijker om de look van je menu aan te passen, maar ook sluit je non-JS enabled useragents niet meer uit