Simpel OOP menu
Hej Eksperter.Jeg har lavet en drop-down menu i HTML/CSS. For at gøre det nemt at tilføje nye menu-punkter, har jeg lavet et par klasser i JavaScript, som gør dette muligt. Jeg løber dog konstant ind i fejl.
Sourcekoden først:
Source-koden består af 3 simple klasser (Menu.js, MenuItem.js og Link.js) samt en HTML fil som jeg tester i - med tilhørende style-sheet. Disse fem filer har jeg pakket i en zip-fil : http://powerzone.dk/menu.zip
Menu.js er en collection af MenuItem-objekter, som igen er en collection af Link-objekter. Et MenuItem svarer til et hoved-punkt i menuen, som genererer en drop-down-menu når musen holdes hen over. I denne drop-down-menu fremkommer Link-objekterne.
Mine problemer:
Som det fremgår af test-filen test.html, så skaber jeg 2 hoved-menu-punkter og forsøger at tilføje to links til det første hoved-menu-punkt. Men det fungerer ikke. Efter lidt debugging kan jeg se, at der faktisk kun er tilføjet ét hoved-menu-punkt til mit objekt af klassen Menu.js - og hvordan søren kan det være? Lidt yderligere debugging giver mig svaret; index bliver kun increment'et med én første gang metoden addMenuItem(..) kaldes - selv om koden 'index++;' tydeligt fremgår af denne. Så hvad søren sker der??
Ligeledes får jeg fejl i metoden serialize() på klassen MenuItem.js. Jeg får at vide at links[i] ikke indeholder nogen properties (jeg kalder metoden serialize() på objektet i arrayet). Men den eksisterer i aller højeste grad - og tester man metoden ved blot at lave et enkelt link-objekt i test.html, så virker det fint.
Jeg synes jeg får en masse underlige fejl som tilsyneladende er ret tilfældige. Er det mig der laver fejl, eller er min browser defekt? Jeg bruger Firefox 1.5
På forhånd tak for svar.
