Hello there!
im having problem on adding dropdown menu (like the nav in this site) in a dynamic site(templated)
which i cannot access the html (like ul, li or adding class)
and i was thinking is it possible to create a javascript dropdown menu
for this? which add drodown menu by getting just the text like "home" as base on getting like an ID
really hard to explain :)
Julia25
0
Light Poster
Recommended Answers
Jump to PostYes, that should be possible (but if you can add javascript, why can't you add CSS?). But what did you try, what is the html you want to make a dropdown menu of, et cetera? We're not going to write the whole thing for you. There's a lot to find …
Jump to PostAh, okay, that helps a lot. Could you post the html of the menu it generates?
All 6 Replies
twiss
155
Veteran Poster
Yes, that should be possible (but if you can add javascript, why can't you add CSS?). But what did you try, what is the html you want to make a dropdown menu of, et cetera? We're not going to write the whole thing for you. There's a lot to find about it on the web, too.
Julia25
0
Light Poster
Thanks a lot twiss! i cant add css class to the nav because the navs was done dynamically, but i can put the code in a certain "add to head" part of their template it will dynamically assign
twiss
155
Veteran Poster
Ah, okay, that helps a lot. Could you post the html of the menu it generates?
ko ko
97
Practically a Master Poster
Post you code here.
Julia25
0
Light Poster
heres the screenshot where to add the css or javascript
http://imageshack.us/photo/my-images/9/fffffco.jpg/
the active css right now is this
/* NAVIGATION STYLING */
.navigation {width:100%; margin:0; padding:0;}
.navtabs {font-size: 10px; padding: 0; margin:0; height: 40px;}
.activetab {background:url(http:/navactive.gif) top center no-repeat; color:#3f1e51; font-size:10px; height:40px; padding: 0 5px; line-height:25px; text-align:center;}
.inactivetab {background:url(/nav.gif) top center no-repeat;font-size:10px; height:40px; padding: 0 5px; line-height:25px; text-align:center;}
.hovertab {background:url(/navhover.gif) top center no-repeat;font-size:10px; height:40px; padding: 0 5px; line-height:27px; text-align:center;}
a.navlink {text-decoration:none; color:#7a508e; font-weight:bold;}
a.navlink:hover {text-decoration:none; color:#000;}
tabspacer {width:1px; background: #fff;}
.breadcrumb {font-size:11px; padding:10px; color:#333;}
heres the look it generates
http://imageshack.us/photo/my-images/683/hhhhhhcq.jpg/
like i mention
i wish to add dropdown on accessories nav but i cant access the html code to add class
Julia25
0
Light Poster
anyone?
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.