PHPascal.com

PHPAscal rouge2 (Version bleu)


Programmation web CSS HTML PHP Jquery Javascript Wordpresse RSS SQL SSH, serveur linux Outils
  PHPascal a 144 articles


Recherche


cheap nike nfl jerseysWholesale cheap nfl jerseyscheap jerseys online from chinacheap nfl jerseys free shippingwholesale nba jerseysWholesale cheap nhl jerseyscheap nhl jerseys onlinecheap nba basketball jerseys

Valid HTML 5

Programmation web / Jquery / EmpÍcher fermeture dialog modal de JqueryUI

Empêcher fermeture dialog modal de JqueryUI

Avec JQUERYUI il y a la possibilité d'avoir des belle boite de dialog avec du style qui remplace parfaitement la fonction alert() de javascript.  Par contre pour pouvoir l'utilisé sans que l'internaute puisse fermer la fenêtre on doit utilisé quelques astuces.

Voici le code javascript pour empêcher la fermeture d'un popup modal :


<script type='text/javascript'>
   $( "#boite_modal" ).dialog({
       autoOpen: false,
       width: 300,
       modal: true,
       closeOnEscape: false,
       open: function(event, ui) {  $(".ui-dialog-titlebar-close", $(this).parent()).hide(); }
    });

$('.lien_boite').click(function(event){

    $( "#boite_modal" ).dialog("open");

    event.preventDefault();

        });
</script>

Voici le code HTML

<div style='display:none;' id='boite_modal' title='Boite impossible à fermer!'>Désoler vous êtes coincé ici <p>Bouton escape désactiver</p><p>Bouton X -close cacher en CSS</p><p>Essayer F5</p></div>

<a href='#modal' id='lien_boite'>Ouvrir popup modal</a>

Bien sur pour que ça fonctionne vous dever avoir Jquery et JqueryUI sur votre site.

Voir un exemple : Ouvrir popup modal

Article écrit le 11 novembre 2012
Article modifié le 11 novembre 2012

Autres articles sous la même catégorie


Pascal Dubreuil | © PHPascal.com 2017
Temps d'exécution : 0.013 sec
Imprimer le 23 August 2017 - 20:59:56
par Pascal Dubreuil organisateur du Marathon de Laval