jQuery + ajax + logout form
Posted At : March 24, 2009 1:17 PM | Posted By : Admin
Related Categories: Ajax, Web20, Rants/Raves, Javascript, jQuery
Related Categories: Ajax, Web20, Rants/Raves, Javascript, jQuery
I love jquery! Let me just say that now. I'm a true convert from prototype/scriptaculous. I love prototype for all it's pros. But, I can't deny the support from the jQuery community and the momentum it has in the web world.
With that said, I dove in and started playing around with the jQuery UI plugin (built by the jQuery guys of course). The dialog plug in is simply DOPE!! (is that a youngin' term?)
I was playing around with a logout confirmation dialog and here's what I've come up with. It's a bit verbose for my taste and by NO means the best way to do this. But, I do hope it points people in the right direction if they're looking to do something like this.
$('#logout').click(
function(e){
e.preventDefault();
$('<div id="confirmLogout" title="Logout?">Are you sure you want to log out?</div>').dialog(
{
modal: true,
height: 100,
width:350,
show:"blind",
hide: "blind",
buttons:{
"Yes":function() {
$.ajax({
url: 'someActionCall.cfm',
complete: function() {
$('#confirmLogout').html("See you next time!");
$('.ui-dialog-buttonpane').css('display','none');
var dlg = $("#confirmLogout").parents(".ui-dialog:first");
dlg.animate({ width: 200},50);
setTimeout(function(){$("#confirmLogout").dialog("close")},3000);
setTimeout(function(){location.reload();},1500);
}
});
},
"No":function() {
$("#confirmLogout").dialog("close");
}
},
close:function(){
$("#confirmLogout").remove();
}
});
return false;
});
The demo can be found here: Logout demo
The so-called sunshade lens, just as its name implies is to http://www.cheap-oakley-sunglasses2.com make the use of shading, people in the sunshine will depend on the size of the pupil often adjust to adjust the flux, when light intensity than http://www.cheap-oakley-sunglasses2.com the human eye adjust ability, will cause damage to the human eye. So http://www.ray-ban-sonnenbrilles.com in the outdoor activity places, especially in the summer, many people are using the mirror to keep out sunshine, in order to reduce eyes adjust href http://www.ray-ban-sonnenbrilles.com the fatigue of the cause of the damage the stimulation or light.
Light color to the sun block sunglasses role than the mirror, but its rich colors, suitable for all kinds of dress collocation with use, have very strong http://www.ray-ban-sonnenbrilles.com/" target="_blank">http://www.ray-ban-sonnenbrilles.com/ adornment effect. Light color sunglasses because its rich colors, style diversity, by the young gens of favor, fashionable women to their favor is life.
"http://www.five-fingers-vibrams.eu/ des polarisierenden href="http://www.five-fingers-vibrams.eu/ Spiegel Bewegung, http://www.five-fingers-vibrams.eu/ polarisierendeJiaShiJing polarisierte Brillen, Angeln, wenn kaufen, können verlangen klare http://www.five-fingers-vibrams.eu/ Sonnenbrilleberufliche Zwecke.
http://www.onlineclothesbiz.com/ Prada Men Slippers
http://www.onlineclothesbiz.com/ Air Jordan 4 (IV)
http://www.onlineclothesbiz.com/ Gucci Men AAA Dress Shoes
http://www.nikedunkshighshoess.org/ nike dunk high
http://www.nikedunkshighshoess.org/ Mens Nike Dunks
http://www.nikedunkshighshoess.org/ Mens Nike Dunks High
http://www.nikedunkshighshoess.org/ Womens Nike Dunks Heels
http://www.onlineshoesbiz.com/ Gucci Series
http://www.onlineshoesbiz.com/ Coogi Series
http://www.onlineshoesbiz.com/ Brand men Shoes
http://www.mylouisvuittonuk.net louis vuitton bags
http://www.onlinelouisvuittosale.com louis vuitton outlet online
http://www.onlinelouisvuittonstore.net/ louis vuitton online
http://www.outletlouisvuittonstore.org louis vuitton outlet store
http://www.uklouisvuittononline.net louis vuitton outlet store
http://www.borselouisvuittonit.org borse louis vuitton
http://www.tiffanyandcoweb.com Tiffany jewellery
http://www.coachoutletshopsky.com coach factory outlet
http://www.coachfactoryoutletweb.com/ coach factory outlet online
http://www.coachoutletonlinemarker.com/ coach outlet store
http://www.cheapschristianlouboutinuk.org.uk/ Louboutin Uk
http://www.cheapschristianlouboutinuk.org.uk/ Christian Louboutin Sandals
http://www.cheapschristianlouboutinuk.org.uk/ Christian Louboutin Platform Pumps
http://www.cheapschristianlouboutinuk.org.uk/ Christian Louboutin Pumps
http://www.cheapschristianlouboutinuk.org.uk/ Christian Louboutin Sneakers
http://www.cheapschristianlouboutinuk.org.uk/ Christian Louboutin Wedges
http://www.cheapschristianlouboutinuk.org.uk/ Christian Louboutin Simple Pumps
http://www.cheapschristianlouboutinuk.org.uk/ Christian Louboutin Mary Jane Pumps
http://www.cheapschristianlouboutinuk.org.uk/ Christian Louboutin Pointed Toe Pumps
http://www.mycoachoutletonlinemall.com
http://www.mycoachsonlineoutlet.com
http://www.mycoachfactoryonlinesales.com
http://www.coachfactorysonlinestores.com
http://www.coachfactoryonlinesuper.com
http://www.coachoutletonlinestores.ca
http://www.supercoachfactory.com
http://www.mycoachfactorystoresonline.com
http://www.coachoutletstore-online.com
http://www.coachstoreonline-2012.net
http://www.storescoachoutletonline.com
http://www.2012coachpursesoutlet.com
http://www.mycoachfactoryoutletstore.com
http://www.toplouisvuittonsales.com
http://www.buylouisvuittononline2012.com
http://www.hothermesbags.com
http://www.2012hermesbagsoutlet.com
http://www.2012burberryoutletus.com
http://www.myburberryoutletonline.com
http://www.2012toryburchus.com
http://www.cheaptoryburchonlines.com
http://www.mylouisvuittonsale.com
http://www.mylouisvuittonstoreonline.com
http://www.coachsoutlet-canadas.net/
http://www.coachoutletusshop.com/
http://www.coachoutletpursesc.net/
http://www.coachoutletonlinepurses.net/
http://www.coachsfactory-s.org/
http://www.coachoutletsonlineusa2012.org/
http://www.buycoachoutletinfactory.com/
http://www.louisvuittonpurses-outlet.org/
http://www.coachoutlets4you.org/
http://www.coachoutletstoreonlinem.net
http://www.coachoutletonline-top.net
http://www.coachoutletusa-top.net
http://www.coachfactoryonlinea.net
http://www.abercrombiefitchoutletonline.org/ abercrombie fitch outlet
http://www.abercrombiefitchoutletonline.org/ abercrombie & fitch outlet
http://www.abercrombiefitchoutletonline.org/ abercrombie fitch outlet online
http://www.christianlouboutinstorm.com/christian-louboutin-pumps-c-2.html Christian Louboutin Pumps
http://www.christianlouboutinstorm.com/christian-louboutin-peep-toe-c-7.html" target="_blank">http://www.christianlouboutinstorm.com/christian-l... Christian Louboutin Peep Toe
http://www.christianlouboutinstorm.com/christian-louboutin-evenings-c-3.html Christian Louboutin Evenings
http://www.christianlouboutinstorm.com/christian-louboutin-sandals-c-1.html Christian Louboutin Sandals
http://www.christianlouboutinstorm.com/christian-louboutin-slingback-c-5.html" target="_blank">http://www.christianlouboutinstorm.com/christian-l... Christian Louboutin Slingback
http://www.christianlouboutinstorm.com/christian-louboutin-wedges-c-4.html Christian Louboutin Wedges
http://www.supratksocietyonsale.com/justin-bieber-... Justin Bieber Supra Shoes
http://www.supratksocietyonsale.com/supra-owen-c-3... Supra Owen
http://www.supratksocietyonsale.com/supra-skytop-c... Supra Skytop Shoes
http://www.supratksocietyonsale.com/supra-skytop-m... Mens Supra Skytop
http://www.supratksocietyonsale.com/supra-skytop-w... Supra Skytop Womens
http://www.supratksocietyonsale.com/supra-skytop-i... Supra Skytop III
http://www.supratksocietyonsale.com/supra-tk-socie... Supra Tk Society
http://www.supratksocietyonsale.com/supra-tk-socie... Mens Supra Tk Society
http://www.supratksocietyonsale.com/supra-tk-socie... Womens Supra Tk Society
wewe