Asignar valor

[Carol_84]

Buenos dias:
Estoy intentando asignar el color de un elemento con el valor que me devuelve una funcion de javascript.
El fichero tiene externsion .jsp. Este es el código
<td><label><img name='img1' id='img1' width='16px' height='16px'
src="images/NCuadrado.gif"

onload="javascript:document.getElementById('img1') .style.backgroundColor='<%=out.println('<script type='text/javascript'> function color(){return pink;}</script>');%>'"></img> Voz</label></td> Mi duda es que no sé si es como lo he puesto anteriormente o asi:

onload="javascript:document.getElementById('img1') .style.backgroundColor='<%=color();%>'"></img> Voz</label></td>

siendo color una funcion definida en la seccion de javascript.
Un saludo y gracias

[zerokilled]

buenas...

el primer codigo es erroneo. no se puede definir un tag <script> en el contexto donde debe haber un string que represente un valor valido para una propiedad css. el segundo codigo tambien es erroneo porque se entiende que estas invocando una funcion de definida en jsp cuando en realidad la funcion esta definida en javascript. en este caso, el codigo jsp no tiene relevancia alguna. simplemente lo que debes hacer es invocar la funcion desde javascript y el valor devuelto por este asignarlo a la propiedad css.

Código:

...style.backgroundColor = color();

[IsaBelM]

no puedes cambiarle el fondo a una imagen. puedes cambiarselo al su contenedor, por ejemplo al <td> siempre y cuando tenga padding. pero ya puesta el segundo parece el correcto

pd: upss, te clavé el tacón

[Carol_84]

Hola no te entiendo muy bien.
he conseguido que esto funcione
<td><label><img name='img1' id='img1' width='16px' height='16px' src="images/NCuadrado.gif" onload="javascript:document.getElementById('img1') .style.backgroundColor='<%="pink" %>'"></img> Voz</label></td>

pero mi problema es que dond aparece pink tengo que llamar a un funcion color que calcule ese color, es decir algo parecido a esto


<td><label><img name='img1' id='img1' width='16px' height='16px' src="images/NCuadrado.gif" onload="javascript:document.getElementById('img1') .style.backgroundColor=color();"></img> Voz</label></td>
pero esto no me funciona.
Un saludo y gracias

[Carol_84]

Iniciado por IsaBelM

no puedes cambiarle el fondo a una imagen. puedes cambiarselo al su contenedor, por ejemplo al <td> siempre y cuando tenga padding. pero ya puesta el segundo parece el correcto

pd: upss, te clavé el tacón

si si que se puede

[IsaBelM]

si tu dices que se puede, se puede

no leí el post completo

Iniciado por Carol_84

siendo color una funcion definida en la seccion de javascript.
Un saludo y gracias

has de devolver una cadena

function color() {
return 'pink';
}


onload="javascript:document.getElementById('img1') .style.backgroundColor= color()"></img> Voz</label></td>