Description:
This tutorial I’ll explain a simple step-by-step way to implement an Custom Alert Boxes using Jquery Demo with cool sliding and fully customized alert box, error message, delete message, info mesage using Jquery and CSS.
The result is something like this:
Demo
Script Code
Step 1: Insert the below into the <HEAD> section of your page: (Select to copy)
The above references an jquery.js file. Download (by right clicking, and selecting “Save As”),
and upload to your webpage directory. Within the above code
CSS Code:
Step 2: Insert the below into the <HEAD> section of your page: (Select to copy)
HTML Code:
Step 3: Insert the below into the <BODY> section of your page: (Select to copy)
Got a question or need help customizing this Jquery code? Post it in the help me. If you have a comment or suggestion instead, post it in the comments section below.
Another Great story?
nice one you got here thanks
anyway how does the code return true when the ok button is pressed?
To override the standard alert function there is fantastic solution:
try {
function MyAlert(text) {
Sexy.info(text);
}
} catch(err) {
function MyAlert(text) {
alert(text);
}
}
returns the “Delete Message Popup Alert” something ?
Hi, i have checked in my website it is working fine but if the page is inherting any master page it is not firing so can u explain me how to do in the master page inherited one. i need it very urgent ASAP.
thanks in Advance,
Vara Prasad.M
According to my investigation, millions of persons in the world get the http://lowest-rate-loans.com at good creditors. Hence, there’s great possibilities to get a secured loan in every country.
nice tutorial, but i try it in my web
where my web have a combobox…..
when the pop up is running and then combobox has lose from my web…
thanks….
How would I get a box to come up on page load please?
NOTE: for those using jquery 1.4.2, the dropdown box will not work unless you rename the .delay function called inside alertbox.js. .delay was introduced in 1.4.2 and is reserved, so just rename .delay on lines 14,129,and 169 to .delayProcess and you will be good to go.
Line 14: jQuery.fn.delayProcess = function(time,func){
Line 129 $(this).delay(500, $.bind(this, this.queue)) to $(this).delayProcess(500, $.bind(this, this.queue));
Line 169: $(this).delayProcess(500, $.bind(this, this.queue));
hi, great notification effect and usefull also, does this have a licence for redustrubition, e.g. to use in a template for selling? thanks.
How do you get the return value from the confirm and prompt functions?
csscody.confirm(‘Delete.Are you sure you want to delete this.’
,{onComplete : function (){
return arguments[0];}}
);}
will retrun the OK/Cancel button reply as True False, however looks like it needs a while loop to run for any
return confirm(‘Do nothing if I click cancel’);
return confirm(‘Do action if I click ok’);
statements
I could not get an answer from the creator of this so I have to dig my self on the code, this is the way to get the response, true or false after the confirmation of a delete alert:
http://jsfiddle.net/U8NZk/4/
Hope it is usefull…
Its really cool & nice I have used it but in Delete Message Popup Alert ok button click is not working any idea what coult i am missing?
EF
Hi!
anyone can help me how to get the confim action.
in csscody.confirm(‘text’);
whether user clicked true or false
plz urgent help
thanx
How can i get the value of the confirm box?
how to get return value (true or false) when using confirm?
how can i got the return value in Confirm pop up ..for delete..???
Thnkx
how can i got the return value (if i pressed OK or Cancel button …) in Confirm pop up ..for delete..???
Thnkx
If I use this confirm box to delete something,whatever I click OK or cancel, the event of delete is not occured,how to solve the problem?
e.g:
if (confirm(\’Delete.Are you sure you want to delete this.\’)) return true;else return false;
The delete event enables to occur when I click the OK button.
However,
if (csscody.confirm(\’Delete.Are you sure you want to delete this.\’)) return true;else return false;
use this command,whatever I click OK or cancel, the event of delete is not occured
why does the top border (bg-box-top.png) not showing when using IE7?