Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

Hello! We have released a new version of Likno Web Scroller (jQuery Slider) Builder: Version 1.0 build #124.

Check out What's New

- Added Example 10 (Google Analytics mockup): Similar scroller to the live scroller used on Google Analytics (as of Oct 9, 2012). Use of a "Bullets" only Navigation Bar. Use of "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller".

- Added Example 11 (WordPress mockup): Similar scroller to the live scroller used on WordPress (as of Oct 15, 2012). Use of character-based (HTML) "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller". Use of "Slide" effect.

- Added the Fade "blending" options.

- Added the "Rewind" option when the "Transition" is of the "Continuous" type.

- Added a Vertical Offset (or Horizontal for vertical scrollers) to the Navigation Arrows.

- Updated all Examples that were using CSS-based vertical arrow offsets to use the new property instead.

- Fixed an issue where the style was changing when using the item Link property.

- Fixed an issue where IE produced a horizontal scrollbar if the parent of the positioning item had a fixed width & height AND 'float: left;'.

- Fixed an issue where items with links had a border in IE.

All features here: http://www.likno.com/jquery-scroller/index.php

Download the new version of our web scroller (jquery slider) builder at http://www.likno.com/jquery-scroller/download.php

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

Initial Email From: Akash
Initial Email Subject: help/question for keyboard access to menus
Support Case Month: August 2012

Hello Support Team,

We are using AllWebMenu Pro 5.3 to create our application’s menus and have one question about it

We want the menus to be accessible with mouse AS WELL AS keyboard

Are there any keyboard shortcuts to access the menu with keyboard or a way we can provide in the menus generated with allwebmenus

So the user can use keyboard to access and use menus as well as submenu with keyboard

Our application uses frames and the menus are in the top frame

Thank you,

Akash

Reply From: Likno Customer Support

Dear Akash,

The keyboard shortcut to cycle through the page menus is “Ctrl+F12”. The navigation is performed with the arrow keys.

It is possible that the focus will have to be in the top frame in order for this to work. If this does not work, please send me the URL so that I can test it myself.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Akash

Hello Kostas,

We tried “ctrl+F12”  but did not worked

This is the link and login details for you, so you can test it.

Thanks

Akash

Reply From: Likno Customer Support

Dear Akash,

I tried viewing your menu, but the system you have does not let me…

Specifically, when I try to view only the frame that holds the menu it seems that I get redirected to some other page which is broken.

Also when I try to guess the menu path (using the source code info) I always get a “page not found”, for all the URLs I tried:

{URL REMOVED}

Where is the menu actually uploaded?

What I mostly wanted to check is the version of the menu you are using. If it is old it may not support keyboard navigation at all, as this is a relatively recent feature.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Akash

Hello Kostas,

Thank you for the quick response

Below is the link to get the menu ‘s java script

{URL REMOVED}

as I remember we deployed these menus using version 5.3

I don’t think you will be able to just load the top frame separately, the whole page has to be viewed with frames

Do let me know if you need any more information to help with this

Thanks

Akash

Reply From: Likno Customer Support

Indeed, the version you have does not support Keyboard Navigation. You are using build 870 and this feature was added in build 880.

According to your license you can get up to build 892 for free, so I suggest that you do this and recompile your menus.

(you can get this from your User Area account)

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Akash

Hello Kostas,

Thank you for the quick help

We will recompile with the latest build and try it.

Will update you about the output

Thank you once again

Akash

Reply From: Akash

Hello Kostas,

We downloaded and installed build 892

And compiled menu in new version (menu_worker.js)

But still we are not able to use the keyboard shortcut

we did make sure the focus was on that frame the menu is in and  tried to use with

both the shortcut keys “ctrl+F12” as you said and as well shift “shift+F12” as in help file and menu options

but it did not work

we have updated that menu on the link we provided earlier

We will appreciate if we can figure this issue out

Thank you for your support

Akash

Reply From: Likno Customer Support

Dear Akash,

I am afraid I have bad news.

I discussed this issue with our main developer and he told me that the keyboard navigation was never supported for cross-frame environments due to JavaScript security restrictions.

Sorry about this!

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Akash

Hello Kostas,

Thank you for your help and letting us know about it

Thanks

Akash

Knowledge Base support case for Likno WebTooltips Builder, abstracted and stripped of all user’s private info.

Initial Email From: Al
Initial Email Subject: Tool tip works in IE9, but not Firefox 12.0 or Chrome
Support Case Month: June 2012

Tool tip is on code line 153.
Hovering over the image causes the tip to show only in IE.
Works fine on IE9, but will not work with Firefox 12.0 or Chrome...on THIS page.  Tested on another page of the same site and it DID work with Chrome (did not test with IE or FireFox.
Related URL: http://www.photocutouts.com/index.htm

Reply From: Likno Customer Support

Hello,
I checked your site and noticed that you have a tooltip project attached with three tooltips, but I only found a reference for one of them (Tooltip_1) in your page.
In my tests, this tooltip did not show up in any browser! I was not able to find the cause of this problem by looking at your compiled files. Can you please export and send me the Tooltip Project so that I can have a look?

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Al

Hi Kostas,  That's really weird it won't work for you, but works for me on some browsers.
Attached is my file.
Tool tip #1 (NEW! image - code line 153 on http://www.photocutouts.com/index.htm works on some browsers
Tool tip #2 (PayPal logo - code line 131) on http://www.photocutouts.com/acrylic-cutouts.htm was a test and I don't recall if I expect it to work at this time but it did work at one point - don't recall which browsers.
Tool tip #3 (Red Order Help Button - code line 166) works fine on http://www.photocutouts.com/acrylic-cutouts.htm
Thanks for your help!
Al

Reply From: Likno Customer Support

Dear Al,
I was able to find the problem. It seems that you have set your tooltips to appear relative to a specific page element (NOT the trigger element) and that this element does not exist in your page:

Please return this again to either “its Trigger Element” or “the Mouse” in order to fix the problem.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Al

I thought you were on to it, Kostas, but I made the change, compiled, uploaded, and refreshed browsers, but it still only works in IE9...on the index.htm page.

Newest file attached.
Al

Reply From: Likno Customer Support

Dear Al,
Are you sure? I just tested your page (acrylic-cutouts.htm) and I see the tooltip in the red button working for all browsers!
Did you make sure that you deleted your browser’s cache files? Maybe you are still viewing the old files.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Al

Hi Kostas,
I downloaded and installed the latest modal and tool tip updates
I opened tool tips and compiled the project
I uploaded the likno-scripts folder
I cleared all history from Chrome, Firefox, and IE9
Tool tip #1 works only in IE9
Tool tip #3 has always worked without fail in all 3 browsers
Attached is the latest export.
Thanks!
Al

Reply From: Likno Customer Support

Dear Al,
Did you recompile your Modal project too? I specifically asked you to download both because they could be interfering with each other.
If not, please try this now and let me know.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Al

After compiling the modal project everything started working.  However, I am now trying to add a tool tip to http://www.photocutouts.com/acrylic-popouts.htm (The red order help button)
but it will not open for me.  I have probably done something wrong, but I sure can't find it.  It fails in Chrome and IE9, didn't try in Firefox.
Attached is the latest export file.
Thanks!
Al

Reply From: Likno Customer Support

Dear Al,

I checked your page, and it seems that you forgot to add the Linking Code!

Please link the tooltip project to the page and see if this corrects the problem.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Hello, we have released a new version of AllWebMenus Pro: Version 5.3 build #900.

Check out What's New

- Multiple .AWM projects can now be simultaneously loaded within a single instance of the AllWebMenus application. Copy & Paste actions can now be performed among the multiple loaded projects.

- Enhanced the Expression Web 4 Add-in.

- The menu now hides when its positioning element (or any of its parents) is hidden. Similarly, if this positioning element becomes visible the menu also becomes visible.

- The "Automatic Highlight Item" functionality is now possible even when the "Advanced Floating" feature is enabled (used not to be).

- Fixed an issue with some Style Editor properties that did not properly hold their values (submenu Header values).

- Fixed an IE issue regarding "awm_pos_msg" that caused IE to consume CPU resources.

All features here: http://www.likno.com/allwebmenusinfo.html

Download the new version of our CSS menu builder at http://www.likno.com/download.html

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

Initial Email From: Henry
Initial Email Subject:  Request for help
Support Case Month: April 2012

Dear Staff,
I am using AllWebMenus PRO v 5 on Windows XP  that I just activated today.
I am trying to implement a Javascript action based on clicking a web menu field on the "piano web menu example"   I added  an "audio tag" to the HTML format for my "Mouse click" event in the Javascript piano web menu example.
The piano will display as shown here (http://kyemba.net/saylor), but my audio files will not sound. 
I have tried testing the audio file using a standalone media player and the files play fine. 
However, the files also will not play when substituted in the following w3schools.com ( http://www.w3schools.com/html5/tag_audio.asp )
editor as follows:

<!DOCTYPE html>
<html>
<body>
<audio controls="controls">
  <type="audio/mp3" source src="http://kyemba.net/saylor/audio/02%20-%20Priere" />
</audio>
</body>
</html>

Would you give me some advice on what I may be doing incorrectly.  Or perhaps an alternative means to go about adding audio to a "clickable" event on the menu.
Sincerely,
Henry

Reply From: Likno Customer Support

Dear Henry,

The purpose of the <audio> tag is to display a player within the browser which you can use to listen to the specific sound file you put in the “src”.

It does not just load a sound in the background, and to the best of my knowledge it is not possible to control this sound using JavaScript (e.g. have it play when you click somewhere).

If you want to have a sound play when you mouse-over or click on the menu items, I am afraid that this is not going to be easy. First and foremost, because sound is not supported by all browsers, so this would only work in half of them. Secondly because this would probably require a flash control for playing sounds which will be called/controlled by JavaScript commands. As you can understand, this would require custom coding on your side, and there is no “standard” that we can propose.

Adding sounds to the menu is something that our users have asked for years, but unfortunately this is still not possible given the current browser (lack of) support (it is only possible in Flash menus which is entirely out of our scope).

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter