He creado una ventana con jquery para que el usuario se registre en el sitio y otra para el login. No se programación ni javascript, pero he usado jquery para ello, lo malo que el que he encontrado no tiene la función de cierre del aspa para cerrar la ventana. Me podriais por favor ayudar? seeria saber qué función tendria que añadir a mi codigo. (el aspa es ina imagen con un link)
Este es el código html:
<!-- login -->
<a href="#" class="modalInput" rel="#prompt" type="button" id="signin_boton1"></a>
<!-- user input dialog -->
<div class="modal" id="prompt">
<a href="#"><img src="images/close.gif" alt="close window" width="60" height="35" border="0" /></a>
<h2>Sign In</h2>
<p class="intro_sigin">texto</p>
<form method="POST" action="login.php">
<p>username</p>
<input type="text" name="username" size="15" />
<br />
<p>password</p>
<input type="password" name="passwort" size="15" />
<br />
<div align="center">
<p>
<input id="boton_caja_signin" type="image" value="" />
</p>
</div>
</form>
<br />
<p><a href="#">Forgot your password?</a></p>
</div>
<!-- end login -->
y este el script:
<script>
$(document).ready(function() {
var triggers = $(".modalInput").overlay({
// some mask tweaks suitable for modal dialogs
mask: {
color: '#000',
loadSpeed: 200,
opacity: 0.6
},
closeOnClick: false
});
$("#prompt form").submit(function(e) {
// close the overlay
triggers.eq(1).overlay().close();
// get user input
var input = $("input", this).val();
// do something with the answer
triggers.eq(1).html(input);
// do not submit the form
return e.preventDefault();
});
});
</script>
Muchas gracias por la ayuda de antemano
