Knowledge Base support case for AllWebMenus Pro, abstracted and stripped of all user’s private info.


Initial Email From:
Joy
Initial Email Subject: Can a previous-next be added to a menu?
Support Case Month: March 2014

Hi,

This particular site has a bottom menu on the paintings page with numbers from 1 to 24 across the bottom.  Now they want to add a <Previous>  <Next> to that same menu that is using build 884.  Can this be done and how would I add the <Previous>  <Next> to the menu so it would rotate to each new page from 1-24?  Please let me know, any help would be appreciated.

Best,
Joy

Reply From: Likno Customer Support

Hello Joy,

As it seems this is a slideshow and it would be perfectly created with Likno Web Scroller Builder (info: http://www.likno.com/jquery-scroller/index.php examples: http://www.likno.com/jquery-builders/examples.php?p=lwsc&e=examplepack0204)

If you choose to go with AllWebMenus then you can add "Previous" as you first menu item and "Next" as you last menu item in your structure.

Then, you can add a JavaScript Command to run when you click those 2 items. So, I guess you can have 2 JavaScript functions (1 for previous, 1 for next). In previous function you need to have a script that will take you to the previous page and in next function to take you to the next page.

JavaScript command in menu item

Please, let me know if you need further help.

Thank you.

Kind Regards,

Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Tags: , , , , , , ,

 

A popular feature you may come across in Web pages, is to swap images in a specific area of the page whenever you mouse over the menu's items. It is a feature that is being requested often of some of our customers too. This feature can be easily implemented by a menu that has been built by AllWebMenus Pro application.

One way to implement this feature is to go to the "Menu Editor" of the AllWebMenus Pro, choose the item(s) of the menu you want to have this behavior and then place the appropriate JavaScript code into the "JavaScript Command" property of this item (see the image below).The JavaScript code you must place into this property must be any valid JavaScript code (e.g. an already defined function in your HTML page) and it is in your responsibility to provide this valid code.

You can also implement this feature using the "Floating Image" property of the item. There you can define the image you want to appear whenever you mouse over this item and the area of your page that this image will appear by providing the appropriate x, y offsets. You can find all the appropriate information about the usage of the floating images in the following link of our company's blog site: http://www.likno.com/blog/allwebmenus-dhtml-menu-maker-floating-images-new-feature/249/

However, the second way is not recommended because you need to be more careful when managing the offsets; for example you may encounter problems in the display of your image when you re size the browser's window.

Tags: , , , , , , , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows