Artdialog: Lightweight and highly compatible JavaScript dialog box components

Source: Internet
Author: User
Tags modify versions window

JavaScript dialog box (pop-up layer) component Artdialog

Artdialog is a lightweight and highly compatible JavaScript dialog box that allows your web interaction to have a desktop software-like user experience.

    • Demo address :http://www.planeart.cn/downs/artDialog/
    • Project Home :http://code.google.com/p/artdialog/

ArtDialog2 adopts a new UI

features : Support lock screen (mask), Analog alert and confirm, multiple window popup, static positioning, support ESE key to close dialog box, timed shutdown, custom position, drag, mouse resize window, skin change, cross frame

Advantages :

    • compatible mainstream browsers : Support IE6 and ie6+, Firefox, Chrome, Opera, Safari
    • Adaptive Content : No preset high width, dialog box Adaptive message content size (including buttons), and Support message box size drag adjustment
    • Smart Message Alignment : If the dialog width is set, the text is automatically centered or left-aligned
    • Fault tolerance : If the width of the definition is less than the size of the content, there is no dislocation.
    • Smart positioning : Smart fix position when using custom coordinates to ensure it is visible (for pop-up menus)
    • Drag Smooth : does not stick the mouse also does not drag out the browser viewport to cause cannot control
    • lightweight : JS compressed less than 8KB (in the case of JS embedded in the core compatible layout CSS)
    • Develop skin : Nine sudoku layout, Hook perfect, make skin quite easy, built-in IE6 PNG 32 transparent and positioning solution.
    • IE6 no jitter static positioning : Under the IE6 can be as perfect as the modern browser static positioning effect
    • IE6 Masking Drop-down control support : Support IE6 under Overlay dropdown control (note: Translucent skin not supported)

Incidental skin :

Google chrome[supports IE6 override dropdown controls]

facebook[only used a background picture less than 1k.


Update list

The next edition plans to progressively implement background preload and opera bug fixes.

v2.0.5

    • Troubleshooting a page load that pops up and causes horizontal alignment bugs (mainly Dom ready event bindings)
    • Add parent parameter, Support dialog box through frame popup in parent page

v2.0.5

    • Remove the Yesclose parameter, if you want to click OK or Cancel button does not automatically close the dialog box, so that the callback function returned false
    • To change the x parameter name Left,y to top, extend right and bottom parameters for subsequent versions
    • Modify the Skin aero and chrome icon layout so that the back line message text leaves the width of the icon

v2.0.4

    • Modify a small compatible frame style to prevent the calling page body set text alignment to cause dialog box title text to also be centered

v2.0.3

    • Increase the ID parameter to make it easier for the external script to control the entire dialog box while preventing the dialog box from repeating the popup
    • Add yesclose parameter to Prevent dialog box from being clicked and automatically closed

v2.0.0 ...

    • artdialog 2.06 Download
    • Default skin Aero provides PSD source files

Other versions download: Http://code.google.com/p/artdialog/downloads/list



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.