Good day, I have a modal which when clicking on an image does not activate, the truth already check the code I can not find the error. The code I use is the same one that I had already used on another occasion but now it does not work for me. If you can help me, I would appreciate it.
This is in the view _layout.cshtml
<a href="javascript:;" onclick="showLogIn();">
<img src="/Content/images/config.png" alt="Configurar Banner" title="Configurar Banner" />
</a>
And this is my modal:
<div class="modal fade fill-in" id="modalLogIn" tabindex="-1" role="dialog" aria-hidden="true">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<i class="pg-close"></i>
</button>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header text-center">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<img src="http://www.vianney.com.mx/vianney/cenit/assets/img/logo.png" alt="logo" data-src="http://www.vianney.com.mx/vianney/cenit/assets/img/logo.png" data-src-retina="http://www.vianney.com.mx/vianney/cenit/assets/img/logo.png" width="250">
</div>
<div class="modal-body">
<div align="justify">
<div class="login-container bg-white">
<div class="p-l-50 m-l-20 p-r-50 m-r-20 p-t-50 m-t-30 sm-p-l-15 sm-p-r-15 sm-p-t-40">
<h5>Solo Personal Autorizado</h5>
<fieldset>
@Html.AntiForgeryToken()
<div class="form-group form-group-default">
<label>CORREO ELECTRONICO: </label>
<div class="controls">
<input type="text" id="usuario" name="usuario" placeholder="ex. [email protected]" class="form-control" required />
</div>
</div>
<br />
<div class="form-group form-group-default">
<label>CONTRASEÑA: </label>
<input type="password" id="contraseña" placeholder="Password" class="form-control" name="contraseña" required />
</div>
<br />
<input type="submit" class="btn btn-primary btn-cons m-t-10" value="Ingresar" onclick="validar();" /><br /><br />
<h4 id="msgError" class="text-danger bold font-montserrat"></h4>
</fieldset>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
And this is my function:
<script language="javascript">
function showLogIn() {
$("#modalLogIn").modal();
}
function abrirEnPestana(url) {
var a = document.createElement("a");
a.target = "_blank";
a.href = url;
a.click();
}
function validar() {
var usuario = document.getElementById("usuario").value;
var contraseña = document.getElementById("contraseña").value;
$.ajax({
url: '@Url.Action("LogIn_Admin", "Inicio")',
type: "POST",
dataType: "json",
data: {usuario:usuario, contraseña:contraseña},
cache: false,
success: function (result) {
if (result) {
//form.submitted = false;
//form.submit();
//window.location = "/Inicio/Vista_Admin_Banner"
$('#modalLogIn').modal('hide');
abrirEnPestana('@Url.Action("Vista_Admin_Banner", "Inicio")');
} else {
//form.submitted = false;
$('#modalLogIn').modal('hide');
$("#modalStickUpSmall").modal();
//document.getElementById("msgError").innerHTML = "Error Usuario y/o Contraseña Incorrectos";
}
}
});
}
</script>