JALERT - A JQUERY UI ALERT / CONFIRM REPLACEMENT

A themeroller ready replacement for the standard Alert and Confirm dialog boxes.

The Motivation

The standard dialog boxes are notoriously user unfriendly.  They left developers unable to tweak their functionaly, and designers unable to tweak their design.  When all is said and done, they are pretty crude devices.

By having a jQuery UI plugin, you leverage the themability of the UI framework.  And, by making it configurable, more control is provided than just the message displayed to the user.

The Foundation

At its core, jAlert is a jQuery UI dialog plugin, set-up to specifically mimic [and improve upon] the standard dialog boxes.  Also, while many of the options for the underlying UI dialog are pre-set, all of the UI dialog options may be overriden by the optional 'options' parameter.

Usage
$.jAlert([message], [highlight level], function() {
	//callback
}, [options]);
	
	
$.jConfirm([message], [highlight-level], function(result) {
	//callback - result is either 'true' of 'false'
}, [options]);

 

  • [message] : The message displayed to the user
  • [highlight level] : The 'highlight level' of the dialog [values: 'highlight', 'error', '']
  • [options] : optional parameter - additional options for the underlying UI dialog window

View Demo

jAlert - a jQuery UI Alert / Confirm Replacement
2.04.2011 ~ 11:26 AM
posted in professional
tagged in jquery : jquery-ui : plugin
comments [36]

 
 
 
 
@ Alex Rad
Great plugin. However, there is a problem (or I am not using it correctly) with $.jConfirm. Unlike javascript "confirm" it does not wait for the user confirmation: function myfunction (param) { $.jConfirm('Are you sure?', 'highlight', function(result) { return (result); }, { show: '' }); alert ('I should not see this but I do!'); } How can I make it wait for the user's conformation?
6.18.2011 - 08:40 AM
 
 
@ dochoffiday
There's nothing you can do in javascript to block execution like the native "alert" and "confirm" functions do. That's why there's callbacks - put the code in the callback instead of after invoking the plugin: function myfunction(param) { $.jConfirm('Are you sure?', 'highlight', function (result) { alert('I should not see this and I DONT (until the user clicks a button)'); return (result); }, { show: '' }); alert('I should not see this but I do!'); }
7.05.2011 - 07:34 PM
 
 
@ Thomas
Hello, I had to make the following change in my case to make the titlebar of the dialogboxes disappear. On line 43, change dialogClass: options.wrapperClass + dialogCSS, to dialogClass: options.wrapperClass + ' ' +dialogCSS, That's it :) Otherwise it produced a messed up classname that caused the issue with the titlebar.
5.29.2012 - 09:48 PM
 
 
@ Herb
Thank god for these enabled comments. I would have wasted so much time thinking there is an actual real replacement to "alert" and "confirm".
8.11.2012 - 04:54 PM
 
 
@ anon
@dochoffiday: It doesn't solve this though: $('form').bind('submit', function() { var me = this; $.jConfirm('¿Estás seguro?', 'highlight', function(answer) { if (answer) { $(me).submit(); } }); return false; // Will always be executed }); Unless I'm not seeing something...
12.14.2012 - 01:41 PM
 
 
@ anon
I was: event.preventDefault() must be used.
12.14.2012 - 01:42 PM
 
 
@ tony
Where can i get a full list of the options list?
2.06.2013 - 09:49 AM
 
 
@ Mitch
Where do I download this?
6.06.2013 - 10:30 AM
 
 
@ dochoffiday
@Mitch - sorry, I should have put a link to these resources. http://demo.dochoffiday.com/jquery-ui-jalert/jquery.ui-jalert.css http://demo.dochoffiday.com/jquery-ui-jalert/jquery.ui-jalert.js
6.11.2013 - 09:25 PM
 
 
@ Lee
Do you happen to provide security update notices for jAlert updates?
10.29.2013 - 01:54 PM
 
 
@ nagi
please how to implement this function send me reply my mail sir
1.18.2014 - 01:40 PM
 
 
@ Dev
What about the images? Where are they?
1.30.2014 - 10:28 AM
 
 
@ Cao Thanh Liêm
Send me link download Plase :D Thanks you so much
9.19.2014 - 05:43 AM
 
 
@ dochoffiday
@Cao - sorry, I forgot the download links changed: http://dochoffiday.com/_demo/jquery-ui-jalert/jquery.ui-jalert.css http://dochoffiday.com/_demo/jquery-ui-jalert/jquery.ui-jalert.js
9.23.2014 - 06:58 PM
 
 
@ S.Sinha
Please let me know how can you replace the "!" mark that preceded the statement with JAlert.
8.04.2015 - 03:21 AM
 
 
@ meena
will this confirm box work even if user has a pop-up blocker ?
4.18.2016 - 09:50 PM
 
 
@ DennisAftew
Zhheherhrh eg egemtr hrggwe wes egemtrghdfbsgd rwtwrqw
2.26.2017 - 11:06 PM
 
 
@ PatrickFex
http://forums2.phxs.site.nfoservers.com/index.php?action=profile;u=102089 http://bbs.775255.com/home.php?mod=space&uid=2529 http://vietnamhat.com.vn/index.php?option=com_k2&view=itemlist&task=user&id=388390
3.13.2017 - 07:06 AM
 
 
@ WilliamSpice
http://vkreative.ru/index.php?option=com_k2&view=itemlist&task=user&id=11630 http://slw.xasqw.com/bbs/home.php?mod=space&uid=345142 http://www.impresapossemato.it/index.php?option=com_k2&view=itemlist&task=user&id=67986&lang=it
3.13.2017 - 01:50 PM
 
 
@ DonaldPuh
http://www.regetisphotography.net/nbkrist/ist90/member.php?action=profile&uid=8645 http://www.wf9998.net/home.php?mod=space&uid=522 http://syzkxyjc.com/home.php?mod=space&uid=44579 http://longchengjinrong.com/home.php?mod=space&uid=11007 http://www.theskywatergroup.com/forum/member.php?action=profile&uid=193 http://www.runfengtiegui.com/home.php?mod=space&uid=24904
3.13.2017 - 04:28 PM
 
 
@ Aubreyfrold
http://forum.hertz-audio.com.ua/memberlist.php?mode=viewprofile&u=1961252 http://bpguo.com/home.php?mod=space&uid=211972 http://www.the9thmuse.net/cos/forum/index.php?action=profile;u=15815 http://oretanaformacion.com/index.php?option=com_k2&view=itemlist&task=user&id=227959 http://findit3.com/discuss/home.php?mod=space&uid=46258 http://bbs.tjsjx.net/home.php?mod=space&uid=140140
3.13.2017 - 06:05 PM
 
 
@ Damiannew
http://erteknikenerji.com/index.php?option=com_k2&view=itemlist&task=user&id=910353 http://www.dijkmanpact.com/index.php?option=com_k2&view=itemlist&task=user&id=925 http://kunstuitleencuracao.com/index.php/component/users/?option=com_k2&view=itemlist&task=user&id=564394 http://arsenlupen.org/index.php/component/users/?option=com_k2&view=itemlist&task=user&id=4775 http://tianzhuso.gotoip55.com/home.php?mod=space&uid=131184 http://dasuqian.cn/home.php?mod=space&uid=2588
3.13.2017 - 07:42 PM
 
 
@ Jamesapese
http://bbs.rtmap.com/home.php?mod=space&uid=68348 http://homecha.com/home.php?mod=space&uid=28905 http://teleprogi.ru/index/8-138789
3.13.2017 - 08:24 PM
 
 
@ ThomasAxorm
http://2bei.cn/space-uid-19006.html http://www.shiqisa.com/bbs/home.php?mod=space&uid=652 http://la.fnst.org/index.php/component/users/?option=com_k2&view=itemlist&task=user&id=3136392 http://bbs.neworigin.net/home.php?mod=space&uid=401960 http://ycjhcpgm.zghcpcom.com/home.php?mod=space&uid=63681 http://ynsojd.com/home.php?mod=space&uid=186369&do=profile&from=space
3.13.2017 - 09:18 PM
 
 
@ WilliamPeeby
http://ycjhcpgm.zghcpcom.com/home.php?mod=space&uid=63391 http://www.naishuicc.org/home.php?mod=space&uid=59170 http://syzkxyjc.com/home.php?mod=space&uid=45024 http://ursthailand.com/index.php/component/users/?option=com_k2&view=itemlist&task=user&id=34122 http://muzvinegret.ru/index/8-34908 http://www.toscanacalcio.net/index.php?option=com_k2&view=itemlist&task=user&id=10891
3.13.2017 - 11:00 PM
 
 
@ Russellqueem
http://hl888zcgw.hele567.com/space-uid-5916.html http://bbs.vipincar.com/home.php?mod=space&uid=5541 http://wshjs.gotoip4.com/home.php?mod=space&uid=304807 http://piscines-consortium.com/index.php/component/users/?option=com_k2&view=itemlist&task=user&id=198027 http://odium-game.com/forum/member.php?action=profile&uid=434 http://ggr-club.com/home.php?mod=space&uid=29654
3.14.2017 - 12:42 AM
 
 
@ WalterSlolo
http://78dushu.com/home.php?mod=space&uid=1577 http://kino-panda.net/index/8-21336 http://aqp.cc/home.php?mod=space&uid=82048 http://www.chngt.com/home.php?mod=space&uid=124918 http://ozchinesenet.com/home.php?mod=space&uid=2911 http://www.yaxindz.com/home.php?mod=space&uid=3320
3.14.2017 - 02:28 AM
 
 
@ Jameshew
http://zhaine.com/home.php?mod=space&uid=5162 http://tudoufanli.com/space-uid-88889.html http://bc8588.com/space-uid-144234.html
3.14.2017 - 03:31 AM
 
 
@ GeorgeBlots
http://arabchise.net/users/robertenacy http://www.hkhexiang.com/home.php?mod=space&uid=94577 http://tp20.dushituangou.com/home.php?mod=space&uid=40763
3.14.2017 - 10:48 AM
 
 
@ Barrytox
http://www.unrealskill.us/forum/index.php?action=profile;u=3626 http://bbs.juezhanol.com/home.php?mod=space&uid=2190 http://sjgot.com/home.php?mod=space&uid=310100
3.14.2017 - 05:55 PM
 
 
@ SanfordBioli
http://xn--h1aibfkoj.su/index.php/component/users/?option=com_k2&view=itemlist&task=user&id=22905 http://www.cnhuochepiao.com/home.php?mod=space&uid=55352 http://jjhuishou.net/home.php?mod=space&uid=171542
3.15.2017 - 12:22 AM
 
 
@ GraceHom
Absolutely NEW update of SEO/SMM package "XRumer 16.0 + XEvil 2.0": captchas solution of Google, Facebook, VKontakte, Yandex, Solve Media, and more than 8400 another categories of captchas, with highest precision (80..100%) and highest speed (100 img per second). You can connect XEvil 2.0 with all most popular SEO/SMM software: XRumer, GSA SER, ZennoPoster, Srapebox, Senuke, and more than 100 of other programms. Interested? Just Google for "XRumer 16 + XEvil 2.0", or you can find intro movie in YouTube: "XEvil: new OCR - captcha solver" See you later ;)
4.04.2017 - 11:51 PM
 
 
@ Prokofevlot
??a??????? ?ap??o?o? o? 8 ????? py???? ? ????! ?a?a???po????o! ??o ???????? ????????c?? o?pec?? ???a?????? ??????c??oc??! ????????? http://webcrasty.ru/zarabotok/ [img]https://pp.userapi.com/c636829/v636829390/67dcb/I2jHnXyu7KY.jpg[/img]
4.10.2017 - 04:18 PM
 
 
@ Prokofevlot
??a??????? ?ap??o?o? ?? 8 ??? p????? ? ????! ??pa????o?????! ??? o??????? ?o????????? ???ec?? ???a?c???? ???a??????c??! ?o?po??o??? http://webcrasty.ru/zarabotok/ [img]https://pp.userapi.com/c636829/v636829390/67dcb/I2jHnXyu7KY.jpg[/img]
4.12.2017 - 10:57 AM
 
 
@ HelenNeink
[url=]Furosemide 40 Mg No Prescription Order Lasix[/url]. Seroquel Difference Abilify Tylenol Dogs Arthritis Buy Accutane Without Prescription, Buy Accutane, Buy Accutane no Prescription, Order Accutane Cheapest, Accutane, Purchase Accutane no Prescription,. Depakote Depression Pregnancy . Uti Antibiotics Amoxicillin Cranberry Juice Augmentin Action Otitis Media . Fort Worth Allergy And Asthma Associates Harris Methodist Tylenol Pm Safe In Conception Is Synthroid Fda Qualified Viagra Factor Glucophage And Clomid For Pcos Lipitor Musel Pain [url=https://www.boomeranginsurance.ca/forums/topic/buy-paroxetine-personal-check-buy-paroxetine-online-no-prescription-canada]https://www.boomeranginsurance.ca/forums/topic/buy-paroxetine-personal-check-buy-paroxetine-online-no-prescription-canada/[/url] [url=http://www.mobilehydro.com/forums/topic/cheap-zyban-online-no-prescription-needed-zyban-fast-deliery-cheap]http://www.mobilehydro.com/forums/topic/cheap-zyban-online-no-prescription-needed-zyban-fast-deliery-cheap/[/url] [url=http://www.mobilehydro.com/forums/topic/order-naltrexone-online-from-canada-buy-cheap-naltrexone-online]Buy Cheap Naltrexone Online, Order Naltrexone Online From Canada[/url] [url=http://www.mobilehydro.com/forums/topic/cheap-plan-b-online-no-prescription-cheap-canadian-plan-b]http://www.mobilehydro.com/forums/topic/cheap-plan-b-online-no-prescription-cheap-canadian-plan-b/[/url] [url=http://kanger-tech.com/?topic=buy-oxitard-fedex-delivery-oxitard-online-no-prescription] Oxitard Online No Prescription, Buy Oxitard FedEx Delivery[/url] Silagra No Prescription Sildenafil Overnight Hyzaar Phone Consultation Viagra Vs Cialis Side Effects [url=http://kingdompictures.co.za/?option=com_k2&view=itemlist&task=user&id=720185]Buy Septilin From Canada No Prescription, Septilin Online Free Shipping.[/url] [url=http://www.mobilehydro.com/forums/topic/buy-seroquel-no-prescription-online-order-seroquel-mastercard]http://www.mobilehydro.com/forums/topic/buy-seroquel-no-prescription-online-order-seroquel-mastercard/[/url] [url=http://forum.oppomobile.co.id/thread-580251.html]Buy Motilium Saturday Delivery. Cheapest Motilium Without A Prescription.[/url] [url=http://www.mobilehydro.com/forums/topic/c-o-d-iressa-generic-buy-iressa-start-saving-today]http://www.mobilehydro.com/forums/topic/c-o-d-iressa-generic-buy-iressa-start-saving-today/[/url] Protein Powder Allergy Pure Whey Toradol Addiction Like
4.12.2017 - 09:23 PM
 
 
@ Anthonygof
Hello. Please see below, thanks! [url=http://tophotmail.xyz/body]Body test[/url] Bye Bye!!!
4.13.2017 - 08:39 AM
 
 

SPEAK!

Please enter your comment below.