Boite modal et focus

romses
Javascript

salut j'ai créer une boite modal avec boostrap tweeter, j'aimerai que lorsque l'utilisateur dans un imput perd le focus affiché la boite modale. mais je ne sais pas comment commencé en effet voici ma classe modal: 

<div class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body&hellip;</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div

et mon input

<input type="text" class="showmodal"   />

comment affiché mon modal en jquery avec l'animation lorsque l'input perd le focus?

7 réponses

cyyynthia

Tu peux faire un onblur :

$('.showmodal').on( "blur", function() {
// ...
});
romses
Auteur

merci mais rien ne s'affiche

Grafikart

Il faut que tu ouvre la modal avec du code javascript, pas juste en ajoutant une classe ça ne marchera pas

romses
Auteur

justement comment l'ouvrir

cyyynthia 
$('#taBoiteModale').show();
romses
Auteur

rien ne s'affiche

cyyynthia

Essaye

$('#idTeTaBoiteModal').css('opacity', '1');