Hola, tengo un codigo que no entiendo por que falla, pienso que la sintaxis esta bien pero no me acaba de funcionar.
Código HTML:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="../../js/jqueryG.js">
</script>
<script type="text/javascript">
$(document).ready(
function asignarAelementos()
{
$('#E').click(
function acordeE()
{
$('#sexta').mouseover
(
function s6E()
{
// $(this).css('background','url(img/string2.jpg)');
}
)
$('#sexta').mouseout
(
function s6no()
{
}
)
}
)
$('#F').click(
function acordeF()
{
alert('xxosoeperico');
}
)
$('#G').click(
function acordeG()
{
// $(this).attr('value','');
$(this).val('');
}
)
}
)
</script>
<link rel="stylesheet" type="text/css" href="css/guitarra.css" />
<title>GUITARRA</title>
</head>
<body>
<form action="" method="post">
<input type="submit" id="E" value="E"/>
<input type="submit" id="F" value="F"/>
<input type="submit" id="G" value="G"/>
<!-- <input type="submit" value="enviar" />-->
</form>
<div style="clear:both"></div>
<div id="tablatura">
<div class="espacio" ></div>
<div class="cuerda" id="sexta"></div>
<div class="espacio"></div>
<div class="cuerda" id="quinta"></div>
<div class="espacio"></div>
<div class="cuerda" id="cuarta"></div>
<div class="espacio"></div>
<div class="cuerda" id="tercera"></div>
<div class="espacio"></div>
<div class="cuerda" id="segunda"> </div>
<div class="espacio"></div>
<div class="cuerda" id="primera"></div>
<div class="espacio"></div>
</div>
</body>
</html> El codigo en si es sencillo, lo que pasa es que la estructura principal se repite, la idea es que el codigo empiece a funcionar unica y exclusivamente cuando pulses un boton, una vez pulsado el boton, al pasar el raton por un div que contiene una imagen(esta definida como fondo en los estilos, una imagen por div), esta debe cambiar y solo mantenerse cuando el raton este sobre ella.
Una combinacion de .click con .mouseover y .mouseout, he probado que esta funcionando javscript por que he hecho un codigo mas simple con un alert y ha funcionado, pero en este caso pulso el boton y al mover el raton la imagen no cambia.
¿Que puede estar fallandome?