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

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

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

Initial Email From: Richard
Initial Email Subject: Pop Up Windows
Support Case Month: March 2012

I have not begun construction of a website, but need to know if I can use your product to launch pop up windows? I use wise pop-up to create these windows and need to trigger them from menus or submenus created with your product.
Thanks

Reply From: Likno Customer Support

Hello Richard,

First, I need to say that we have an easy way to open "pop up windows" (Modal Windows) from menu items if you create these modal windows with our other product, called "Likno Web Modal Windows Builder": http://www.likno.com/jquery-modal-windows/index.php

For more information (with images) on how you can do this, just click the HELP button on the respective property, as shown below:

In case you want to use a different popup windows code (wise for example), then I believe that you can trigger them through the Javascript Command property here:

You need to know what javascript to write there, based on the "wise" instructions.

Regards,
Aris Filokostas
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

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

Initial Email From: Eric
Initial Email Subject: onload modal produces doubles new organic visits
Support Case Month: October 2012

I have a modal window that opens onload at postcardmania.com. If you go there and don't see it, clear your cookies.

This modal is doubling new organic visits to our homepage, that is, the modal is considered a new organic visit AND the homepage is considered a new organic visit. I need to be able to stop the modal window from counting as a new organic visit.

This is the modal script:
<script type="text/javascript">
   var lwmwLinkedBy="LiknoWebModalWindows [1]",lwmwName="hp-popup",lwmwBN="240";
</script>

<script charset="UTF-8"
        src="/hp_popup2/hp-popup-assets/hp-popup2.js"
        type="text/javascript">
</script>

When I set this up originally, I asked for some advice from you (Linko support) on how to set it up. I was given this script to trigger the popup:

<script language="javascript">
function openMyModal() {
     if (typeof(hppopup2)!="undefined")
          hppopup2({bodySource:"<div externalUrl='hp_popup2/hp1.php?theUrl="+document.location.href+"' style='z-index:4000;'>&nsbp;</div>"});
     else
           setTimeout(openMyModal, 500);
}
</script>

Do you have any ideas about how I can prevent the modal popup from counting as a new organic visit?

Related URL: http://www.postcardmania.com/

Reply From: Likno Customer Support

Dear Eric,

Not sure how Google works, but it is highly possible that any iframe would count as a new organic visit.

Also you may want to check for any Google code that you have at the “'hp_popup2/hp1.php” page as the problem may be there.

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

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

Initial Email From: Sheldon
Initial Email Subject: Likno Web Modal Windows Builder Works with all CMS and Blogs (such as WordPress...
Support Case Month: October 2012

Can you please tell me how to use Modal Windows Builder with WordPress? Or send me a link to information on how to work with WordPress?

Thank you, Sheldon

Reply From: Likno Customer Support

Dear Sheldon,

Unfortunately we do not have a WordPress plugin for Modal Windows. Nonetheless you can still use it there as you would use it in all your normal html pages.

The main things you have to keep in mind are:

1) You need to compile and upload your files (manually as no plugin is provided)

2) You need to add the Linking Code into your page (when you go to link, select the second tab which will give you the code to copy-paste, and make sure the path is correct)

3) Depending on how you want to use the modal window, you must make sure that the element that is going to open it, has the correct trigger code

Are you planning to use Modal Window in a specific page? Is it going to be a modal that opens on page load, or when something is clicked? If the later, is it going to be a specific link or do you want multiple links to open in the same modal window? If you specify what you want to achieve I will be able to give you more precise help.

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: Sheldon

Hi Kostas,

I will be using modal windows on specific pages (http://www.apltd.com/wordpress3.4.2/test/test-likno/). The action will be on a click with a specific link. On the sample link I added the 

<!-- ******** BEGIN LIKNO WEB MODAL WINDOWS CODE FOR likno-modal-project ******** -->

code in the WordPress page editor. What is the best way to add the 

<!-- ******** BEGIN LIKNO WEB MODAL WINDOWS CODE FOR likno-modal-project ******** -->

code?

Thank you,

Sheldon

Reply From: Likno Customer Support

Dear Sheldon,

If you want this to be a specific link in one page then what you already did is the best method.

I checked your page and I see that it already works.

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

1. First, what is a "Custom Variable"?

A custom variable is a javascript variable whose value you can update in your web page (through javascript) in order to alter the menu properties where they are used, based on your conditions or preferences.

The syntax of a custom variable is (whichever you prefer):

     <awm:myvar>

OR

<awm:myvar/>

 

Example:

The applicable properties where a custom variable can be used are:

ITEM PROPERTIES:

Text

Link

Status Bar Text

Tooltip

GROUP PROPERTIES:

Header Text

Header Tooltip

Footer Text

Footer Tooltip

If you click on the "Compile Properties" toolbar button and then the "Custom Variables" option you will see any custom variables detected to be "in use" by your project (read more about this functionality in the AllWebMenus Help section there).

2. OK, so how can I use "Custom Variables" to show the same single menu with differentiated values, when this menu is triggered as a "popup" by different page elements?

Read below how you can show the same single menu on different page elements, using different "Link" values on its items per element.

Let's assume that you have several images on your page that display different DVD movie posters.

Each of these images shows the same menu when clicking on it, offering 3 actions (menu items) for the particular DVD that opens it ("view it", "purchase it", "rate it", etc.):

Now, each item of that menu links to a page related to its action (e.g. the "Purchase DVD" item links to the "purchase.php" page, etc.). In order for the linked page to know which DVD opens it, there is also a parameter at the end of the URL (e.g. "?dvd_id=13").

For example, these are the menu links when "Item 13" (DVD 13) triggers the menu:

But how can you use a different link value on the same menu, depending on which image (page element) triggers its appearance?

This is how:

1. In AllWebMenus, use a custom variable at the final part of each item's "Link" property (instead of a "hard coded" value):

2. In your page, first specify the value of this custom variable (with javascript) and then manually trigger the appearance of the menu (also with javascript):

<img src="movie-poster-13.jpg" onclick="custom_dvd_id=13;awmShowGroup('menu-gr0',0,3,0,0,this);">

For each different page element (DVD image) use a different value prior to calling the same menu. For example:

<img src="movie-poster-14.jpg" onclick="custom_dvd_id=14;awmShowGroup('menu-gr0',0,3,0,0,this);">

<img src="movie-poster-15.jpg" onclick="custom_dvd_id=15;awmShowGroup('menu-gr0',0,3,0,0,this);">

<img src="movie-poster-16.jpg" onclick="custom_dvd_id=16;awmShowGroup('menu-gr0',0,3,0,0,this);">

In that way, the menu links eventually use a different value in their URL parameters depending on which page element (DVD image) opens it.

For more information on how to manually trigger a menu (on demand, as a "popup menu") please read the AllWebMenus Help topic of the "Manually trigger Main Menu or any Group on user action" positioning method.