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(); }
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.
Aucun commentaire:
Enregistrer un commentaire