MC Dialog js pop-up layer is perfectly compatible with multiple browsers (5.6 updated)

Source: Internet
Author: User

:

Features of MC Dialog
1. Supports keyboard operations (esc is disabled, enter is used to execute the event of the current get focus button, and ctrl keyboard is blocked. The tab key is used to simulate the built-in dialog box function of the browser)
2. Supports intelligent Focus movement (when the focus is removed from outside the layer, the focus is automatically moved back to the layer or a button is moved to the button to ensure that the focus is always on the layer and that the shortcut keys are operated correctly)
3. smart flickering prompt function (when the focus is removed from outside the layer, for example, if you click outside the layer, the layer will flash and prompt that you must operate on the current layer, here, the operation of the built-in dialog box in the browser is simulated perfectly)
4. Supports button external callback events (you can customize callback events and bind them to buttons)
5. Supports drag-and-drop functions (self-written drag-and-drop is highly efficient, and the drag-and-drop function is always available in various browsers)
6. supports iframe penetration (iframe penetration is supported. The basis of MC Dialog development is that iframe penetration replaces frameset. Therefore, MC Dialog is always stored in the dom of the top-level window object, therefore, the penetration iframe is no problems)
7. supports multiple MC. the Dialog coexistence queue operation function can be used in the pop-up layer to continue the pop-up layer (MC Dialog is saved in the Dialog queue and 5000 MC Dialog can be popped up, and you can perform operations on each of them correctly, in addition, you can only operate on the one you can see, without any script errors. MC Dialog is different from the traditional pop-up layer, MC Dialog is not only for simple applications or special effects, but also for the sake of uniqueness, but for Completely replacing the built-in Dialog box of traditional browsers, therefore, MC Dialog has all the functions provided by the browser)
8. perfect compatibility with low memory consumption and stability (performance has been tested on ie6 +, safari, chrome, firefox, oprea, the world and other browsers) ps: this is a bit flawed because we didn't deal with the translucent problem of ie6, but ie6 is rarely used (although we started to do the solution, but we didn't actually add it)
9. Although the w3c and w3c are affirmed, or there is no doctype dtd at the top, the performance has been
10. you can access iframe and iframe to access the parent window object MC Dialog and store the embedded iframe object, you can simply access iframe. iframe is always stored in the dom of the top-level window. Therefore, it is easy to access the parent window and iframe.

After testing, MC Dialog's interface layout function execution is almost perfect.
We recommend that you use MC Dialog to replace the unchanged Dialog box in the browser.
MC. Dialog is free and open-source. You can use it at will. But to respect the individual's Labor achievements, please add copyright information. Thank you.
MC Dialog has just launched a new change office, hoping to get your support
The log http://blog.sina.com.cn/zkunet developed by MC Dialog
If you think it is good, please start up (and please keep the copyright statement in the file)
If you find any problems or have any suggestions, please follow up here


5.6 Amendment
1. Use the new drag method to solve some of the first visual bugs when the MC Dialog is dragged under ff.
2. optimized the relevant code.

5.3 amendment:
1. ie6 supports translucent and shadow
2. ie6 overwrites select
3. Cancel the flashing prompt under ie and change it to the prompt sound.
4. corrected the function writing error of the detection id.
5. Drag and Drop details to modify. Objects cannot be dragged out of the visible range.

Demo address http://demo.jb51.net/js/MCDialog/index.html
Http://www.jb51.net/jiaoben/26152.html

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.