Con el siguiente código, tengo una barra para desplazar con el ratón una flecha (es la típica barra que aparece en photoshop para cambiar el tamaño del pincel)
Lo he hecho en una página en blanco y me funciona perfectamente pero cuando la integro en el código, en donde debería ir, empieza a funcionar mal.
El problema es que dónde la tengo que incluir es en una tabla tant simple como esto:
Código HTML:
<table cellpadding="0" cellspacing="0" width="900" align="center"> Estoy utilizando "var x=event.clientX;" así que, no me funciona porque esa X varia dependiendo de la página, como está alineada en center..
Soluciones que se me ocurren:
1.- De alguna manera saber el "left" que tiene la div "id_fondo_flexa".
2.- Que el "var x=event.clientX;" me devuelva la posición del cursor dentro de la div "id_fondo_flexa" y no de la página entera.
3.- ....
4.- ...
Un saludo y gracias
El código de la tabla y las divs sería el siguiente:
Código HTML:
<table cellpadding="0" cellspacing="0" width="900" align="center"> <tr> <td> <div style="width: 800px; height: 12px; background-image: url('up_flexa_fondo.png'); background-repeat: repeat-x; background-position: center;" onMouseMove="flexa_onmousemove(event);" onMouseUp="flexa_onmouseup();" onClick="flexa_onclik(event);" id="id_fondo_flexa"> <div style="position: relative; left: 0px; width: 9px; height: 12px; background-image: url('up_flexa.png'); background-repeat: no-repeat; cursor: pointer;" id="id_flexa" onMouseDown="flexa_onmousedown();"></div> </div> </td> </tr> </table>
