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

  1. #1
    Nouveau membre du Club Avatar de lesitadom39
    Homme Profil pro
    Retraité
    Inscrit en
    août 2015
    Messages
    31
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : France, Jura (Franche Comté)

    Informations professionnelles :
    Activité : Retraité
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : août 2015
    Messages : 31
    Points : 32
    Points
    32

    Par défaut [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

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    13 534
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 13 534
    Points : 33 068
    Points
    33 068

    Par défaut

    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.

Discussions similaires

  1. Réponses: 0
    Dernier message: 20/08/2016, 19h33
  2. W3C erreur pour une fenêtre modale avec Bootstrap
    Par binco dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 18/04/2015, 10h50
  3. Effet hover sur titre avec passage souris sur texte
    Par ickyknox dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/11/2012, 17h01
  4. problème avec BootStrap sur IE8
    Par fernando60 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 21/10/2012, 11h21
  5. hover sur <tr> avec IE
    Par alpha232 dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 28/09/2010, 21h22

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo