Hola.
Tengo este código en un archivo php que debe cambiar la identificación de la clase glink a glinkact cuando pulso el botón correspondiente.
El código funciona pero sólo hasta el boton9. El 10 y 11 no produce ningún cambio y no sé porqué. ¿Alguna idea?
Código php:
Ver original<script type="text/javascript">
var n=12
function hazFilaCSS()
{ var tx = '<div id="formfilaenlaces">'
tx += '<div class="botoneslink"><div class="boton" onClick="eligeCSS(1); ehandler(event,menuitem1);" title="<? echo $menu1; ?>"><a id="boton1" class="glink"><img src="web_archives/img/botones/botones/01.<? if ($ie<7) echo "gif"; else echo "png"; ?>" width="66" height="66" alt="<? echo $menu1; ?>" title="<? echo $menu1; ?>" /></a></div></div>'
tx += '<div class="botoneslink"><div class="boton" onclick="eligeCSS(2); ehandler(event,menuitem2);" title="<? echo $menu2; ?>"><a id="boton2" class="glink"><img src="web_archives/img/botones/botones/02.<? if ($ie<7) echo "gif"; else echo "png"; ?>" width="73" height="66" alt="<? echo $menu2; ?>" title="<? echo $menu2; ?>" /></a></div></div>'
tx += '<div class="botoneslink"><div class="boton" onClick="eligeCSS(3); ehandler(event,menuitem3);" title="<? echo $menu3; ?>"><a id="boton3" class="glink"><img src="web_archives/img/botones/botones/03.<? if ($ie<7) echo "gif"; else echo "png"; ?>" width="59" height="66" alt="<? echo $menu3; ?>" title="<? echo $menu3; ?>" /></a></div></div>'
tx += '<div class="botoneslink"><div class="boton" onClick="eligeCSS(4); ehandler(event,menuitem4);" title="<? echo $menu4; ?>"><a id="boton4" class="glink"><img src="web_archives/img/botones/botones/04.<? if ($ie<7) echo "gif"; else echo "png"; ?>" width="69" height="66" alt="<? echo $menu4; ?>" title="<? echo $menu4; ?>" /></a></div></div>'
tx += '<div class="botoneslink"><div class="boton" onClick="eligeCSS(5); ehandler(event,menuitem5);" title="<? echo $menu5; ?>"><a id="boton5" class="glink"><img src="web_archives/img/botones/botones/05.<? if ($ie<7) echo "gif"; else echo "png"; ?>" width="60" height="66" alt="<? echo $menu5; ?>" title="<? echo $menu5; ?>" /></a></div></div>'
tx += '<div class="botoneslink"><div class="boton" onClick="eligeCSS(6); ehandler(event,menuitem6);" title="<? echo $menu6; ?>"><a id="boton6" class="glink"><img src="web_archives/img/botones/botones/06.<? if ($ie<7) echo "gif"; else echo "png"; ?>" width="60" height="66" alt="<? echo $menu6; ?>" title="<? echo $menu6; ?>" /></a></div></div>'
tx += '<div class="botoneslink"><div class="boton" onClick="eligeCSS(7); ehandler(event,menuitem7);" title="<? echo $menu7; ?>"><a id="boton7" class="glink"><img src="web_archives/img/botones/botones/07.<? if ($ie<7) echo "gif"; else echo "png"; ?>" width="66" height="66" alt="<? echo $menu7; ?>" title="<? echo $menu7; ?>" /></a></div></div>'
tx += '<div class="botoneslink"><div class="boton" onClick="eligeCSS(8); ehandler(event,menuitem8);" title="<? echo $menu8; ?>"><a id="boton8" class="glink"><img src="web_archives/img/botones/botones/08.<? if ($ie<7) echo "gif"; else echo "png"; ?>" width="74" height="66" alt="<? echo $menu8; ?>" title="<? echo $menu8; ?>" /></a></div></div>'
tx += '<div class="botoneslink"><div class="boton" onClick="eligeCSS(9); ehandler(event,menuitem9);" title="<? echo $menu9; ?>"><a id="boton9" class="glink"><img src="web_archives/img/botones/botones/09.<? if ($ie<7) echo "gif"; else echo "png"; ?>" width="56" height="66" alt="<? echo $menu9; ?>" title="<? echo $menu9; ?>" /></a></div></div>'
tx += '<div class="botoneslink"><div class="boton" onClick="eligeCSS(10); ehandler(event,menuitem10);" title="<? echo $menu10; ?>"><a id="boton10" class="glink"><img src="web_archives/img/botones/botones/10.<? if ($ie<7) echo "gif"; else echo "png"; ?>" width="79" height="66" alt="<? echo $menu10; ?>" title="<? echo $menu10; ?>" /></a></div></div>'
tx += '<div class="botoneslink"><div class="botonfinal" onClick="eligeCSS(11); ehandler(event,menuitem11);" title="<? echo $menu11; ?>"><a id="boton11" class="glink"><img src="web_archives/img/botones/botones/11.<? if ($ie<7) echo "gif"; else echo "png"; ?>" width="82" height="66" alt="<? echo $menu11; ?>" title="<? echo $menu11; ?>" /></a></div></div>'
tx += '</div>'
document.writeln(tx)
}
function eligeCSS(j)
{ for (i=1;i<n;i++)
{ var celda=document.getElementById('boton'+i)
if (i==j) celda.className="glinkact"
else celda.className="glink"
}
}
</script>
<script type="text/javascript">hazFilaCSS()</script>
Un saludo.