|
My Slider menus won't work; trying to add Javascript Slider bars
|
|
Topic Started: May 30 2008, 02:06 AM (1,018 Views)
|
|
Lantis on PD
|
May 30 2008, 02:06 AM
Post #1
|
- Posts:
- 6
- Group:
- Members
- Member
- #169,608
- Joined:
- May 29, 2008
|
I'm working on adding Omni Slide menus to my site & the code I've customized it so for it. the code works on the demo page that comes with the code but when I C&P it in to the Javascript area of the wrapper it just shows up typed on the top on the main page can anyone tell me what I'm doing wrong??
Here's my code:
- Code:
-
[/*********************************************** * Omni Slide Menu script - © John Davenport Scheuer * very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code * as first mentioned in http://www.dynamicdrive.com/forums * username:jscheuer1 ***********************************************/
//One global variable to set, use true if you want the menus to reinit when the user changes text size (recommended): resizereinit=true;
menu[1] = { id:'menu1', //use unique quoted id (quoted) REQUIRED!! bartext:'Game Related', fontsize:'100%', // express as percentage with the % sign linkheight:22 , // linked horizontal cells height hdingwidth:210 , // heading - non linked horizontal cells width // Finished configuration. Use default values for all other settings for this particular menu (menu[1]) ///
menuItems:[ // REQUIRED!! //[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header ["Game Boy"], //create header ["R/B/Y", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=2",""], ["Pokémon TCG", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=16", ""], ["G/S/C", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=3", ""], ["R/S/E", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=4", ""], ["FR/LG", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=5", ""],
["Multisystem"], //create header ["Other PKMN Games", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=15", ""], ["Stadium Games", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=12", "", 1, "no"], //create two column row, requires d_colspan:2 (the default) ["PMD", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=9", "",1],
["DS", "", ""], //create header ["D/P", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=10", "_new"], ["Wifi Lobby", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=19", "_new"], ["Mystery Dungeon 2", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=21", "_new"] //no comma after last entry
]}; // REQUIRED!! do not edit or remove
menu[2] = { // REQUIRED!! This menu explicitly declares all available options even if they are the same as the defaults id:'menu2', //use unique quoted id (quoted) REQUIRED!! ///////////////////////////////////// ///////////// no quotes for these properties (numbers represent pixels unless otherwise noted): //////////// ///////////////////////////////////// user_defined_stylesheet:false, //if true, prevents script from generating stylesheet for this menu user_defined_markup:false, //if true, prevents script from generating markup for this menu design_mode:false, //if true, generates a report of the script generated/intended styles and markup (as a design aid) menutop:160, // initial top offset - except for top menu, where it is meaningless menuleft:'45%', // initial left offset - only for top menu, as pixels (can be a quoted percentage - ex: '50%') keepinview:80, // Use false (for not static) - OR - true or numeric top offset when page scrolls menuspeed:20, // Speed of menu sliding smaller is faster (interval of milliseconds) menupause:500, // How long menu stays out when mouse leaves it (in milliseconds) d_colspan:3, // Available columns in menu body as integer allowtransparent:false, // true to allow page to show through menu if other bg's are transparent or border has gaps barwidth:20, // bar (the vertical cell) width wrapbar:true, // extend and wrap bar below menu for a more solid look (default false) - will revert to false for top menu hdingwidth:210, // heading - non linked horizontal cells width hdingheight:25, // heading - non linked horizontal cells height hdingindent:1, // heading - non linked horizontal cells text-indent represents ex units (@8 pixels decimals allowed) linkheight:20, // linked horizontal cells height linktopad:3, // linked horizontal cells top padding borderwidth:2, // inner border-width used for this menu /////////////////////////// quote these properties: ///////////////////// bordercolor:'#000080', // inner border color borderstyle:'solid', // inner border style (solid, dashed, inset, etc.) outbrdwidth:'0ex 0ex 0ex 0ex', // outer border-width used for this menu (top right bottom left) outbrdcolor:'lightblue', // outer border color outbrdstyle:'solid', // outer border style (solid, dashed, inset, etc.) barcolor:'white', // bar (the vertical cell) text color barbgcolor:'#4d6814', // bar (the vertical cell) background color barfontweight:'bold', // bar (the vertical cell) font weight baralign:'center', // bar (the vertical cell) right left or center text alignment menufont:'verdana', // menu font fontsize:'90%', // express as percentage with the % sign hdingcolor:'white', // heading - non linked horizontal cells text color hdingbgcolor:'#4d6814', // heading - non linked horizontal cells background color hdingfontweight:'bold', // heading - non linked horizontal cells font weight hdingvalign:'middle', // heading - non linked horizontal cells vertical align (top, middle or center) hdingtxtalign:'left', // heading - non linked horizontal cells right left or center text alignment linktxtalign:'left', // linked horizontal cells right left or center text alignment linktarget:'', // default link target, leave blank for same window (other choices: _new, _top, or a window or frame name) kviewtype:'fixed', // Type of keepinview - 'fixed' utilizes fixed positioning where available, 'absolute' fluidly follows page scroll menupos:'top', // set side that menu slides in from (right or left or top) bartext:'Quick Links', // bar text (the vertical cell) use text or img tag /////////////////////////// menuItems:[ //[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header ["Important sites"], //create header ["Serebii", "http://www.serebii.net/index2.shtml", "_new"], ["D/P Pokébox wallpapers", "http://www.filb.de/?site=games/nds/dp/box/","_new"], ["P2K Sprite Resorce", "http://www.pokemonelite2000.com/sprites.html/", "_new"], ["Pokémon Center", "http://www.Pokemon.com", "_new"],
["Search", "", "", 2, "no"], //create two column header w/ 2 and 1 column members, requires d_colspan:3 ["Search", "", "", 1], ["Google", "http://www.google.com/", "_new", 1, "no"], //create three column row, requires d_colspan:3 ["Yahoo", "http://www.yahoo.com/", "_new", 1, "no"], ["AltaVista", "http://www.altavista.com/", "_new", 1],
["Others", "", ""], //create header ["Photobucket", "http://www.Photobucket.com", "_new"], ["Gamefaqs", "http://WWW.Gamefaqs.com", "_new"] //no comma after last entry
]}; // REQUIRED!! do not edit or remove
menu[3] = { id:'menu3', //use unique quoted id (quoted) REQUIRED!! bartext:'PD Main', menupos:'right', kviewtype:'fixed', menuItems:[ // REQUIRED!! //[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header ["Non-Game"], //create header ["General Info", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=1", ""], ["Fan Art", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=2",""], ["Fan Fiction", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=13", ""], ["RPG Board", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=18", ""], ["Off Topic", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=8", ""], ["PKMN Anime", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=7", ""],
["Boardrules", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?act=boardrules", "", 1, "no"], //create two column row, requires d_colspan:2 (the default) ["Inbox", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?act=Msg&CODE=01", "",1],
["Quick Links", "", ""], //create header ["Active topics", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?act=Search&CODE=getactive", "_new"], ["My Controlls", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?act=UserCP&CODE=00", "_new"], ["New Posts", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?act=Search&CODE=getnew", "_new"] //no comma after last entry
]}; // REQUIRED!! do not edit or remove
////////////////////Stop Editing/////////////////
make_menus();]
|
|
|
| |
|
Garath531
|
Jun 2 2008, 05:51 PM
Post #2
|
Look, up in the sky! It's a bird! It's a plane! It's Superman!
- Posts:
- 628
- Group:
- Members
- Member
- #142,768
- Joined:
- January 6, 2007
|
You appear to be missing your script tags.
Replace what you have with this:
- Code:
-
<script type="text/javascript"> //<![CDATA[ /*********************************************** * Omni Slide Menu script - © John Davenport Scheuer * very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code * as first mentioned in http://www.dynamicdrive.com/forums * username:jscheuer1 ***********************************************/
//One global variable to set, use true if you want the menus to reinit when the user changes text size (recommended): resizereinit=true;
menu[1] = { id:'menu1', //use unique quoted id (quoted) REQUIRED!! bartext:'Game Related', fontsize:'100%', // express as percentage with the % sign linkheight:22 , // linked horizontal cells height hdingwidth:210 , // heading - non linked horizontal cells width // Finished configuration. Use default values for all other settings for this particular menu (menu[1]) ///
menuItems:[ // REQUIRED!! //[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header ["Game Boy"], //create header ["R/B/Y", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=2",""], ["Pokémon TCG", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=16", ""], ["G/S/C", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=3", ""], ["R/S/E", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=4", ""], ["FR/LG", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=5", ""],
["Multisystem"], //create header ["Other PKMN Games", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=15", ""], ["Stadium Games", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=12", "", 1, "no"], //create two column row, requires d_colspan:2 (the default) ["PMD", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=9", "",1],
["DS", "", ""], //create header ["D/P", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=10", "_new"], ["Wifi Lobby", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=19", "_new"], ["Mystery Dungeon 2", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=21", "_new"] //no comma after last entry
]}; // REQUIRED!! do not edit or remove
menu[2] = { // REQUIRED!! This menu explicitly declares all available options even if they are the same as the defaults id:'menu2', //use unique quoted id (quoted) REQUIRED!! ///////////////////////////////////// ///////////// no quotes for these properties (numbers represent pixels unless otherwise noted): //////////// ///////////////////////////////////// user_defined_stylesheet:false, //if true, prevents script from generating stylesheet for this menu user_defined_markup:false, //if true, prevents script from generating markup for this menu design_mode:false, //if true, generates a report of the script generated/intended styles and markup (as a design aid) menutop:160, // initial top offset - except for top menu, where it is meaningless menuleft:'45%', // initial left offset - only for top menu, as pixels (can be a quoted percentage - ex: '50%') keepinview:80, // Use false (for not static) - OR - true or numeric top offset when page scrolls menuspeed:20, // Speed of menu sliding smaller is faster (interval of milliseconds) menupause:500, // How long menu stays out when mouse leaves it (in milliseconds) d_colspan:3, // Available columns in menu body as integer allowtransparent:false, // true to allow page to show through menu if other bg's are transparent or border has gaps barwidth:20, // bar (the vertical cell) width wrapbar:true, // extend and wrap bar below menu for a more solid look (default false) - will revert to false for top menu hdingwidth:210, // heading - non linked horizontal cells width hdingheight:25, // heading - non linked horizontal cells height hdingindent:1, // heading - non linked horizontal cells text-indent represents ex units (@8 pixels decimals allowed) linkheight:20, // linked horizontal cells height linktopad:3, // linked horizontal cells top padding borderwidth:2, // inner border-width used for this menu /////////////////////////// quote these properties: ///////////////////// bordercolor:'#000080', // inner border color borderstyle:'solid', // inner border style (solid, dashed, inset, etc.) outbrdwidth:'0ex 0ex 0ex 0ex', // outer border-width used for this menu (top right bottom left) outbrdcolor:'lightblue', // outer border color outbrdstyle:'solid', // outer border style (solid, dashed, inset, etc.) barcolor:'white', // bar (the vertical cell) text color barbgcolor:'#4d6814', // bar (the vertical cell) background color barfontweight:'bold', // bar (the vertical cell) font weight baralign:'center', // bar (the vertical cell) right left or center text alignment menufont:'verdana', // menu font fontsize:'90%', // express as percentage with the % sign hdingcolor:'white', // heading - non linked horizontal cells text color hdingbgcolor:'#4d6814', // heading - non linked horizontal cells background color hdingfontweight:'bold', // heading - non linked horizontal cells font weight hdingvalign:'middle', // heading - non linked horizontal cells vertical align (top, middle or center) hdingtxtalign:'left', // heading - non linked horizontal cells right left or center text alignment linktxtalign:'left', // linked horizontal cells right left or center text alignment linktarget:'', // default link target, leave blank for same window (other choices: _new, _top, or a window or frame name) kviewtype:'fixed', // Type of keepinview - 'fixed' utilizes fixed positioning where available, 'absolute' fluidly follows page scroll menupos:'top', // set side that menu slides in from (right or left or top) bartext:'Quick Links', // bar text (the vertical cell) use text or img tag /////////////////////////// menuItems:[ //[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header ["Important sites"], //create header ["Serebii", "http://www.serebii.net/index2.shtml", "_new"], ["D/P Pokébox wallpapers", "http://www.filb.de/?site=games/nds/dp/box/","_new"], ["P2K Sprite Resorce", "http://www.pokemonelite2000.com/sprites.html/", "_new"], ["Pokémon Center", "http://www.Pokemon.com", "_new"],
["Search", "", "", 2, "no"], //create two column header w/ 2 and 1 column members, requires d_colspan:3 ["Search", "", "", 1], ["Google", "http://www.google.com/", "_new", 1, "no"], //create three column row, requires d_colspan:3 ["Yahoo", "http://www.yahoo.com/", "_new", 1, "no"], ["AltaVista", "http://www.altavista.com/", "_new", 1],
["Others", "", ""], //create header ["Photobucket", "http://www.Photobucket.com", "_new"], ["Gamefaqs", "http://WWW.Gamefaqs.com", "_new"] //no comma after last entry
]}; // REQUIRED!! do not edit or remove
menu[3] = { id:'menu3', //use unique quoted id (quoted) REQUIRED!! bartext:'PD Main', menupos:'right', kviewtype:'fixed', menuItems:[ // REQUIRED!! //[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header ["Non-Game"], //create header ["General Info", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=1", ""], ["Fan Art", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=2",""], ["Fan Fiction", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=13", ""], ["RPG Board", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=18", ""], ["Off Topic", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=8", ""], ["PKMN Anime", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?c=7", ""],
["Boardrules", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?act=boardrules", "", 1, "no"], //create two column row, requires d_colspan:2 (the default) ["Inbox", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?act=Msg&CODE=01", "",1],
["Quick Links", "", ""], //create header ["Active topics", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?act=Search&CODE=getactive", "_new"], ["My Controlls", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?act=UserCP&CODE=00", "_new"], ["New Posts", "http://z8.invisionfree.com/Pokemon_Deluxe/index.php?act=Search&CODE=getnew", "_new"] //no comma after last entry
]}; // REQUIRED!! do not edit or remove
////////////////////Stop Editing/////////////////
make_menus(); //]]> </script>
|
|
|
| |
|
Lantis on PD
|
Jun 3 2008, 02:34 AM
Post #3
|
- Posts:
- 6
- Group:
- Members
- Member
- #169,608
- Joined:
- May 29, 2008
|
sorry, I'm Kinda a Javascript NOOB thank you. it isn't working in the Javascript area is there anything else I need to do?
|
|
|
| |
|
Garath531
|
Jun 3 2008, 01:23 PM
Post #4
|
Look, up in the sky! It's a bird! It's a plane! It's Superman!
- Posts:
- 628
- Group:
- Members
- Member
- #142,768
- Joined:
- January 6, 2007
|
Put this in the Javascript area above the previous code:
- Code:
-
<script type="text/javascript" src="http://aquate.us/u/mmenu8.js"></script>
|
|
|
| |
|
Lantis on PD
|
Jun 3 2008, 03:40 PM
Post #5
|
- Posts:
- 6
- Group:
- Members
- Member
- #169,608
- Joined:
- May 29, 2008
|
It works YES!!!!! thank you so much!!!
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|