Version complète: jsB@nk » Framework » MooTools » Nice effets AJAX pour les messages-Box avec MooTools
URL: https://www.javascriptbank.com/nice-ajax-messages-box-using-mootools.html
C'est tr?s simple JavaScript code example mais elle peut cr?er un effet formidable message bo?te avec les op?rations AJAX, bases sur JavaScript MooTools cadre En d?monstration en direct de cet exemple de code JavaScript, le bo?te de message JavaScript doit ?tre appel? par tous les AJAX
bo?te de message AJAX, S'il vous pla?t allez-y ou essayer de profiter de plus d'effets JavaScript MooTools ci-dessous:
Super Awesome et Amazing exemples MooTools site
? Carousel JavaScript Dock DHTML utilisant Mootools
Version complète: jsB@nk » Framework » MooTools » Nice effets AJAX pour les messages-Box avec MooTools
URL: https://www.javascriptbank.com/nice-ajax-messages-box-using-mootools.html
<style type="text/css">body{font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}#box {margin-bottom:10px;width: auto;padding:4px;border:solid 1px #DEDEDE;background: #FFFFCC;display:none;}</style><script type="text/javascript" src="mootools.js"></script><script type="text/javascript">// Created by Antonio Lupetti | http://woork.blogspot.com// This script downloaded from www.JavaScriptBank.comwindow.addEvent('domready', function(){var box = $('box');var fx = box.effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});$('save_button').addEvent('click', function() {box.style.display="block";box.setHTML('Save in progress...');/* AJAX Request here... */fx.start({}).chain(function() {box.setHTML('Saved!');this.start.delay(1000, this, {'opacity': 0});}).chain(function() {box.style.display="none";this.start.delay(0001, this, {'opacity': 1});});});}); </script>Press "Save"</p><div id="box"></div><input name="" type="text" /><input id="save_button" name="save_button" type="button" value="save"/>
/javascript/mootools.js