JavaScript.CoolDev.Com Support Forums

Any questions related to JavaScript menu and JavaScript tree menu by Javascript.CoolDev.Com

 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

integrate coolmenu with my menu

 
Post new topic   Reply to topic    JavaScript.CoolDev.Com Forum Index -> COOLjsMenu
Author Message
kkiely
Guest
PostPosted: Wed Oct 22, 2003 6:31 pm    Post subject: integrate coolmenu with my menu Reply with quote
i have a navigation bar at www.homepoker.com which i am happy with but i want to transform it into a drop-down menu. Is it possible to integrate the code into my nav bar or no?
KKiely AT aol.com
Back to top
undisclosed
Guest
PostPosted: Wed Oct 22, 2003 9:46 pm    Post subject: Reply with quote
so you want... poker games, then drop down lising some styles of game?
poker books, then a drop down with titles?

something like this would work

Menu_Items.js file
Code:
//keywords
var code="code";var url="url";var sub="sub";
//styles
var color = {"border":"#666666", "shadow":"#DBD8D1", "bgON":"white","bgOVER":"#B6BDD2"};
var css = {"ON":"clsCMOn", "OVER":"clsCMOver"};
var STYLE = {"border":1, "shadow":2, "color":color, "css":css};

var top_color = {"border":"", "shadow":"", "bgON":"","bgOVER":""};
var top_css = {"ON":"top_on", "OVER":"top_over"};
var TOP = {"border":0, "shadow":0, "color":top_color, "css":top_css};

var sub_color = {"border":"", "shadow":"", "bgON":"","bgOVER":""};
var sub_css = {"ON":"sub_on", "OVER":"sub_over"};
var SUB = {"border":0, "shadow":0, "color":sub_color, "css":sub_css};
//items and formats
var MENU_ITEMS =
[
   {"pos":[0,0], "itemoff":[0,112], "leveloff":[32,0], "style":TOP, "size":[25,112]},
      {'code':'<b>Poker Games</b>',
      sub:[
         {"style":SUB, "leveloff":[32, 5]},
         {code:"Game 1", url:"index.html", "format":{"size":[20, 140], "itemoff":[0, 0]}},
         {code:"Game 2", url:"index.html", "format":{"size":[20, 73], "itemoff":[0, 145]}},
         {code:"Game 3", url:"index.html", "format":{"size":[20, 103], "itemoff":[0, 78]}},
         {code:"Game 4", url:"index.html", "format":{"size":[20, 145], "itemoff":[0, 108]}},
         {code:"Game 5", url:"index.html", "format":{"size":[20, 92], "itemoff":[0, 150]}},
         {code:"Game 6", url:"index.html", "format":{"size":[20, 55], "itemoff":[0, 97]},
         sub:[
            {"style":SUB, "leveloff":[25, -225]},
            {code:"Game 6 subA", url:"index.html", "format":{"size":[20, 160], "itemoff":[0, 0]}},
            {code:"Game 6 subB", url:"index.html", "format":{"size":[20, 160], "itemoff":[0, 165]}},
            {code:"Game 6 subC", url:"index.html", "format":{"size":[20, 105], "itemoff":[0, 165]}}
         ]}
      ]
   },
      {'code':'<b>Poker Books</b>',
      sub:[
         {"style":SUB, "leveloff":[32, 29]},
         {code:"Book 1", url:"index.html", "format":{"size":[20, 138], "itemoff":[0, 0]},
         {code:"Book 2", url:"index.html", "format":{"size":[20, 130], "itemoff":[0, 143]}}
      ]}
   ]
}
];
*note: edited this on the fly, may have an extra or missing { or } [ or ]

just remember to change the index.html script to where you want it to point, and adjust your size and itemoff to make your menu work
Back to top
Display posts from previous:   
Post new topic   Reply to topic    JavaScript.CoolDev.Com Forum Index -> COOLjsMenu All times are GMT
Page 1 of 1