Web Design Forum: jQuery scrollable navigation - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

jQuery scrollable navigation wont work within my existing DIVS

#1 User is offline   stjohn 

  • Dedicated Member
  • PipPip
  • Group: Members
  • Posts: 118
  • Joined: 02-October 08
  • Reputation: 0
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 16 January 2012 - 06:08 PM

Hey all,
Hopefully this isnt too much of a problem, but I'm struggling to fix it. I want to use this jquery navigation on a site im working on: http://flowplayer.or...navigation.html

and while I can get it work on a basic page, when I start to put it within divs ive already styled, it stops working. you can see examples here:

working:
http://www.georgianw...ie/scroller.php

not working:
http://www.georgianw...pe_var_test.php

so im pretty certain its my existing CSS stopping the animation from executing, but im a bit stumped. any ideas guys? much appreciated!
cheers
0

#2 User is offline   stjohn 

  • Dedicated Member
  • PipPip
  • Group: Members
  • Posts: 118
  • Joined: 02-October 08
  • Reputation: 0
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 16 January 2012 - 10:14 PM

ok well it seems i have some conflicting javascript. im using a dropdownmenu script, and when i remove it from the page, it works. :-/

very strange.

this bit:

<script type="text/javascript"> 

ddsmoothmenu.init({
	mainmenuid: "smoothmenu1", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

ddsmoothmenu.init({
	mainmenuid: "smoothmenu2", //Menu DIV id
	orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
	//customtheme: ["#804000", "#482400"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>


But this basically allows the dropdownmenu to function or not, so removing it isnt the best of options.
As im not really a coder, so im pretty stumped to say the least. Can anyone offer any help on this. Id be much appreciated.
Thanks Alot.
r

This post has been edited by stjohn: 16 January 2012 - 10:43 PM

0

#3 User is online   mteam 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,828
  • Joined: 07-November 09
  • Reputation: 247
  • Gender:Male
  • Location:Manchester
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 17 January 2012 - 12:01 AM

You only need one of the functions above remove the 2nd one

<script type="text/javascript">  
 
ddsmoothmenu.init({ 
        mainmenuid: "smoothmenu1", //menu DIV id 
        orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v" 
        classname: 'ddsmoothmenu', //class added to menu's outer DIV 
        //customtheme: ["#1c5a80", "#18374a"], 
        contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] 
}) 

</script>



0

#4 User is offline   stjohn 

  • Dedicated Member
  • PipPip
  • Group: Members
  • Posts: 118
  • Joined: 02-October 08
  • Reputation: 0
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 17 January 2012 - 09:21 AM

worked perfectly thanks :)
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users