Boite modal et focus

Par romses, il y a 10 ans

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

Grafikart, il y a 10 ans

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

cyyynthia, il y a 10 ans

Tu peux faire un onblur :

$('.showmodal').on( "blur", function() { // ... });
romses, il y a 10 ans

merci mais rien ne s'affiche

romses, il y a 10 ans

justement comment l'ouvrir

cyyynthia, il y a 10 ans
$('#taBoiteModale').show();
romses, il y a 10 ans

rien ne s'affiche

cyyynthia, il y a 10 ans

Essaye

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