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

Fermé

marwenovich Messages postés 111 Date d'inscription lundi 18 mars 2013 Statut Membre Dernière intervention 8 février 2014 - Modifié par Bionik le 22/03/2013 à 12:02
marwenovich Messages postés 111 Date d'inscription lundi 18 mars 2013 Statut Membre Dernière intervention 8 février 2014 - 22 mars 2013 à 12:32

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:

Afficher une boite modale lors du click d'un bouton en JQuery
Se connecter à ma boite hotmail - Guide
Boite gmail saturée - Guide
Auto click - Télécharger - Divers Utilitaires
Ouvrir ma boîte mail ✓ - Forum Gmail
Boîte mail française gratuite - Guide

2 réponses

Réponse 1 / 2

Bionik Messages postés 4234 Date d'inscription jeudi 19 août 2010 Statut Modérateur Dernière intervention 3 août 2016 183
22 mars 2013 à 12:01

'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();
    });
});

marwenovich Messages postés 111 Date d'inscription lundi 18 mars 2013 Statut Membre Dernière intervention 8 février 2014 9
22 mars 2013 à 12:06

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 :)

marwenovich Messages postés 111 Date d'inscription lundi 18 mars 2013 Statut Membre Dernière intervention 8 février 2014 9
22 mars 2013 à 12:08

svp si vous avez une idée comment faire??

Bionik Messages postés 4234 Date d'inscription jeudi 19 août 2010 Statut Modérateur Dernière intervention 3 août 2016 183
22 mars 2013 à 12:13

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.

marwenovich Messages postés 111 Date d'inscription lundi 18 mars 2013 Statut Membre Dernière intervention 8 février 2014 9
22 mars 2013 à 12:15

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

Bionik Messages postés 4234 Date d'inscription jeudi 19 août 2010 Statut Modérateur Dernière intervention 3 août 2016 183
22 mars 2013 à 12:23

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(); 
    }); 
});

Réponse 2 / 2

bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
22 mars 2013 à 11:49

ton 'code' n'a rein à voir avec le sujet du post ^^

marwenovich Messages postés 111 Date d'inscription lundi 18 mars 2013 Statut Membre Dernière intervention 8 février 2014 9
22 mars 2013 à 11:53

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 :)

Discussions similaires

programme qui n'affiche pas le mot secret

Site de confiance ou non ?

Où est la touche SHIFT sur mon clavier d'ordi ?

Ouvrir ma boite hotmail pour accéder à mes mails

Bouton ON OFF, O ou I ?

Discussions similaires

Newsletters