Cry no more - behold
The beteljuice Menu Disconknobulator Mk2 #
Edit: Now updated to handle new separate menu.js type file.
This has two three levels of functionality ...
a) It allows you to have instant visualisation of any layout tweaks or language change without to-ing and fro-ing between an editor and the source script.
b) If you like your new layout, It produces the code necessary to cut-n-paste into the source file, thus reducing the risk of errors.
(or you could just save the code to do further edits later)
c) * NEW * You can upload your existing or work in progress menu for editing.
You can change the order of the links ('narrow' menu order is tied to the main menu)
You can create / edit / remove a total of upto 20 single links and 6 drop-downs with 6 links.
Main menu and 'narrow' can have different links (In the example main menu has drop down for multiple other links, whilst the 'narrow' menu does not - but it does have a single link to the forum instead)
First of all if you have not already made a back-up of your js/menu.js do it NOW
To change the menu order just grab a Main Menu link and drag it side-ways (In the case of a drop down you have to grab one its links).
Input should be obvious, just check boxes and text (which update visually on any change).
When you create a link please put something in the url, if only a ? or <space>
For a link to open in a new window just put * in front of the title name.
If you would like to use the menu just scroll down to the big grey box, this contains the code to generate the menu.
For ease of use there is a "Copy To Clipboard" button - press it
the beteljuice recommends creating a .js file eg. mymenu-[date].js
You can tell setpagedata.js which menu type file to use.
This code is to create a menu type .js file.
That's all folks ...
BTW: If you would like an easy way to apply a different colour theme across your site without having to edit all your pages ...
Just add to the bottom of your menu file:
Code: Select all
$('head').append('<link rel="stylesheet" type="text/css" href="css/themename.css" />');