Hola, tengo el siguiente problema.
Creo un
DIV dándole la función de un botón, cuando hago click en el
DIV con
ID slogin, me realiza correctamente la acción que debe de hacer, pero cuando vuelvo a hacer click sobre el mismo DIV, me realiza la acción dos veces en vez de una, y si vuelvo a hacer click, me la repite el doble, es decir, 4 veces más, y su vuelvo a hacer click 8 y así sucesivamente, alguien sabe cual puede ser el problema?
Gracias.
Código:
<script src="series/scripts/jquery.js" type="text/javascript"></script>
<link href="series/scripts/style.css" type="text/css" rel="stylesheet"></link>
<script>
function comurl() {
juser = $("#user").attr('value');
jpass = $("#pass").attr('value');
urk = "comprueba.php?user="+juser+"&pass="+jpass;
$("#slogin").addClass('login glogin');
$("#user").select();
$("#loading").load(urk, function(){
$("#slogin").removeClass('login glogin');
$("#slogin").removeClass('login clogin');
$("#slogin").addClass("login slogin");
});
}
$(document).ready(function(){
$("#user").focus(function(){
$("#active2").css('display', 'none');
$("#slogin").removeClass("login clogin");
$("#slogin").addClass("login slogin");
$("#active1").css('display', 'block');
});
$("#pass").focus(function(){
$("#active1").css('display', 'none');
$("#slogin").removeClass("login clogin");
$("#slogin").addClass("login slogin");
$("#active2").css('display', 'block');
});
$("#slogin").focus(function(){
$("#active1").css('display', 'none');
$("#slogin").addClass('login clogin');
$("#active2").css('display', 'none');
});
$('#slogin').bind({
click: function() { comurl(); },
keydown: function(event) {
if (event.keyCode == '13') { comurl(); }
}
});
});
</script>
</head>
<div id="cube"><div id="loading"></div></div>
<div id="base">
<div id="login" class="login cube">
<div id="active1" class="login active"></div>
<div id="userc"><input id="user" type="text" name="user" class="cba" value="" tabindex="1" /></div>
<div id="active2" class="login active"></div>
<div id="passc"><input id="pass" type="password" name="pass" class="cba" value="" tabindex="2" /></div>
<div id="slogin" class="login slogin" tabindex="3"></div>
</div>
</div>