Javascript dialog box (pop-up layer) component [Source Code]

Source: Internet
Author: User

  ArtDialog

  ArtDialogIt is a lightweight and highly compatible javascript dialog box component that gives your webpage interaction a desktop software-like user experience.

Demo address: http://www.planeart.cn/downs/artDialog/

Project home: http://code.google.com/p/artdialog/

  ArtDialog2 uses a brand new UI

  Function: Screen lock (mask) supported) simulate alert and confirm, multi-window pop-up, static positioning, support for Ese key close dialog box, timed close, custom position, drag, mouse adjust window size, skin change, cross frame

  Advantages:

  Compatible with mainstream browsers: Supports IE6 and IE6 +, Firefox, chrome, Opera, Safari

  Adaptive content: You do not need to set the height and width. In the dialog box, adjust the size of the message content (including buttons) and drag the size of the message box.

  Smart message alignment: If the dialog box width is set, the text is automatically centered or left aligned.

  Fault Tolerance: If the defined width and height are smaller than the content size, there will be no misplacement,

  Smart Positioning: Intelligently correct the position when using custom coordinates to ensure that they are in the visible range (applicable to the pop-up menu)

  Smooth drag: Unable to control the browser because the mouse is not stuck or dragged out of the browser.

  Lightweight: Js cannot be 8 KB after compression (when js is embedded with the core compatible layout CSS)

  Develop skin: Jiugongge layout, complete hooks, easy to create skin, built-in IE6 png 32 transparent and Positioning Solution.

  IE6 static location without Jitter: In IE6, it can achieve the same static positioning effect as modern browsers.

  IE6 hide drop-down control support: Supports drop-down controls for covering IE6 (Note: Translucent skin is not supported)

  Attached skin:

Google chrome [supports Internet Explorer 6 overwrite drop-down controls]

Facebook [only uses a background image of less than 1 KB]

  Update list

The next version is planned to gradually implement background pre-loading and Opera BUG fixing ..

V2.0.5

Solve the Problem of abnormal horizontal alignment caused by page loading (mainly dom ready event binding)

Added the parent parameter. The support dialog box traversal framework is displayed on the parent page.

V2.0.5

Remove the yesClose parameter. If you want to click OK or the cancel button does not close the dialog box automatically, let the callback function return false.

Change the x parameter to left and y to top. To expand the right and bottom parameters for later versions

Modify the icon layout of the skin aero and chrome, and set the width of the icon for the response message text.

V2.0.4

Modify a small compatible frame style to prevent text alignment when the page body is called and the title Text of the dialog box is also centered.

V2.0.3

The id parameter is added to allow external scripts to control the entire dialog box and prevent repeated dialog box pop-up.

Added the yesClose parameter to prevent the dialog box from being automatically closed after clicking OK.

V2.0.0...

  Downloading artDialog 2.06

  Default skin aero provides psd source file

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.