
Untitled
By: a guest on
Apr 25th, 2012 | syntax:
None | size: 0.80 KB | hits: 11 | expires: Never
How to create a simple Modal Dialog Box in JQuery?
<div id="overlay">
<h4 style='text-align:left;'>Confirmation</h4>
<p style='margin-top:5%;margin-bottom:15%;'>Es-Tu satisfait de la couverture du Magazine ?</p>
<input value="Non, Corriger" id="close" class="submitMagHalf" />
<input type="submit" value="Oui,envoyer" class='submitMagHalf'/>
</div>
<div id='boxConf'>
</div>
$(document).ready(function() {
$(".submitMag").click(function() {
$("#overlay").show();
$("#overlay").fadeTo(1000,1.0);
$("#boxConf:not(#overlay)").fadeTo(2000,0.5);
});
$("#close").click(function() {
$("#overlay").hide();
$("body:not(#overlay)").fadeTo('fast',2.0);
});
$("#overlay").hide();
$("#boxConf").hide();
});