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

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

Initial Email From: User
Initial Email Subject: Menu does not appear on preview pages
Support Case Month: February 2013

I use SiteSpinner Pro to build my webpages. I cannot get my menu to show up on my project pages in preview mode. Of course this should show me what my published page will look like.

If I "publish to disk" and compile to that page, then open the local page with "HTML Kit" everything looks fine, the menu is placed and operational. If I try to open the preview pages in the editor I get a script error popup that says "The value of the property 'awmBuildMenu' is null or undefined, not a function object."
If I try to compile to the preview page nothing happens.

What suggestions do you have to allow me to see a finished page before I move it to my website?

Thanks

Reply From: Likno Customer Support

Hello,

I am afraid that the preview of SiteSpinner (as well as that of most web builders) does not support complex JavaScript components.

In Dreamweaver or Expression Web there is an option of “live preview” (or “SuperPreview” or something like that in EW) which does fully support JavaScript. I do not know if SiteSpinner has a similar option, but if it does, then the menu should work there.

Best 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,  abstracted and stripped of all user’s private info.

Initial Email From: Paolo
Initial Email Subject: Additional code to be added to Modal Windows
Support Case Month: February 2013

Hello,

Sorry for my question but I don't remember if it is possible to add somewhere additional codes (such as the one of Google Analytics or javascript strings used to count accesses to web pages) to the modal windows while creating them with your tool.

Please, let me know.

Kind regards,
Paolo

Reply From: Likno Customer Support

Dear Paolo,

I guess this is possible if you are loading an “external” page into the modal window. Note however that Google Analytics may not work as expected when you try to count framed pages.

I believe the best method to use is to count the page using Google’s JS functions and not with the standard <script> that you embed in the page.

Best 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: Paolo

Hi there!

To be more precise, I need to add a <script> line of code working as counter. But as I use your modal windows in order to show images, flash animation, etc. placed into .htm pages to be shown in the modal window, but when i load them online it seems to me that the counter doesn't work.

So, I was asking you if it possible to place the <script> code directly into the modal window layout and not in the .htm external page containing images of flash files.

Please, let me know.

Regards,
Paolo

Reply From: Likno Customer Support

Dear Paolo,

Putting the <script> directly into a modal would probably not work. The best way is through an “external” page.

The thing however is that you cannot simply use the typical code like this:

<script type="text/javascript">

var pageTracker = _gat._getTracker("yourcode");

pageTracker._initData();

pageTracker._trackPageview();

</script>

This will most likely add extra views to the parent page as Google tries to capture the URL at the top of the page.

Instead you should directly use Google’s API like this:

pageTracker._trackPageview('/my_counter_name');

this should work without any problems if you use it within the iframe. Note that you can give any name to the “counter” and it will appear along with your pages in the analytics.

Best 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: User
Initial Email Subject: remove white space - Modal Window Builder
Support Case Month: January 2013

hello. I want to ask you about white space, after I compile the Modal Window Builder. You can see the print screen here.

http://screencast.com/t/4F22DouGMVzA

In the section "Project Windows" -> Single Style Sheet -> Html -> Embedded

I copy the facebook script. It is ok. But, I cannot redimension the windows, to bring near the facebook border. Like in this print screen

http://screencast.com/t/E9dSJHLSqXM

Summarily, seems to be a default square with I cannot delete or redimension, that white space.

Can you help me with an advice?

Reply From: Likno Customer Support

Hello,

It seems that this is a Padding that you set in the Body CSS. Please check and let me know:

Best 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: User

thank you !

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

Initial Email From: Martin
Initial Email Subject: More problems - Web Tabs - Modal 
Support Case Month: January 2013

Hello
I have start using Modal and Web Tabs and have some problems
- Web Tabs:
When I use the generated code in local Html Editor – everything looks ok

When I put the code in my portal, it show up “now and then”, same in Chrome and IE
When I make a html file and put it on the net – same problem:
{URL REMOVED}
When I link this file in a Modal window – white page inside the modal frame:
{URL REMOVED}

How is this done ?:

What code from Web Tab do I put in the Modal, Embedded: – I used this:
--------------------
<!-- ******** BEGIN LIKNO WEB TABS CODE FOR likno-tabs-project ******** -->

<script type="text/javascript">var lwtbLinkedBy="LiknoWebTabs [1]",lwtbName="likno-tabs-project",lwtbBN="216";</script><script charset="UTF-8" src="{URL REMOVED}" type="text/javascript"></script>

<!-- ******** END LIKNO WEB TABS CODE FOR likno-tabs-project ******** -->

<div id="liknotabs_positionID"></div>
----------------------------
Regards
Martin

Reply From: Likno Customer Support

Dear Martin,

What do you mean by “now and then”? I checked your webpage (index.html) and the tab shows up every time.

There is an issue with the letters floating outside the tab headers, but this is because your page does not have a valid DOCTYPE.

To correct the problem, please change this:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Into this:

<!DOCTYPE html>
<html>

Regarding the Modal Window now, the problem is that you are trying to load the page with “Ajax”. The Ajax technology was developed for bringing in pure text and it does not support loading scripts (like the tab control). The solution here is to load the page as “External Page” instead of “Ajax”.

Please let me know if you have any more problems.

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

Got it to work here:
{URL REMOVED}
But if I could program this into a modal window would be nice

Regards
Martin

Reply From: Likno Customer Support

Dear Martin,

In order to load this in a Modal, you just have to make sure that you load it as “External” as I said in my previous email. Here is a screenshot:

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

Thanks!
- So it’s not possible to use the direct code from Web Tab’s into Modal ?
Like this:

<!-- ******** BEGIN LIKNO WEB TABS CODE FOR likno-tabs-project ******** -->

<script type="text/javascript">var lwtbLinkedBy="LiknoWebTabs [1]",lwtbName="likno-tabs-project",lwtbBN="216";</script><script charset="UTF-8" src="{URL REMOVED}" type="text/javascript"></script>

<!-- ******** END LIKNO WEB TABS CODE FOR likno-tabs-project ******** -->

<div id="liknotabs_positionID"></div>

- When will you include a WYSIWYG editor inside your products ?

Regards
Martin

Reply From: Likno Customer Support

Dear Martin,

1) The best/easiest way would be to have a separate page with the tab and load it as “external”. This is the same as what you tried to do before, but with “external” instead of “Ajax”.

2) Actually we are currently adding a WYSIWYG grid editor that will make it much easier to add the CSS values. You will see it in the next release of Modal Windows as well as out other builders.

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

Thanks
Yes, I have done it now – but need an easy way to update, so I “linked in” a “news system” as you now can see on my first “Investor 1” tab.
- Waiting for the next version.
- Now the Modal is working to:{URL REMOVED}

Regards
Martin

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

Initial Email From: Carole
Initial Email Subject: AWM code and magnifying script conflict
Support Case Month: November 2012

Hi Kostas,

We found that the AWM code (under the body) is creating a conflict for the magnifying script (jquery.magnifier.pan.js), thus preventing the litte guide image (Besoin du guide ?) to enlarge. See the next table under the Connexion AWM line.
Could you settle out this problem also, please.

Thank you so much,
Carole

Reply From: Likno Customer Support

Dear Carole,

I have checked your site again, and I noticed that the magnifier script is using a very old jQuery script. It is possible that this is conflicting with the newer version of jQuery that is used by our products. Please try changing this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

With this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Having said this, I noticed that there are still several errors in your page from different scripts, even when I remove the accordion script (e.g. when clicking on the tiles). I believe you should check these out.

Best 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: Carole

Hi Kostas,

We thank you very much, it seems that the problem was so obvious that we couldn't see it. Changing the  ...jquery/1.3.2/jquery.min.js for ...jquery/1.4.2/jquery.min.js
solved the magnifyinf image problem, at least.

In deed, we are still checking out for errors in different scripts, thank for that tip also.

Thanks again for your support. It is appreciated.

Carole