1

Tengo una ventana modal (display: none) y nesecito mostrarla al pasar el mouse sobre una etiqueta.

¿Cómo puedo hacer esto?

HTML

 <div class="container">
            <div class="modalTipo" id="loginModal" >
                <div class="modal-content2">
                    <div class="row">
                    
                           <table style="background-color:#F3F3F3;color:green;">
                               <tr>    
                                    <td class="col-md-4" style="background-color:#F3F3F3;color:green"> <span> AfirmeNet </span> </td>
                                    <td> <input type="radio" id="rPersonas"></td> 
                                    <td><label class="form-check-label" for="flexRadioDefault1">Personas</label></td>
                                    <td>&nbsp;&nbsp;</td>
                                    <td><input type="radio" id="rEmpresas" > </td>
                                    <td><label class="form-check-label" for="flexRadioDefault1">Empresas </label> </td>
                               </tr>

                               <tr>    
                                   <td class="col-md-4" style="background-color:#F3F3F3;color:green"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></td>
                                   <td colspan="2"><input type="text" placeholder="Personas" /></td>
                                   <td>&nbsp;&nbsp;</td>                        
                                   <td colspan="2"> <input type="submit" value="Entrar" class="btn btn-success" /></td>
                               </tr>

                           </table>
      
                    </div>
                </div>
            </div>

JS

function MostrarLoginModal() {
    $('#loginModal').show();
}
2
  • 1
    el método onHover creo te podría servir Commented el 3 feb. 2022 a las 14:36
  • 1
    Tienes que usar el evento hover para realizar lo que quieres, algo así $(element).hover(function(e) { -- aquí va el código -- }) Commented el 3 feb. 2022 a las 14:37

1 respuesta 1

2

El evento que nesecitaba es MouseOver.

Agregue estas lineas a mi codigo JQuery:

$("#_menu").mouseover(function () {
    $('#loginModal').show();
});

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.