Hi - Anybody had luck using the Apycom jQuery Menus? I just bough it (cyber sale) did what the text said but no joy heres my pitiful result note the missing menu top right!
http://easthalldesign.com/Blog/menu.html
I just used the demo html supplied Ill upoad the instructions now
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
How to add the menu to your own pages
Step 1: Select the style of the menu you like and download zip file with all menu files.
Step 2: Copy ‘images’ folder, menu.css, menu.js and jquery.js files to the same directory
as the page itself.
Step 3: Open your index.html file in any text editor. Copy and insert the following code
into the section of your page:
<link type="text/css" href="menu.css" rel="stylesheet" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="menu.js"></script>
Step 4: Create an unordered list for your base navigation. Add the sample markup to the
section of your page.<div id="menu">
<ul class="menu">
<li><a href="#" class="parent"><span>Home</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.1.1</span></a></li>
<li><a href="#"><span>Sub Item 1.1.2</span></a></li>
</ul></div>
</li>
<li><a href="#"><span>Sub Item 1.2</span></a></li>
<li><a href="#"><span>Sub Item 1.3</span></a></li>
<li><a href="#"><span>Sub Item 1.4</span></a></li>
<li><a href="#"><span>Sub Item 1.5</span></a></li>
<li><a href="#"><span>Sub Item 1.6</span></a></li>
<li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.7.1</span></a></li>
<li><a href="#"><span>Sub Item 1.7.2</span></a></li>
</ul></div>
</li>
</ul></div>
</li>
<li><a href="#"><span>Sub Item 2</span></a></li>
<li><a href="#"><span>Sub Item 3</span></a></li>
</ul></div>
</li>
<li><a href="#"><span>Product Info</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.1</span></a></li>
<li><a href="#"><span>Sub Item 1.2</span></a></li>
</ul></div>
</li>
<li><a href="#" class="parent"><span>Sub Item 2</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 2.1</span></a></li>
<li><a href="#"><span>Sub Item 2.2</span></a></li>
</ul></div>
</li>
<li><a href="#"><span>Sub Item 3</span></a></li>
<li><a href="#"><span>Sub Item 4</span></a></li>
<li><a href="#"><span>Sub Item 5</span></a></li>
<li><a href="#"><span>Sub Item 6</span></a></li>
<li><a href="#"><span>Sub Item 7</span></a></li>
</ul></div>
</li>
<li><a href="#"><span>Help</span></a></li>
<li class="last"><a href="#"><span>Contacts</span></a></li>
</ul>
</div>
Step 5: Change the items’ caption, specify links and change the menu structure as you
like. You can create as many sub-menus and list items as necessary.
Note: Please don’t forget to use the DOCTYPE declaration for universal compatibility,
for example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Looks like you have both jQuery and Prototype on the same page - that may be your problem.
The menu is there but hidden.
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I removed all actions there wasn’t a Prototype action? I don’t think anyway? Nor the Prototype action is used
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Try it on a totally blank page.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Just did - no luck
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Justin,
You have two items with an ID of “menu”, which is confusing the script. Change the ID of the item in Freeway (the Title field is used as the ID) to something other than menu and it should start working.
Cheers,
Joe
On 1 Dec 2011, at 19:20, Justin Easthall wrote:
How to add the menu to your own pages
Step 1: Select the style of the menu you like and download zip file with all menu files.
Step 2: Copy ‘images’ folder, menu.css, menu.js and jquery.js files to the same directory
as the page itself.Step 3: Open your index.html file in any text editor. Copy and insert the following code
into the section of your page:Step 4: Create an unordered list for your base navigation. Add the sample markup to the
section of your page.Step 5: Change the items’ caption, specify links and change the menu structure as you
like. You can create as many sub-menus and list items as necessary.Note: Please don’t forget to use the DOCTYPE declaration for universal compatibility,
for example:
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
wow! and so it is - cheers!
Jus
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options