jquery Plugin Hialert Implement web Dialog landscaping

Source: Internet
Author: User
Tags jquery library

Hialert is a jquery based information Tip plug-in that supports three of informational prompts for operational success, failure of operations, and Operation reminders. Hialert browser compatibility is very good, support changes to the content, support positioning the location of the cue box, you can configure plug-in parameters.

Tired of the Internet Explorer Warning window, with a "boom" of fear, it feels as if there is a bad thing coming. And now the browser to the pop-up warning box (alert), Confirmation dialog box (confirm), input box (prompt) display different, this article with the help of the Hialert Plug-ins for your Unified Web Page dialog style.

Hialert Plug-ins are based on jquery.alerts improvements, including several commonly used prompt boxes, but also provides a gradient cue bar effect, pop-up page layer effect, it is currently compatible with the mainstream browser.

How to use

Hialert offers five ways to use it:

1, Hialert

Hialert (Content,title,callback);

The Hialert method provides 3 parameters, content: Contents, Title: Dialog title, Callback: callback function, if not write, such as:


1 Hialert ("Welcome to helloweba.com", "hint");

2, Hiconfirm

Hiconfirm (Content,title,callback);

The Hiconfirm method provides 3 parameters, content: Contents, Title: Dialog title, Callback: callback function, if not write, such as:


1 2 3 Hiconfirm (' Do you confirm this operation? ', ' confirmation box ', function (r) {Hioveralert (' Your feedback is: ' + R '); });

3, Hiprompt

Hiprompt (Content,deinput,title,callback);

Hiconfirm method provides 4 parameters, content: Contents, Deinput: The default value of the input box, Title: dialog box title, Callback: callback function, if nothing, such as:


1 2 3 Hiprompt (' Please fill in: ', ' default ', ' Input box ', function (r) {if (R) Hioveralert (' You fill in the content is ' + r+ ' '); });

4, Hibox

Hibox (Obj,title,w,h,submit,cancel,callback)

The Hibox method provides 7 parameters, obj: A specified Open object (unique to the object), which is the object that is displayed in the dialog box, Title: Title, W: Width, H: Height, submit: The object in the content can be set to "submit" and if there is a callback, Click here to return callback behavior, cancel or close the button object in the dialog box, callback: callback function, such as:


1 Hibox (' #showbox ', ' title ', ', ', ', ', ', '. A_close ');

5, Hioveralert

Hioveralert (content,timeout);

Hioveralert is used to show the effect of information tip bar, similar to the effect of this site article, it provides two parameters, content: Hint content, timeout: Prompt time, the default is 3000, that is 3 seconds. Such as:


1 Hioveralert (' Operation Cue bar information ', 1500);

Always remember to load the jquery library and the Hialert plugin, as well as the corresponding CSS styles when using. You can also modify the CSS to further beautify the dialog box. In addition, if you need to drag the dialog box effect, you need to load the jquery.ui.draggable.js for more information.

Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

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.