Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Autres Discussion :

[BootStrap 4] Ouverture modal sur hover


Sujet :

Autres

  1. #1
    Membre du Club
    [BootStrap 4] Ouverture modal sur hover
    Bonjour,
    j'ai une fenêtre modal qui fonctionne bien au "clic"
    Code html :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    <?php
    include ("connecpdo.php") ;
    $reponse = $connexion->query('SELECT * FROM etoile');
    while ($donnees = $reponse->fetch())
    {
        if(isset($donnees["avis_popu"]) AND !empty($donnees["avis_popu"]))
            { ?>
                <div class="container avis">
                  <!-- Button to Open the Modal -->
                  <a href="#"  data-toggle="modal" data-target="#myModal">
                 <img   src="img/gif/etoile.gif" alt="avis à la population" title=""/>
                </a>
                <!-- The Modal -->
                <div class="modal fade" id="myModal">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <!-- Modal Header -->
                        <div class="modal-header">
                          <h4 class="modal-title arrondi">La Mairie vous Informe</h4>
                          <button type="button" class="close" data-dismiss="modal">&times;</button>
                      </div>
                      <!-- Modal body -->
                      <div class="modal-body">
                        <blockquote>
                          <?php echo  stripslashes($donnees['avis_popu']); ?>
                      </blockquote>
                  </div>
                  <!-- Modal footer -->
                  <div class="modal-footer">
                      <button type="button" class="btn btn-success" data-dismiss="modal">Retour</button>
                  </div>
              </div>
          </div>
      </div>
      <?php
    }
    }
    ?>

    Mais je voudrais que son ouverture se fasse au passage de la souris.
    Après avoir consulté pas mal d' exemples qui ne fonctionnent pas dans ma configuration, je ne trouve pas de solutions.
    Merci d'avance pour votre aide.

  2. #2
    Modérateur

    Bonjour,
    il te faut écrire un morceau de code qui au survol de l'élément cliqué déclenchera l'ouverture, événement mouseover/onmouseenter ou regarder du côté des « popin » peut être.