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: Different height/width modal window 
Support Case Month: August 2013

Hi,

I have a modal window project and I need to open the modal window in different width/height each time. How can I do that with your new data-lwmw-width and data-lwmw-height attributes?

Thanks

Reply From: Likno Customer Support

Hello,

You can call (open) the modal window in different width/height as:

<a href="#" target="Modal_Window_1" data-lwmw-width="500px" data-lwmw-height="40%">Open Modal Window (500px width)</a>

and you can have another element that opens the same modal window in different dimensions.

<a href="#" target="Modal_Window_1" data-lwmw-width="auto" data-lwmw-height="auto">Open Modal Window (auto)</a>

and so on, you can use different width/height values each time you call the modal window.

The above links will open the modal window with a width of 500px and height of 40% in the first case and with auto width and auto height in the second case.

or if you use an ID or a Class to trigger the modal window

<span id="Modal_Window_1" data-lwmw-width="500px" data-lwmw-height="40%">Open Modal Window (500px width)</span>

<p id="Modal_Window_1" data-lwmw-width="auto" data-lwmw-height="auto">Open Modal Window (auto)</p>

<span class="Modal_Window_1" data-lwmw-width="500px" data-lwmw-height="40%">Open Modal Window (500px width)</span>

<p class="Modal_Window_1" data-lwmw-width="auto" data-lwmw-height="auto">Open Modal Window (auto)</p>

You can also use TD, DIV, IMG, INPUT to trigger the modal window.

For the data-lwmw-width and data-lwmw-height you can have any value you want as long it is px or % or you can have it as auto.

Thank you!

Best Regards,
Aggelos Tsakonas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , , , , ,

 

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


Initial Email From:
Gus
Initial Email Subject: Modal windows with Submit button and return value
Support Case Month: February 2013

Hi Kostas,

How can I get a Web Modal window to activate with an Input type="Submit" or Type="Image" button with onclick? It works great with a Type="Button". And is there a way to return True/False (or any other value) to the onclick so a button can be used for validation or a Go/No Go from the modal window?

Thanks,
Gus

Reply From: Likno Customer Support

Dear Gus,

If you have this submit button in a form and want to show the form result inside the Modal Window, then there is a simple way to capture the “on submit” event. You just need to add the correct “target” to your form:

correct target of the form in a modal window

If you just want to show a standard Modal Window, then there are many ways to do this using the element ID, Class or “onclick” method:

modal window on click event

For example: <input type=”image” onclick=”Modal_Window_1();” … />

Finally, regarding returning a value from the modal, this is not possible in the sense of a “confirm” dialog as the modal is not blocking the JavaScript execution.

Still it allows you to run any JavaScript code on exit, so you can do anything you like there (for example check a modal/page element value and act accordingly):

run JavaScript on modal window close

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , , , , , , ,

 

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


Initial Email From:
Bob
Initial Email Subject: Execute "Javascript Command" from menu item onclick event
Support Case Month: January 2013

I own AllwebMenus PRO 5.3 build 900.

I checked all the help, and I haven't found an explanation on how to call an in-page javascript function from an AllwebMenus menu item, using the "Javascript Command" feature attached to the item's onclick event.  The javascript function I want to call actually resides in the <head> section of my web page like this:

<head>

<!-- header stuff  -->

<script type="text/javascript">

function changeContentInfo(newText)
{
   document.getElementById('DisplayDate').innerText=newText;
}
</script>

</head>

I can call this function from anywhere in my web page - a button click or focus event etc.  But if I try to call it from the "Javascript Command" entry of an AllwebMenus menu item onclick event, nothing happens.

The "Javascript Command" is entered as: changeContentInfo("Monday");

I sure hope it's possible to call a javascript function that resides on the web page, so I can re-use the call from the AllwebMenus "Javascript Command" feature. I don't want to repeatedly write the same full function details into each "Javascript Command" where I would need it.

I'm experimenting with that neat 'calendar' AWM project, and I was checking that my page could respond to clicking on any day in the calendar.  That would mean that I would call my function 31 times for the 31 days in March.  So far, no luck.

The page I'm working on isn't on my website yet, because it doesn't work.

Thanks,
Bob

Reply From: Likno Customer Support

Dear Bob,

If your page already has the function, then calling it from AllWebMenus should work directly and without problems:

run javascript command

If this does not work, then I will need you to upload your example on a test-page so that I can check it.

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

 

Tags: , , , , , , , , , , , ,

 

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


Initial Email From:
Brad
Initial Email Subject: modal
Support Case Month: November 2012

How can I instantiate the modal from a asp.net Image button?

Thanks,
Brad

Reply From: Likno Customer Support

Dear Brad,

The modal window can be triggered by JavaScript, by calling the window name followed by parenthesis. For example, if your modal window retains the default name “Modal_Window_1” then you can open it using the following JavaScript code:

Modal_Window_1();

This can be placed in your aspnet image “onclick” event.

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

 

Tags: , , , , , , , , , , , ,

 

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

 

Tags: , , , , , , , , , , ,

 


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