Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the most stable modal dialog implementation across browsers to use from javascript for a web app?

I'm using a lot of JQuery in a web application that I am building for a client and I want to find an javascript implementation of a modal dialog that is reasonably stable across the following browser set.

IE 7+ FF 2+ Chrome and Safari

I've tried a couple of jQuery plugins but there always seems to be artifacts in one of these browsers.

--- Edit

jqModal seems to be more stable but I have an issue in IE7 where the dialog immediately disappears after popping up. I suspect a js event isn't being canceled or something. I'll have a bit more of a play.

like image 763
JTew Avatar asked Oct 08 '08 01:10

JTew


People also ask

What is modal dialog in Javascript?

A modal is a dialog box/popup window that is displayed on top of the current page: Open Modal.

Why is showModalDialog deprecated?

showModalDialog() is depreciated precisely because it pauses javascript execution. Pausing javascript execution is difficult to implement securely, and in a way the gives a responsive browser. This is similar to why synchronous XMLHttpRequest is also being depreciated.

What is modal class in HTML?

The w3-modal class defines a container for a modal. The w3-modal-content class defines the modal content. Modal content can be any HTML element (divs, headings, paragraphs, images, etc.).


2 Answers

I used jqModal few times and I'm very satisfied. It is pretty configurable yet very light weight.

like image 97
Marko Dumic Avatar answered Nov 09 '22 13:11

Marko Dumic


Have you tried YUI? I'm not sure what the support is for Chrome but I've had good luck with it for IE and Firefox and allegedly it works with Safari.

like image 23
Gerald Avatar answered Nov 09 '22 12:11

Gerald