Home > Web Front-end > JS Tutorial > body text

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

WBOY
Release: 2016-05-16 18:28:04
Original
1046 people have browsed it

Rendering:
MC Dialog js pop-up layer is perfectly compatible with multiple browsers (5.6 update)_javascript skills
MC Dialog Functional Features
1. Support keyboard operations (esc closes, enter executes the event of the currently focused button, blocks the ctrl keyboard, blocks The tab key truly implements a function that simulates the browser's own dialog box)
2. Supports intelligent focus movement (when the focus moves out of the layer, it automatically moves the focus back to the layer or moves it to the button if there is a button to ensure focus Always on the layer, make sure the shortcut keys operate correctly)
3. Smart flashing prompt function (when the focus moves outside the layer, for example, you click outside the layer, the layer will flash to prompt you that you must operate on the current layer, which is perfectly simulated here (In addition to the operation of the browser's own dialog box)
4. Support external callback events for buttons (callback events can be customized and bound to buttons)
5. Support drag and drop function (the drag and drop written by myself is quite efficient) High, consistent performance in various browsers, no frame dragging phenomenon)
6. Support penetrating iframe (can penetrate iframe, the basis of MC Dialog development is to penetrate iframe instead of frameset, so MC Dialog will always be stored in the latest in the dom under the top-level window object, so penetrating iframe is no problem)
7. Supports multiple MC.Dialog coexistence queue operation function, which can continue to pop up the layer in the pop-up layer (MC Dialog is saved in the Dialog queue , can pop up 5000 MC Dialogs, and you can operate each one correctly, and you can only operate the one you can currently see without any script errors. MC Dialog is different from the traditional pop-up layer in one major way. The characteristic is that MC Dialog is not just for simple applications or special effects or to be different, but it is made to completely replace the dialog box that comes with the traditional browser. Therefore, MC Dialog is fully equipped with the dialog box that comes with the browser. All functions)
8. Perfect compatibility, low memory consumption, stable (tested on ie6, safari, chrome, firefox, oprea, the world and other browsers) ps: Since the translucency of ie6 is not processed There is a slight flaw in the problem, but ie6 is rarely used (although a solution has been started, but it has not been added in consideration)
9. When w3c is declared and w3c is not declared, or there is no doctype dtd at the top, etc. The next performance is still
10. Supports access to iframe and iframe access to the parent window object. MC Dialog stores the embedded iframe object and can simply access the iframe. The iframe is always stored in the dom under the top window window, so access to the parent window and iframes are very easy

After testing, MC Dialog is almost perfect in the interface layout function execution etc.
It is recommended to use MC Dialog to replace the browser's unchanged dialog box
MC.Dialog is free and It is open source and you can use it as you like, but in order to respect the fruits of personal labor, please add copyright information. Thank you
MC Dialog has just launched a new modification office, and I hope to get your support
MC Dialog development log http://blog.sina. com.cn/zkunet
If you think it is good, please support it (please also keep the copyright statement in the file)
If you find any problems during use or have any good suggestions, please leave a comment here


5.6 Correction
1. Use the new drag method to solve some visual bugs when dragging the larger MC Dialog under ff
2. Optimize the relevant code

5.3 Correction:
1. IE6 supports translucency and shadow
2. IE6 covers select
3. Cancel the flashing prompt under IE and change it to a prompt sound that has not been processed yet
4. Correction detection The id function is written incorrectly
5. Dragging details to modify the object does not allow dragging the object out of the visible range

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!