onclick et un modal (bootstrapp)

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
alf78fr
Messages : 11
Enregistré le : 23 avr. 2019, 10:40

onclick et un modal (bootstrapp)

Message par alf78fr » 07 juin 2019, 15:15

bonjour à toutes et a tous
voici mon problème
dans un tableau creer pas Mysql j'ai un bouton sur chaque ligne pour supprimer le champs
sur le bouton j'ai mis un onclick

Code : Tout sélectionner

 echo "<td><button type='button' class='btn btn-outline-secondary btm-sm' data-toggle='modal'  id='supprimer' value='".$donnees['id'].";".$donnees['Nom'].";".$donnees['Prenom']."' onclick='supprimer(this.value)' >Supprimer</button></td>";
qui me lance une fonction de traitement

Code : Tout sélectionner

 <script type="text/javascript">
     function supprimer(x) {
        var valeur_supprimer = x.split (';');
        var id_supprimer = valeur_supprimer[0];
        var nom_supprimer = valeur_supprimer[1];
        var prenom_supprimer = valeur_supprimer[2];
         $('#modal_supprimer').modal('show');

     }

    </script>
celle ci de revoir sur mon modal

Code : Tout sélectionner

<div class="modal fade" id="modal_supprimer" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Supprimer les droits d'un utilisateur</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <script type="text/javascript">
				(ICI JE VOUDRAIS APPARAITRE MES VARIABLES JAVASCRIPT)
                </script>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                <button type="button" class="btn btn-primary" onclick="window.location.href='droit_suppression.php?id='+elt[0]";>Supprimer</button>
            </div>
        </div>
    </div>
</div>


et je sèche complétement ........

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: onclick et un modal (bootstrapp)

Message par webmaster » 07 juin 2019, 17:42

Bonjour,

Il faut modifier le contenu de la modale avant de l'afficher

$('.modal-body').html("Supprimer "+nom_supprimer +" "+ prenom_supprimer);
$('#modal_supprimer').modal('show');

Je pense que ça doit marcher, du moins dans le principe
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Répondre