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
Boîte mail française gratuite - Guide
Auto mouse click - Télécharger - Divers Utilitaires

2 réponses

Réponse 1 / 2

Bionik Messages postés 4232 Date d'inscription jeudi 19 août 2010 Statut Modérateur Dernière intervention 3 août 2016 184
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 4232 Date d'inscription jeudi 19 août 2010 Statut Modérateur Dernière intervention 3 août 2016 184
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 4232 Date d'inscription jeudi 19 août 2010 Statut Modérateur Dernière intervention 3 août 2016 184
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 23658 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 20 novembre 2024 2 388
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

Site de confiance ou non ?

comment avoir accès à ma boîte mail live.fr

Afficher toutes les lignes masquées excel

Quel est la touche shift sur le clavier

Cellules en surbrillance selon une TextBox