Afficher une boite modale lors du click d'un bouton en JQuery
marwenovich
Messages postés
121
Statut
Membre
-
marwenovich Messages postés 121 Statut Membre -
marwenovich Messages postés 121 Statut Membre -
Bonjour,
svp si vous pouvez m'aider a appeler ce code depuis une bouton:
<script type="text/javascript">
$(document).ready(function {
$('#modal').reveal({
animation: 'fade',
animationspeed: 600,
closeonbackgroundclick: false,
dismissmodalclass: 'close'});
return false;});
</script>
et merci
svp si vous pouvez m'aider a appeler ce code depuis une bouton:
<script type="text/javascript">
$(document).ready(function {
$('#modal').reveal({
animation: 'fade',
animationspeed: 600,
closeonbackgroundclick: false,
dismissmodalclass: 'close'});
return false;});
</script>
et merci
A voir également:
- Afficher une boite modale lors du click d'un bouton en JQuery
- Boite gmail pleine - Guide
- Se connecter à ma boite hotmail - Guide
- Boite gmail bloquée - Guide
- Boite a couleur - Télécharger - Divers Photo & Graphisme
- Comment faire une capture d'écran sur un samsung sans bouton ? - Guide
2 réponses
'Lut,
Déjà tu donne un identifiant à ton bouton, je vais l'appeler 'bouton' dans cet exemple:
Déjà tu donne un identifiant à ton bouton, je vais l'appeler 'bouton' dans cet exemple:
$(document).ready({
$('#bouton').on('click', function(e){
$('#modal').reveal({
animation: 'fade',
animationspeed: 600,
closeonbackgroundclick: false,
dismissmodalclass: 'close'});
e.preventDefault();
});
});
Pour les boutons "Supprimer" tu leur donne une classe particulière comme 'delete' par exemple et tu lance l'évènement à chaque fois qu'on clique sur un de ces boutons:
$(document).ready({ $('button.delete').on('click', function(e){ $('#modal').reveal({ animation: 'fade', animationspeed: 600, closeonbackgroundclick: false, dismissmodalclass: 'close'}); e.preventDefault(); }); });