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


Initial Email From: Ruurd
Initial Email Subject: Modal Windows iframe
Support Case Month: August 2012

Dear reader,

standard behavior of Modal Windows is to "break out" of the frame, as you call it.

How can I show it in the iFrame and limit it to the frame area only?

I did use relative to “a page element”, but then the close image appears in the center of the browser window (not at the right top corner of the Modal Window).

When I use the same code running local with Apache-PHP or on the domain changes the behavior of the Modal Window: on domain the setting: “appears relative to the browser window” does actually show within the iFrame!!

I understand what you write about iFrames in the help system under FAQ, but there is no actual difference I am aware of between the domain and local environment..

What to do?

Thank you for your help in advance.

Kind regards,
RuuRd

Related URL: http://ruurd.eu

Reply From: Likno Customer Support

Dear Ruurd,

Actually, there is a big difference as far as browser security is concerned…

The “break out of frames” feature is always trying to run, but there are cases where this is not possible due to browser security restrictions. These depend on whether you are viewing local files or not, if all your frames come from the exact same domain and even on the browser you are using.

So you may see a Modal breaking out of frames online but not locally, or you may see it work in Firefox but not Opera (which is more strict).

Right now, the modal will always try to break out of frames. The easiest way to stop it, is probably to make your iframe come from a different domain. Note here, that “likno.com” and “www.likno.com” are considered different domains, so it may be as simple  as adding “www” in your iframe src.

If this does not work in your case, then please send me the URL to see what you’ve done. At the end, we may need to add an extra checkbox in the application so that you decide whether the feature should run or not, but since you are the first to ever ask for this we’d rather avoid it for now.

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

Thank you for your quick reply Kostas,

For now I changed my PHP script to solve my issue with a relative URL:

{SCRIPT CODE REMOVED}

$url is used to prepare hyperlinks that create a iframe popups.

I think this is nasty and I would prefer  to escape the “break out of frames” feature in another way.

Would it be possible to toggle the feature with a parameter in the Javascript command that creates the Modal Window, like: Modal_Window_2(frames:{ relativeToFrame: true});

Thank you for your help in advance.

Kind regards,
RuuRd

Reply From: Likno Customer Support

Dear Ruurd,

I am afraid that this is not currently available. Nonetheless, we are about to release a new Modal version, so I will try to squeeze in this feature too.

I’ll let you know later today.

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

Thank you Kostas,

Hope you will make it to implement this “browser escape feature”  in some kind of way.

Take care.

Kind regards,
RuuRd

Reply From: Likno Customer Support

Dear RuuRd,

Please download the latest Modal Windows here:

http://www.likno.com/jquery-modal-windows/download.php

Then, when calling the modal, pass the “dontBreakOutOfFrames: true” parameter. For example:

Modal_Window_2({dontBreakOutOfFrames: true});

Let me know if this works as expected.

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

Maybe you need:

http://ruurd.eu/mediaecology/test/test_modal_project_a.php?stage=#

to avoid redirection

RuuRd

Reply From: Likno Customer Support

It is online. Please download again 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: Ruurd

Sorry, Kostas, looks alright now!

Must have been something in the cache …

Running local with param:

modal window

Thanks very much for your quick fix and help!!

RuuRd

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