cambiar background-position

[angel1993]

Intente hacer esto..

Código HTML:

document.getElementById(13).background-position=-100
 

Pero no funciona :(

[jackson666]

Y el problema es que un id no puede ser numerico.... recuerda que un id es un string!

Debe empezar obligatoriamente con una letra o un guion bajo. Ademas, como haces que se ejecute esa linea?

[angel1993]

Tio tengo muchas id con numeros y funcionan el codigo es este

Código HTML:

<table width="300" border="0" cellpadding="0" cellspacing="0" id="13" style="   background-position: -303px;background-image: url(img/web/fpuntos.gif);background-color: #000000;background-repeat:  no-repeat;">
    <tr><td><table border="0" cellpadding="0" cellspacing="0">
        <tr>
      <td width="30" height="23" ><img name="" src="img/web/punto.png" width="30" height="23" alt="" /></td>
      <td width="30" ><img onclick="javascript:document.getElementById(13).background-position='-100" src="img/web/punto.png" width="30" height="23" alt="" /></td>
      <td width="30" ><img name="" src="img/web/punto.png" width="30" height="23" alt="" /></td>
      <td width="30" ><img name="" src="img/web/punto.png" width="30" height="23" alt="" /></td>
      <td width="30" ><img name="" src="img/web/punto.png" width="30" height="23" alt="" /></td>
      <td width="30" ><img name="" src="img/web/punto.png" width="30" height="23" alt="" /></td>
      <td width="30" ><img name="" src="img/web/punto.png" width="30" height="23" alt="" /></td>
      <td width="30" ><img name="" src="img/web/punto.png" width="30" height="23" alt="" /></td>
      <td width="30" ><img name="" src="img/web/punto.png" width="30" height="23" alt="" /></td>
      <td width="30" ><img src="img/web/punto.png" width="30" height="23" alt="" /></td>
    </tr></table></td></tr></table>
 

[jackson666]

Que raro... Entonces te falta el 'px', asi:

Código Javascript:

onclick="javascript:document.getElementById(13).background-position='-100px"
 

[angel1993]

que va tio no funciona :(

[JavierB]

Hola angel1993

Prueba así:

Código javascript:

onclick="document.getElementById('13').style.backgroundPosition='-100px'"
 

Saludos,

[angel1993]

al final e creado varios estilos y cambio de estilo..
Gracias a todos