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

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

Initial Email From: Juergen
Initial Email Subject: Tooltip doesn't show new Likno-Tooltip but standard tooltip
Support Case Month: November 2012

Hi Likno-Team,

within my investigations of a new functionality within our website, I created the content of a DIV via script and set this content via

document.getElementById(DIV-ID).innerHTML = cNewContent;

Within the generating function, there is a definition like:

<a id='cId' href= '#' onclick='MyFunction()' title='Title'>abc</a>

After generating that html, the tooltip is well displayed with Likno-Tooltip.

The function 'MyFunction' has to change the title of the actual link and is defined as:

document.getElementById(cId).title= cNewTitle;

After using that function, the old title is still displayed and additionally the new title is displayed as a standard tooltip.

How can I solve that issue.

Many thanks an best regards,

Juergen

Reply From: Likno Customer Support

Dear Juergen,

The problem is that after the tooltip is applied to your element, the “title” attribute is changed to “oldtitle” in order to avoid the standard browser tooltip from appearing. Hence all you need to do, is to change the “oldtitle” instead. I believe the following should do the trick:

document.getElementById(cId).oldtitle= cNewTitle;

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

Initial Email From: Bill
Initial Email Subject: external pages in tabs
Support Case Month: July 2012

Why does this code

<script type="text/javascript" src="http://www.foxmls.com/slideshowJS.php">
</script>

cause the following to break?  http://www.foxmls.com/defaultTest.aspx

I am trying to use tabs with internal code

Reply From: Likno Customer Support

Hello,

This happens because the script you are trying to load is amending the page. The DIVs that you use for Tabs are detached from the page and inserted back into it depending on the needs of the Tab control. If you have script code in there, it can cause this to run more than once. When you try to run a page-altering script after a page has fully loaded, the page breaks.

If you want to use the result of this script as a content for your Tab, then you need to first run your script and then somehow use the generated HTML. Is it possible to have the script produce its HTML into a specific target DIV for example? If not, then I am afraid you may not be able to combine the two.

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

Initial Email From: Wolfgang
Initial Email Subject: tabs
Support Case Month: July 2012

Hi,
I would like to try out the tabs but cannot figure out how to get scrollbars into it with a fixed height. At the moment the text spills out of the tab. In your sample no.4 there appear only scrollbars if there is an external page.
What I find great is that the text remains in the last position if the user comes back to the tab with the scrollbars.
Will this also be without an external page?
Another question would be, I am using Dreamweaver for the Mac, but your program is only running under windows. Is it possible to get the created HTML code to my Mac Dreamweaver CS6 site. I do have access from my Windows running under VMWare Fusion to my Mac files.
Thanks in advance and by the way, your product is just great, very user-friendly, carefully designed with good help files.
Wolfgang

Reply From: Likno Customer Support

Hello,

Regarding the scrollbars, please go to the “Body CSS” field and add the following:

overflow: auto;

This should stop the “bleeding” of the body content and create the scrollbars you want.

Regarding the Mac interaction, the best way would be to manually copy-paste the Linking Code to your file(s). The Link window has two tabs. The first is for automatic linking to your pages and the second is for manual linking. Select the second tab, copy-paste the code it gives you to your page and (if required) adjust the path to where you will upload your 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: Wolfgang

Hello Kostas,

thanks for your advice, it works.

To my surprise, the interaction with the Mac works fine. I can compile in Windows and point to the shared website on the mac drive, go to Dreamweaver on the Mac, click refresh and the changes are immediately visible. Also the automatic linking works.

It took me a while to figure out how to get the tabs onto my page, I was looking for some HTML code I can copy into my page until I found the hint in the help file to create a Div with an ID which points to the Likno tabs, and suddenly the tabs appeared in my page.

So far so good, but I ran into another problem: I need the tabs in a Template where I can change the content for the tabs every time I create a new page from the template.

To make it more simple I decided to use a link to a local file for the Tab-content. Therefore I need to change only the link name, which needs to be done in an editable region.

To compile every time new tabs for hundred of pages would be a nightmare if any changes have to be done.

I hope there is a solution, please let me know how this problem could be solved.

One more thing I would like to mention. After I changed the Page link from absolute to relative the preview in the Tabs Builder did not work anymore, but it works in the compiled page. Tab builder says he cannot find the file.

I also still struggle with the auto height, it is always about 250 pix high. I expect it going down to the end of the visible page.

Thanks in advance

Wolfgang

Reply From: Likno Customer Support

Dear WolfGang,

If I understand correctly, you want to have a single Tab project that you will use in several pages, each with different content (but same design).

The way to achieve this is to populate your Tabs through a UL/LI or DIVs structure.

In the “Project Tabs (F2)” select either the UL/LI or DIV population method, then go to the “Sample Code (F4)” to see a sample code that would populate the Tabs according to sample content you have set in the application.

This allows each page to have a different content, it allows having the content in a separate include file, it even allows automatically generated content (e.g. using PHP and MySQL).

Finally, regarding the auto-height, this can indeed be several pages tall , but please keep in mind that it does not work (and cannot work) for “external” files (which are really iFrames).

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

Initial Email From: Josef
Initial Email Subject: Accordion builder DRUPAL Addin
Support Case Month: July 2012

Hello,

I try to integrate an accordion in my Drupal 7 basic page node "Test" by using the Drupal Accordion Module Add-in with shortcode positioning.

Everything works fine if I use the accordion-builder option "Populate the accordion panes inside this project".

As soon as I choose the desired option "Populate the accordion panes inside your page, through a UL/LI structure" no accordions appear?
(The positioning is "embedded in page  replace the UL/LI structure that populates your accordion panes",  a <ul><li> structure exists on the node,  the shortcode is correctly edited on this node)

My accordion project is based upon "Example 01.lwac" (no changes).

So where is my mistake?

Thank you for help

Regards
Josef

Reply From: Likno Customer Support

Dear Josef,

I am afraid that the UL/LI population method is not currently supported by the Drupal plugin.

It is in the TODO list, but since you are the first to ever ask for this it was considered as a low-priority task until now.

I will forward this to our developer team so that it becomes a task of higher priority.

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

Dear Kostas,

thank you for your open answer - it's no good news. Because of this feature I even purchased an unlimited license today. I need this, because the website where we intend to use this function will have several content editors at different places - so I would be very glad if this documented feature will come very soon.

Regards
Josef

Reply From: Likno Customer Support

Dear Josef,

I have just uploaded a new Accordion release (and Drupal module) that supports ULLI and DIVs structure in Drupal.

Please download the Accordion Builder here:

http://www.likno.com/jquery-accordion/download.php

and the Drupal 7 module here:

http://www.likno.com/jquery-accordion/drupal-accordion.html

Let me know if you find any 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: Likno Customer Support

Important: due to a Drupal limitation, you should change your positioning to “Element” and use the ID you are given by the Drupal module. If you choose “replace ULLI/DIV structure” then the accordion will appear at the bottom of the page.

Example:

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: linking from external page
Support Case Month: June 2012

Hello

In the modal windows, how can I link to an external page and call on one specific item on that page?

For example, I have a group of 20 charts all on one page. I want to call up chart1 with one link, and chart6 with another. AND only that chart. Otherwise, I'd have to have separate small files for each chart. Is that possible to do and how?

Thanks.

Reply From: Likno Customer Support

Hello,

This is possible if you have the charts in separate DIVs and you call the page as “AJAX” specifying the DIV to load.

For example the following value in the AJAX field would load only the page element with ID=”container”:

test.html #container

and the following value in the AJAX field would load only the page element(s) with class=”container”:

test.html .container

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

Thanks. But could you be a bit more specific?

Like showing me with an actual link and where do I place that link inside the project builder?

I’ve had a look at some videos and  nothing I found showed how to do this.

They only speak of an entire page.

I figure, that if the division on the same page can be linked to, why not on any other page?

When encountering a url link such as “#item_1”, the browser is assuming that the container is on the same page.

I did find one item in one of your pdf files that showed an example, tried it and it did not work.

Reply From: Likno Customer Support

Hello again,

The information I gave you was for use within the application and not for page links:

Also, this is not part of the documented features of the application and hence you could not find it anywhere.

I am afraid that there is no direct support for partly loading an external document through page links.

Still, if you send me a URL to see your test page, I may be able to offer a different solution.

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

http://1littleworld.net/test/1960/sidepanel.html

This is not an AWM project but does show the problem.

The linked page shows all ten tables. There should be a way of showing only the table for that item.

So when item 1 is clicked, table 1 appears.

BTW, that’s a script you guys could offer.

As I think it’s neater and cleaner than a modal.

Reply From: Likno Customer Support

Hello again,

The effect you sent me is indeed a very interesting use-case and it can probably be achieved using our “accordion” application.

Regarding the partial Ajax loading, did you try it with Modal as I instructed you?

I am asking because I did a test locally and it seems to work fine.

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

Ok thanks.

I will have to experiment with it then.