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: Bill
Initial Email Subject: Testing my new server
Support Case Month: June 2012

I am testing my new environment.  I noticed the modal windows are not opening on top but within a window.  Is there a reason why?

It opens inside:

At my original site it look like:

Bill

Reply From: Likno Customer Support

Dear Bill,

The modal library will always try to break out of frames and cover the whole page. However this is not always possible due to security restrictions of each browser.

My guess is that the pages you are loading are not all from the same domain (e.g. your page is on “50.63.158.20” but the page you call in the tab is coming from “foxmls”).

If this is the case, then it would be a “security breach” for the browser to allow the modal to alter the parent page in any way (e.g. cover it with the overlay).

Please make sure that all the pages are coming from the exact same domain.

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: Bob
Initial Email Subject: Frames
Support Case Month: August 2012

Throughout the different times he have designed and redesigned our site we have been told many things.  And of course many things have changed through the years. 

One that I am just not sure on is the use of Frames.  I recall being told that it wasn't a good practice to use a frameset but it really does seem like the best route to go.  Let me explain...

Our old site which is www.home2000.com used 3 frames.  Top, left and main.  The topFrame held the upper navigation, logo and search feature so it was always a consistent and did not have to be refreshed.  Then when someone would select one of the links in the upper navigation, it would load a menu in the left frame and content in the mainFrame.  This really worked well for us.

When he decided to redesign our site, we wanted to move away from Java mainly.  We also wanted to rewrite our pages to load faster etc.  We had someone who converted our pages into HTML.  When he did this, he wrote the upper navigation into the page as well. Because of this, when we load a new page, the whole thing reloads because its all part of the same page.  If you look at our old site, and compare it to our new site (www.home2000.com/h2) you will see what I mean.

What is our best way to do this?  I was thinking that if I just use a very basic frame system that holds the logo, navigation and search feature; a lower frame could hold the display pages and that way the upper frame always stays consistent because it wont change anyways...it is exactly the same on each page.  I read a little on iFrames, but I really don't think that is the way to go for this situation.  Please let me know what you think would be the best route and if there are problems with using frames this way.

Thanks in advance for your help!!

Bob

Reply From: Likno Customer Support

Dear Bob,

I believe that there is no need to keep using frames in your site. The top frame is really light and considering that any images are cached and not really reloaded every time, it is probably lighter to have a single page instead of three (even if one never reloads).

Moreover, if you use a single page you will be able to use other menu features, such as the “auto-highlight” which shows the current item highlighted.

If you want to keep the maintenance easy, you could put the “top section” HTML into a separate include file (you need some server-side language for this, such as PHP or ASP), so changing the logo in a single file will update all your pages.

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: Diane
Initial Email Subject: Modal Windows
Support Case Month: May 2012

Hi Kostas,
I've created a modal window in which I'm displaying the login portion of another web page. My intent is that the user would login via the modal window and when the Enter (submit) button is clicked, the user should be validated, the modal window closed, and the page that results from the users login should display in the parent window. But, the page that results from the users login is displaying in the modal window. I'm also having trouble getting the modal window to close consistently when the user clicks to close it (or hits ESC).
I've tried using the code both inside and external to the modal project. Right now it is external.
I appreciate whatever direction you can provide.
Best regards,
Diane

Reply From: Likno Customer Support

Dear Diane,

Regarding the form not loading in the main window, all you need to do is to add “target=’_top’” in your form:

<form name="loginform" id="loginform" method="post" target="_top" onsubmit="return submitForm(this.submit1)" action>

You also say that the modal does not close consistently. I assume you refer only to the ESC key, which will indeed not work while the focus is in the form (which is within an iframe). I am afraid that there is not much we can do about this though.

If you see the closing problem anywhere else (or any other issues at all), please 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: Diane

Hi Kostas,
Thanks so much for your quick reply. Unfortunately, the form is a core component of the Learning Management System we're logging into, and is an .asp page that I don't have access to. Can you suggest any other way?
My thanks,
Diane

Reply From: Likno Customer Support

Dear Diane,

How about the landing page? Is this also part of the system?

If you can edit the landing page, you can add a JS check that will “break out of frames” and always load in the top window.

If this is also not possible, then you may try loading the form as “Ajax” instead of “External”. This should also work, as long as the login form does not have scripts.

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

Thank you, Kostas … you’ve solved my problem!

Best wishes for a wonderful weekend!

My regards,

Diane