Shulou(Shulou.com)05/31 Report--

Most people don't understand the knowledge points of this article "how to use hiAlert plug-in", so Xiaobian summarizes the following contents for everyone. The contents are detailed, the steps are clear, and they have certain reference value. I hope everyone can gain something after reading this article. Let's take a look at this article "how to use hiAlert plug-in".

hiAlert plug-in is based on jquery.alerts improved, including several commonly used prompt box, but also provides a gradient prompt bar effect, pop-up page layer effect, it is currently compatible with all major browsers.

use method

hiAlert provides five methods to use:

1、hiAlert

hiAlert(content,title,callback);

hiAlert method provides three parameters, content: content, title: dialog title, callback: callback function, if there is none, do not write, such as:

hiAlert("Welcome to xuebuyuan.com","Tips");

2、hiConfirm

hiConfirm(content,title,callback);

hiConfirm method provides 3 parameters, content: content, title: dialog title, callback: callback function, if there is no write, such as:

hiConfirm ('Are you sure about this operation? ',' Confirmation box', function(r){ hiOverAlert ('Your feedback is: ' + r); });

3、hiPrompt

hiPrompt(content,deinput,title,callback);

hiConfirm method provides 4 parameters, content: content, deinput: default value of input box, title: dialog box title, callback: callback function, if there is none, do not write, such as:

hiPrompt ('Please fill in:','Default value',' Input box', function(r){ if(r) hiOverAlert ('You fill in the content is "'+ r+'"); });

4、hiBox

hiBox(obj,title,w,h,submit,cancel,callback)

hiBox method provides 7 parameters, obj: object specified to be opened (object unique), i.e. object associated with content displayed in dialog box, title: title, w: width, h: height, submit: object in content can be set to "submit", if there is callback, click here to return callback behavior, cancel: cancel or close button object in dialog box, callback: callback function, such as:

hiBox ('#showbox','title', 400,'',','.a_close');

5、hiOverAlert

hiOverAlert(content,timeout);

hiOverAlert is used to display the effect of the message prompt bar, similar to the effect in the jNotify: operation result message prompt bar, it provides two parameters, content: prompt content, timeout: prompt time, default is 3000, that is, 3 seconds. For example:

hiOverAlert ('Action Prompt Bar Information', 1500);

Remember to load the jQuery library and hiAlert plug-ins when using them, as well as the corresponding css styles. You can also modify CSS to further beautify the dialog box. Also, if you want to drag dialog effects, you need to load jquery.ui.draggable.js.

The above is the content of this article about "how to use hiAlert plug-in". I believe everyone has a certain understanding. I hope the content shared by Xiaobian will be helpful to everyone. If you want to know more relevant knowledge content, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.