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

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

Initial Email From: Roy
Initial Email Subject: Compiled libraries deprecating SSL
Support Case Month: October 2012

Dear Kosta

I have just applied a SSL certificate on my server and I noticed something strange on some of the pages being served and that is: the padlock icon disappeared. And after some investigation & trying, I discovered the compiled libraries is cause of the problem. When I remove the SRC tag in the scripts, the padlock appears again.

Is there any work-around for this issue.

Thanks
Roy

Reply From: Likno Customer Support

Dear Roy,

Are you referring to the security icon? I am not sure on what would be the problem, but I know that loading external scripts may be considered insecure in https sites, depending on where the scripts load from. For example if you have a full-path in the Linking Code it may be insecure while a relative path may be ok.

Can you test this 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: Roy

Dear Kostas

Yes I am referring to the security icon.

Can you explain the difference between a full-path & relative path for me to test on.

Thanks

Roy

Reply From: Likno Customer Support

Full-path:

http://www.mysite.com/menu.js

Root-relative path:

/menu.js

Relative path:

menu.js

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

Kostas

Please refer to the screen shot attached.

The Compiled Subfolders (\likno-moda-admin) are normally what I put in place

for all my Modal window projects.

I carry out an experiment by try & error to see which files are creating the problem

and the result is:

If I

1) Leave the “jquery.js” file in the \likno-moda-admin folder and

2) Place the “likno-modal-lib.js” & “likno-modal-project.js” in the root directory “C:\inetpub\wwwroot\Billing” and

3) Change the tag to src="likno-modal-project.js"

the padlock appears. Any other placements would cause the padlock top disappear.

Maybe you like to advice me how II should place compile properties so that that icon remains.

Thanks
Roy

Reply From: Likno Customer Support

Dear Roy,

I think there is a misunderstanding here… I was not referring to the Compile Properties!

My suggestion was that you only change the Linking Code in the actual HTML page. Did you try this?

In your page you should have something like this (this is copied from our own site):

<!-- ******** BEGIN LIKNO WEB MODAL WINDOWS CODE FOR likno-modal-for-lwsc-examples ******** -->

<script type="text/javascript">var lwmwLinkedBy="LiknoWebModalWindows [1]",lwmwName="likno-modal-for-lwsc-examples",lwmwBN="246";</script><script charset="UTF-8" src="/likno-scripts/likno-modal-for-lwsc-examples.js" type="text/javascript"></script>

<!-- ******** END LIKNO WEB MODAL WINDOWS CODE FOR likno-modal-for-lwsc-examples ******** -->

I only suggested that you change the highlighted path to be a full-path.

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

Dear Kostas

1) If I changed to ="/likno-scripts/likno-modal-for-lwsc-examples.js"

It still won’t work

2)If I changed to ="likno-modal-for-lwsc-examples.js"

It works. Provided the “jquery.js” file stays in the folder \likno-moda-admin folder

Roy

Reply From: Likno Customer Support

Yes, I thought so… the script links in a secure site have to be all relative…

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: Raúl
Initial Email Subject: Problem with AllWebMenus
Support Case Month: October 2012

Hello
I use AllWebMenus 5 (user: {INFO REMOVED}) and I have a menu running ok.
The directory structure is:
c:\RGB\menu.js
c:\RGB\awmdata
C:\RGB\awmdata\menu
The file C:\RGB\index.html use this menu to go to diferent html
C:\RGB\contacto.html
C:\RGB\supplies.html
...
I need also to use this menu from the file C:\RGB\galeria\index.html
I have try to copy menu.js to gmenu.js (to use in this new file) and modify this file but the
menu appear in the web but don't run the link.
I need help
Please, is very important for me.
Thanks in advance.
Raúl

Reply From: Likno Customer Support

Dear Raul,

You should not copy the menu in multiple places. Instead, you only need to adjust the Linking Code.

In your page you have a Linking Code that looks something like this:

<!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** -->

<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="menu",awmBN="GN";awmAltUrl="";</script>

<script charset="UTF-8" src="menu.js" type="text/javascript"></script>

<script type="text/javascript">awmBuildMenu();</script>

<!-- ******** END ALLWEBMENUS CODE FOR menu ******** -->

 

In order to fix the problem, all you need to do is to make sure the “src” path is correct for all pages. For example you could change it to:

 

    src="/RGB/menu.js"

 

This way, it will work regardless of how deep your folders are.

 

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!

Reply From: Raúl

Thanks.

In the menu.js I have line like this:

it=s0.addItemWithImages(1,2,2,"Contacto",n,n,"",n,n,n,3,3,3,n,n,n,"contacto.html",n,n,n,"contacto.html",n,142,30,2,0,0,0,n, n,n,0,0,0,0,0,n,n,n,0,0,0,2,n);

where I point to a html file. But when I use the index file more deep this link don't run. I have try to write

it=s0.addItemWithImages(1,2,2,"Contacto",n,n,"",n,n,n,3,3,3,n,n,n,"contacto.html",n,n,n,"../contacto.html",n,142,30,2,0,0,0,n, n,n,0,0,0,0,0,n,n,n,0,0,0,2,n);

but continue with the same problem.

Regards,

Raúl

Reply From: Likno Customer Support

Dear Raul,

As I suggested with the “src” issue, the same applies to the links. If your links do not work in inner folders, then you need to make them “root relative”.

So you should not change them to “../contacto.html”, but to “/RGB/contacto.html”, or when you move the site online if “contacto” is a page in the root folder “/contacto.html”.

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!

The tooltip shows content which is retrieved from a specified attribute (like "title", "alt", your own attribute, etc.) that exists on the tooltip's "trigger" element.

View tooltip examples that use the "In Page" feature here

This feature is quite powerful, as you can open the same tooltip with different content that simply exists on each element that opens it ("trigger" element). You do not have to specify any content inside the application, you just edit your page to add/update/remove your tooltip's content per element.

In addition, this feature can be used on any page element that uses the specified attribute OR it can be restricted to some of these elements through conditions of yours (read the "Opens - When" section below).

Examples with the "title" (or "alt") attribute:

You can use the "title" attribute on any elements you like, such as links ("a" tag), table cells ("td" tag), images ("img" tag), DIVs ("div" tag), SPANs ("span" tag), etc. The "alt" attribute can also be used for images ("img" tags only). This feature can be very useful if you want to automatically replace the standard browser tooltips with stylish ones.

Same examples but with a custom attribute instead of the "title" (or "alt") attribute:

All the above page elements show the following content on your project's tooltip:

HOW TO SHOW ADVANCED (RICH) CONTENT (instead of simple text)

You have several methods to choose from:

Needless to say that the above examples can use the "title" attribute instead of the custom attribute, it is your choice.

WHAT ABOUT "ANY" or "SOME"?

As mentioned above, the "attribute" feature can be used on any element OR only some (specific) elements of the page. You can choose this behavior through the "Opens - When" property below:

Example 1 for "SOME" elements:

This image shows a Likno tooltip:

<img id="id23" src="image.gif" alt="Show this text inside a tooltip!" />

…but these ones not:

<img id="other_id" src="image.gif" alt="Show this text inside a tooltip!" />
<img src="image.gif" alt="Show this text inside a tooltip!" />

Example 2 for "SOME" elements:

This image shows a Likno tooltip:

<img class="class45" src="image.gif" alt="Show this text inside a tooltip!" />

…but these ones not:

<img class="other" src="image.gif" alt="Show this text inside a tooltip!" />

<img src="image.gif" alt="Show this text inside a tooltip!" />

Read how we use the "SOME" option combined with the "Class" option on our own website here:
Use Case: Tooltip content retrieved from "Page", from the "ALT" attribute of "SOME" elements that use a specific "CLASS" value (only)

Example 3 for "SOME" elements:

All images show a Likno tooltip:

<img src="image1.gif" alt="Show text for image 1 inside a tooltip!" />

<img src="image2.gif" alt="Show text for image 2 inside a tooltip!" />

…but other tags not:

<a href="page.html" title="Show this text inside a tooltip!"> link text here </a>

<div title="Show this text inside a tooltip!"> page text here </div>