Jquery pop-up window plug-in asyncbox

Source: Internet
Author: User

What is jquery. asyncbox?

Jquery. aysncbox (asynchronous box. Aysncbox is
Jquery's pop-up window plug-in. It can achieve the overall style of the website and give users a new visual experience. It mainly simulates common alert, confirm, prompt, and open
And extended some dialog boxes. It triggers and executes the event action through the callback function to make the operation area clearer and unified. It can also be used flexibly in mainstream browsers.

Plug-in features

Diversified combinations
Aysncbox integrates alert, confirm, prompt, open, and extended dialog boxes. It is like a 18-year-old martial arts.

Multi-Mode window

The infinitus design concept is used to realize the combination of multi-mode and non-modal windows, which can complete relatively complex operations without mutual interference.

Comprehensive Positioning

Supports static location, custom location, and automatic repair location. Great flexibility. It provides users with a good visual experience.

Custom Skin

The asyncbox architecture adopts a nine-cell layout, which provides a rich and flexible style hook when constructing a box, allowing you to easily implement windows of different skin colors.

Cross-framework communication
It supports calls from an infinitely stacked IFRAME framework or frameset framework set. It can be easily implemented without complicated configuration.


Quick and easy

Simple call methods, rich APIs, and quick start. It helps you easily control asyncbox.

  • [2011-5-15] asyncbox v1.4 updated
  • -New
  • 1. $. returnvalue return value. Strengthen data intercommunication between cross-domain and window.
  • 2. $. Tips (...) prompts you to add the "success" and "error" icons to configure and close the seconds.
  • 3. Add the $. Open (...) function to the Data Option to send data to the server.
  • -Adjustment
  • 1. The display position of all asyncbox windows is increased to "center the golden ratio ".
  • 2. When the dialog box content exceeds the browser, the window is compressed to the visible height of the browser.
  • 3. the dialog box contains a large amount of unsightly typographical content. When a scroll bar appears, the prompt icon is not followed.
  • 4. The button build kernel is changed to the tag, and the adaptive mode and word limit are also supported.
  • 5. added fertilizer to the prompt window of $. Tips.
  • 6. Set the limit of the HTML mode in $. Open (...) when setting the height and width.
  • -Repair
  • 1. The $. Reload (...) function is used in the content page to reload incorrect bugs after the URL is dynamically changed due to pagination.
  • 2. In incompatible mode in aoyou 3, when the focus event of textarea is used to call asyncbox, the window shows an incorrect bug.
  • -Optimization
  • 1. optimized the redundant code in some functions.
  • 2. the built-in wait Effect of $. Open (...) is optimized.
  • 3. Style files and images are optimized.
  • FAQs:
    Can I use asyncbox in a project?
    Yes. Under the conditions of the relevant agreement, asyncbox is provided free of charge for permanent use. For more information, see
    License Agreement
    .
    Is asyncbox different from other pop-up window components?
    Tomato and tomato are no different. The key is whether you are using scrambled eggs or fried potato.
    Why does Chinese garbled characters appear when asyncbox is called?
    Asyncbox file encoding is UTF-8, in the case of other encoding types may appear garbled phenomenon, the solution can add charset = "UTF-8" When referencing asyncbox ". For example:
    Why does asyncbox not support "If (asyncbox. Confirm ('Are you OK? ') {...} Else {...} "this judgment method?
    Asyncbox implements event operations through callback functions and cannot simulate blocking. Therefore, this call method is not supported.
    Why does asyncbox not support "maximization "?
    Unfortunately, we have never mentioned support for "maximization" in asyncbox update, but we can configure a full screen window through width and height.
    Use $. Size in resize. This can at least make up for the defects. In addition, asyncbox certainly won't give up this support, which will be seen in future versions.
    Does asyncbox support browsing on iPad mobile devices?
    Currently, asyncbox has no customization for the unsatisfactory results of mobile browsing. We do not recommend that you use asyncbox for Integrated Development on iPad mobile devices.
    Why does the font of asyncbox appear rough in Windows 7?
    The system parses Chinese fonts in that way. If you want to achieve better visual effects, you can learn about related system beautification resources.
    Why can't asyncbox be called immediately on the Content Page?
    On the content page or in IFRAME, no event is required to call asyncbox.
    For example, "Parent. asyncbox. Alert ('Hello asyncbox
    ! '); ", The error" the object is missing "is reported because the content page has not been loaded. Solution: setTimeout (function ()
    {Parent. asyncbox. Alert ('Hello asyncbox! ') ;}, 1000); it is recommended to delay loading and avoid asyncbox whenever possible
    And the page is loaded at the same time. It is not too late to pop up after the page is loaded.
    Why does the window layout become messy after loading asyncbox in the project?
    The building kernel of asyncbox uses table and Part A labels. If you set global styles for the table and a labels
    Asyncbox. Although asyncbox
    Some styles are also embedded, but in general, setting global styles is not a good coding habit. Therefore, we recommend that you avoid defining global styles as much as possible.
    Why cannot I wrap the dialog box?
    Avoid consecutive strings without spaces in the content, such as "stringstringstringstringstringstringstring ...".
    Why can't asyncbox cover flash?
    Flash is relatively special. If you need to cover it, developers decide whether to add it When referencing flash.

    Parameters.
    Why does asyncbox appear in the upper left corner and cannot be dragged?
    The Document declaration is missing. In addition, avoid UFO at the top of the Declaration.
    Why is the transparent skin invisible under IE6?
    Asyncbox currently has a built-in zcms transparent skin. in IE6, You need to configure asyncbox.css
    The path in the file must be configured for the path of the current page. Example: src = 'asyncbox/skins/zcms/images/IE6
    /Dialog_lt.png', asyncbox.html & asyncbox folder, that is, the document page and asyncbox
    The folder is in the same directory.
    Why are "asyncbox undefined" or other undefined errors?
    This type of error occurs. Check whether the plug-in path you configured is correct.
    Why does the button become unavailable after being pressed?
    The button is disabled, which ensures a single event execution and avoids repeated execution. After the execution is completed, it becomes available. If the button becomes unavailable after being pressed, it indicates that an error occurred during execution. Check your code.
    Why does the message "missing identifier, string or number", or "unending String constant" appear "?
    In IE, When you configure the $. Open (...) parameter, avoid the absence of commas in the parameter configuration or the comma following the last parameter.
    Why cannot the CHM help document be displayed?
    The CHM help document cannot be displayed. Due to the impact of system security, some CHM help documents may not be displayed on the page.
    Solution:
    1) Right-click the document and choose unlock.
    2) Select "run" when opening the document ".
    If the problem persists, Baidu or Google.
    Is asyncbox open-source?
    Since the release of asyncbox, it has received the attention and support from all walks of life. With the continuous update of the version, asyncbox has been able to do its utmost in the project. The source code of asyncbox is also constantly improved. I believe that asyncbox will be able to meet you in the near future.

    Problems encountered in the operation process:

    How do I obtain the ID of the current asyncbox window?
    The callback function processing mechanism of asyncbox is callback. In callback, you can use this. ID to obtain the current asyncbox.
    . If this asyncbox is nested, this object will be overwritten by asyncbox. To obtain the correct ID, you must set this
    Save the object, for example, VAR id = This. Id.

    In addition, the dialog box class window ID is asyncbox _ + [alert, confirm, success, error, prompt].
    How can I submit a form to the asyncbox window for processing?
    Set target in form to point to IFRAME in asyncbox. For example:

    Iframe id in asyncbox is the window ID + _ content, that is, "openname_content ".

    How can I refresh the page after performing operations on asyncbox?
    Add the "window. Location. Reload ()" code to refresh the page to the judgment action value ()". Content Page refresh parent page: "Top. Window. Location. Reload ()".
    How to refresh the page?
    How to call asyncbox in the background of the program?
    Through Ajax.

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.