Afficher une boite modale lors du click d'un bouton en JQuery

marwenovich Messages postés 111 Date d'inscription   Statut Membre Dernière intervention   -  
marwenovich Messages postés 111 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

2 réponses

Bionik Messages postés 4232 Date d'inscription   Statut Modérateur Dernière intervention   185
 
'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();
    });
});

2
marwenovich Messages postés 111 Date d'inscription   Statut Membre Dernière intervention   9
 
oui oui c'est bien ça marche j'ai déjà tester mais si je veux ajouter plusieurs buttons qui affichent la même dialogue je ne peux pas juste une seule qui sera affiché car il sont tout d'un même ID , et merci pour vous encore :)
0
marwenovich Messages postés 111 Date d'inscription   Statut Membre Dernière intervention   9
 
svp si vous avez une idée comment faire??
0
Bionik Messages postés 4232 Date d'inscription   Statut Modérateur Dernière intervention   185
 
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.
0
marwenovich Messages postés 111 Date d'inscription   Statut Membre Dernière intervention   9
 
le problème qu'un contenue dynamique sera affiché,c'est a dire des messages serons affichés depuis une base de données alors si j'ai 1000 message se code doit être créée 1000 fois pour les 1000 boutons de suppression des messages
0
Bionik Messages postés 4232 Date d'inscription   Statut Modérateur Dernière intervention   185
 
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(); 
    }); 
}); 
0
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
ton 'code' n'a rein à voir avec le sujet du post ^^
0
marwenovich Messages postés 111 Date d'inscription   Statut Membre Dernière intervention   9
 
comment???

j'ai inclue jquery API et j'ai ajouter ce bout de code qui va afficher un dialogue de confirmation,
je veux que cette boite de dialogue s'affiche lorsque je click sur une button :)
0