MC Dialog JS pop-up layer perfect compatible with multiple browsers (5.6 update) _javascript Tips

Source: Internet
Author: User
Effect Chart:

function Characteristics of MC Dialog
1. Support for keyboard operation (ESC close, enter to perform the current event with the focus button, shielding the CTRL keyboard, and shielding the TAB key to actually implement a simulation browser with the dialog box function)
2. Support Focus Intelligent Move (when the focus is moved out of 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 correctly operated)
3. Smart flashing hint function (when the focus is moved outside the layer, such as you click outside the layer, then the layer will flicker prompts you must operate in the current layer, here perfect simulation of the browser with the dialog box operation)
4. Support button External callback event (can customize callback event, bind to button)
5. Support drag-and-drop function (oneself write drag, efficiency is quite high, in the browser performance has been, no drag frame phenomenon)
6. Support through the IFRAME (can penetrate IFRAME,MC dialog development is based on the penetration of the IFRAME to replace frameset, so the MC dialog is always hosted in the top of the Window object in the DOM, so penetrate the IFRAME is no Problems
7. Support multiple Mc.dialog Coexistence queue operation function can continue to eject layer in the pop-up layer (MC Dialog is kept in Dialog queue, can eject 5,000 MC Dialog, and you can operate correctly to each one, and you can only operate this one that is currently visible, Without any scripting errors, MC Dialog but not with the traditional pop-up layer of a major feature is that the MC Dialog not only for simple applications or special effects or for the sake of different, but consider completely replace the traditional browser with a dialog box, so the MC Dialog is fully equipped with all the features of the browser itself.
8. Perfect compatibility, low memory consumption, stability (ie6+,safari,chrome,firefox,oprea,the World etc Browser Test performance has been) PS: because there is no processing IE6 translucent problem here a little flaw, However, the use of IE6 has been very little (although the solution was started, but consider actually not added)
9. Has demonstrated its continued performance in the context of the Declaration of the DOCTYPE and the not-yet-declared consortium or the top without a DTD
10. Support access to the IFRAME and IFRAME access to the parent Window object MC dialog will store the embedded IFrame object, which can be easily accessed to the IFRAME, which always exists in the DOM under the top-level Windows window, so it's easy to access the parent window and the IFRAME.

After testing MC Dialog in interface layout function execution etc almost perfect
It is recommended to use MC Dialog to replace the browser's immutable dialog box
Mc. Dialog is free and open source you can use it at will, but in order to respect the achievements of personal labor please add copyright information Thank you
MC Dialog just launched a new change office, hope to get everyone's support
The log http://blog.sina.com.cn/zkunet of the development of MC Dialog
If you feel good, please top up (please also keep the copyright in the document)
If you find any problems in use or have any good suggestions, please follow this thread


5.6 Amendment
1. Adopt new drag-and-drop method to solve larger MC dialog in FF drag out some of the first visual bugs
2. Optimize the relevant code

5.3 Amendment:
1. IE6 supports translucent and shaded
2. IE6 cover Select
3. To remove the flashing prompt under IE to the prompt tone temporarily unhandled
4. Correcting the function of the detection ID error
5. Drag-and-drop detail modifications do not allow objects to be dragged out of visual range

Demo Address http://demo.jb51.net/js/MCDialog/index.html
Download Address http://www.jb51.net/jiaoben/26152.html

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.