Help with javascript dock menu
Hey, first let me say that this skin is amazing, thanks for making it.
The only problem I am having is I can't seem to get a javascript (jquery) dock menu to work in the skin. I am trying to use this dock. The download provides a js folder with "jquery" and "interface" scripts, style.css file, and image folder (there is also a demo html file). When I first tried to use the dock menu I put all the files in the main directory of wordpress then added the code from the demo in the header.php (calling the javascripts) of the Atahualpa theme, as well as in the index.php (remainder of code where the dock will be). When I tested it out the images of the dock showed up, but the functions of the dock did not work. Because of this I am assuming that the javascript was either put in the wrong place in the header.php and index.php, or I should put all of the dock menu files in the theme directory for this skin. Script used to call in javascripts: Code:
<script type="text/javascript" src="js/jquery.js"></script> Also the creator of the dock menu made a wordpress theme using his dock (so I know it is possible to have it work with wordpress). I tried using the same methods he used but with no luck. Thanks. Ace` |
jQuery is alreay available in the theme, you don't need to include it.
Reference all files with absolute paths to be sure, your current paths would not work on all pages if you use permalinks. Also, Atahualpa has a style.css, too so either don't upload the style.css of the dock menu into the Atahualpa directory, or rename the dock menu's CSS file name If you upload interface.js, iepngfix.htc and the (renamed) dockmenu.css to /yourdomain/wp-content/themes/atahualpa/ Add this via HTML/CSS Inserts -> HTML Inserts: Header HTML Code:
<script type="text/javascript" src="/wp-content/themes/atahualpa/interface.js"></script> |
Thanks Flynn for the help. Unfortunately I still can't get the dock menu to work. I got the CSS to work by merging it with theme's main css file. Still though the dock does not function. How exactly is jquery set up for this skin? Is it possible I have to call it specifically for the dock? If the jquery is not the problem then maybe it is the other code associated with the dock (the part that is suppose to to be inserted in the <body>).
This is what I have inserted in the header.php file, above the "container id": Code:
<div class="dock" id="dock2"> Thanks for your time. Ace` |
All times are GMT -6. The time now is 01:38 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.