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>
