PDA

View Full Version : Smooth Navigational Menu v2.1 doesn't load css files on seo URL type



Arona
08-17-2013, 11:19 PM
1) Smooth Navigational Menu v2.1

2) http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) hi , i have a problem with this vertical menu , i have a wallpaper site and when i change my site settings to USE urls as seo type this menu can not find the css files , i uploaded the files in root and when the URL type is like this:

http://www.sevenpda.com/index.php?task=view&id=6436

everything is fine , but when i change the settings to seo url that would be like this:

http://www.sevenpda.com/actresses/sofia-vergara-3

it doesn't load the css files and all the menu changes to text with links . you can see both link to understand whats my problem

now my question is how can i set the path of files manually ? now it's this form :


<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="ddsmoothmenu-v.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js">



contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]

i think it should be something like this :

please some one help me fast , all my site URL's on google cached on seo url type :( , i'm noob please help me :(

jscheuer1
08-18-2013, 03:16 AM
The contentsource property simply sets where the menu looks to find its content. The two choices are "markup" (which means the menu looks for its content on the page), or ["container_id", "path_to_menu_file"] (which means that the script loads its content from the specified external menu file into a div with the container_id specified, and then looks to that container for its content).

It has nothing to do with where the javascript or css files are located.

The problem is that:


<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="ddsmoothmenu-v.css" />

and:


<script type="text/javascript" src="ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

Are all 404 Not Found. They are not in the sevenpda.com/actresses/ folder. They are in the sevenpda.com/ folder. So you can change them to (network path indicating to look in the root sevenpda.com/ folder):


<link rel="stylesheet" type="text/css" href="/ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="/ddsmoothmenu-v.css" />

and:


<script type="text/javascript" src="/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

And everything should work out fine, with the exception of the images configured in the ddsmoothmenu.js script (starting at about line #42):


///////////////////////// Global Configuration Options: /////////////////////////

//Specify full URL to down and right arrow images (23 is padding-right for top level LIs with drop downs, 6 is for vertical top level items with fly outs):
arrowimages: {down:['downarrowclass', 'down.gif', 23], right:['rightarrowclass', 'right.gif', 6]},
transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds
shadow: true, //enable shadow? (offsets now set in ddsmoothmenu.css stylesheet)
showhidedelay: {showdelay: 100, hidedelay: 200}, //set delay in milliseconds before sub menus appear and disappear, respectively
zindexvalue: 1000, //set z-index value for menus
closeonnonmenuclick: true, //when clicking outside of any "toggle" method menu, should all "toggle" menus close?
closeonmouseout: false, //when leaving a "toggle" menu, should all "toggle" menus close? Will not work on touchscreen

/////////////////////// End Global Configuration Options ////////////////////////

Using a text only editor like NotePad, change those like so (again the network path, looking to the root where these images actually are):


arrowimages: {down:['downarrowclass', '/down.gif', 23], right:['rightarrowclass', '/right.gif', 6]},

Save and use that file. None of this will hurt the other pages that were already working.

Note: The network path will only work live, so you cannot test these changes locally.

Note 2: The browser cache may need to be cleared and/or the page refreshed to see changes.

Arona
08-18-2013, 03:46 AM
thank you very very much , it worked , :rolleyes: