Andei procurando na internet e no GUJ , mas não achei nada que resolvesse meu problema .Estou fazendo uma aplicacaozinha web e uma das telas tem um placar .
Esse placar exibe a qtd de pontos dos times e de cadas um dos jogadores fiz a funcao que exibe o valor do placar em javascript . Segue :
<script>
c1 = new Image(); c1.src = "c1.gif";
c2 = new Image(); c2.src = "c2.gif";
c3 = new Image(); c3.src = "c3.gif";
c4 = new Image(); c4.src = "c4.gif";
c5 = new Image(); c5.src = "c5.gif";
c6 = new Image(); c6.src = "c6.gif";
c7 = new Image(); c7.src = "c7.gif";
c8 = new Image(); c8.src = "c8.gif";
c9 = new Image(); c9.src = "c9.gif";
c0 = new Image(); c0.src = "c0.gif";
function extract(numero) {
if (!document.images) return;
if (numero <= 9) {
document.images.a.src = c0.src;
document.images.b.src = eval("c"+numero+".src");
}
else {
document.images.a.src = eval("c"+Math.floor(numero/10)+".src");
document.images.b.src = eval("c"+(numero%10)+".src");
}
}
</script>
Meu problema e que vou usar essa funcao pra desenhar diversos pontos ( ja que um jogo tem no minimo 10 jogadores , e exatamente duas equipe , e cada um deles tem uma pontuacao diferente ) .Como faco pra carregar a imagem dos pontos dinamicamente , estou querendo algo mais ou meno assim :
<% for ( int i = 0 ; i < Jogadores.size() ; i++) { %>
Jogadores.get(i).getNome() : <img height=21 onload="extract(<%=Jogadores.get(i).getPontos()%>)"src="cb.gif" width=16 name=a><img height=21 src="cb.gif" width=16 name=b>
<% } %>
Mas não da pra usar o onload dentro de img . Como faço pra que a funcao onload ( ou algo parecido ) de todas as imagens sejam invocadas antes no carregamento da pagina.