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
2 réponses
-
'Lut,
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(); }); });
-
-
-
Vous ne pouvez pas assigner à chaque bouton un même id, l'identifiant il est unique. Pour avoir le même effet sur les autres boutons, vous devez avoir pour chacun d'entre eux un identifiant unique et attacher l'évènement comme je vous l'ai montré sur l'exempe.
-
-
Ah je vois, donc pas la peine d'un id différent pour chaque bouton, ça serait juste un code qui se répète.
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(); }); });
-
-
ton 'code' n'a rein à voir avec le sujet du post ^^
