Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
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
Member Avatar
Member
 *  
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();]
Offline Profile Quote Post Goto Top
 
Garath531
Member Avatar
Look, up in the sky! It's a bird! It's a plane! It's Superman!
 *   *   *   *  
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>
Offline Profile Quote Post Goto Top
 
Lantis on PD
Member Avatar
Member
 *  
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?
Offline Profile Quote Post Goto Top
 
Garath531
Member Avatar
Look, up in the sky! It's a bird! It's a plane! It's Superman!
 *   *   *   *  
Put this in the Javascript area above the previous code:
Code:
 

<script type="text/javascript" src="http://aquate.us/u/mmenu8.js"></script>
Edited by Garath531, Jun 3 2008, 01:24 PM.
Offline Profile Quote Post Goto Top
 
Lantis on PD
Member Avatar
Member
 *  
It works YES!!!!! thank you so much!!!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Add Reply