Jquery custom dialog box alert, confirm, and prompt

Source: Internet
Author: User

JQuery Alert Dialogs, a prompt box plug-in based on jQuery, mainly including Alert, Confirm, prompt, and an advanced example that can be embedded into the prompt box in the HTML language, you can customize styles. There are many types of jQuery prompt box plug-ins, each of which comes from different masters, so they all have their own characteristics, including style and usage.
Experience: http://keleyi.com/keleyi/phtml/jqplug/

Http://keleyi.com/keleyi/phtml/jqplug/1.htm


The purpose of this Jquery plug-in is to replace JavaScript's standard functions alert (), confirm (), and prompt (). This plug-in has the following features:

1: This plug-in allows you to support your own css settings. Make your website look more professional.

2: allow you to customize the title of the dialog box.

3: In IE7, you can avoid page reloading by using the JavaScript prompt () function.

4: these methods simulate the Windows mode dialog box. When you change the browser window size, it can adapt to the user

Window adjustment.

5: if you introduce the jQuery UI Draggable plugin, the plugin can be freely dragged.


Jquery. alerts. js code:

 (=-75, horizontalOffset: 0, repositionOnResize: , overlayOpacity: .01, overlayColor: '#FFF', draggable: , okButton: '&nbsp;OK&nbsp;', cancelButton: '&nbsp;Cancel&nbsp;', dialogClass: , ( title ==  ) title = 'Alert', 'alert', ( title ==  ) title = 'Confirm', 'confirm', ( title ==  ) title = 'Prompt''prompt', 'show'"BODY"'<div id="popup_container">' +'

{:;:;:; :; :;:;:;:;:;:;}{:;:;:;:;:;:;:;:;:;:;:;}{:;:;:;}{:;}{:;}{:;}{:;}{:;:;}{:;}

 

You also need to reference:
<Script type = "text/javascript" src = "http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"> </script>
<Script src = "http://keleyi.com/keleyi/pmedia/jquery/ui/1.10.3/js/jquery-ui-1.10.3.min.js" type = "text/javascript"> </script>

Http://keleyi.com/a/bjac/no0m3cb1.htm

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.