Buen día, tengo un modal el cual al hacer click en una imagen no se activa, la verdad ya revise el código no encuentro el error. El código que uso es el mismo que ya había usado en otra ocasión pero ahora no me funciona. Si me pueden ayudar lo agradecería.
Esto esta en la vista _layout.cshtml
<a href="javascript:;" onclick="showLogIn();">
<img src="/Content/images/config.png" alt="Configurar Banner" title="Configurar Banner" />
</a>
Y este es mi 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 -->
Y esta es mi función:
<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>
</div>
al final de tu modal.