rendered paste body<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Iluminar botón</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="JavaScript">/*****************************************************************************Iluminar botón. Script creado por Tunait! 30/7/2003Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.No autorizo a publicar y ofrecer el código en sitios de script sin previa autorizaciónSi quieres publicarlo, por favor, contacta conmigo.http://javascript.tunait.com/tunait@yahoo.com ******************************************************************************/var imagen1 = new Image()imagen1.src = "bolitaamarilla.gif"var imagen2 = new Image()imagen2.src = "bolitaroja.gif"var imagen3 = new Image()imagen3.src = "bolitaazul.gif"function inicio(){for ( m=0; m<document.getElementsByTagName('a').length; m++) { if(document.getElementsByTagName('a')[m].id.charAt(0) == 'E') { document.getElementsByTagName('a')[m].onclick= function pinchaLink(){ resetea() document.getElementById(this.id).className = 'estadoTres' num = this.id.substr(1) document.getElementById('B' + num).src = imagen3.src document.getElementById('B' + num).onmouseout = function ilumina3(){ document.getElementById('B' + num).src = imagen3.src document.getElementById('E' + num).className = 'estadoUno' } } } } bolitas()}function bolitas(){if (navigator.appName == "Netscape") { cursorcillo = 'pointer' }else {cursorcillo = 'hand'}for ( m=0; m<document.getElementsByTagName('img').length; m++) { if (document.getElementsByTagName('img')[m].id.charAt(0) == 'B'){ document.getElementsByTagName('img')[m].onmouseover=function encender(){ document.getElementById(this.id).src = imagen2.src num = this.id.substr(1) document.getElementById('E' + num).className = 'estadoDos' ima = this.id } document.getElementsByTagName('img')[m].onmouseout=function restaurar(){ document.getElementById(this.id).src = imagen1.src num = this.id.substr(1) document.getElementById('E' + num).className = 'estadoUno' } document.getElementsByTagName('img')[m].onclick=function pincha(){ resetea(); document.getElementById(this.id).src = imagen3.src document.getElementById(this.id).onmouseout = function ilumina2(){ document.getElementById(this.id).src = imagen3.src; num = this.id.substr(1) document.getElementById('E' + num).className = 'estadoTres' } document.getElementById('E' + num).className = 'estadoTres' } document.getElementsByTagName('img')[m].src = imagen1.src document.getElementsByTagName('img')[m].style.cursor=cursorcillo } }}function resetea(){for ( m=0; m<document.getElementsByTagName('a').length; m++) { if(document.getElementsByTagName('a')[m].id.charAt(0) == 'E'){ document.getElementsByTagName('a')[m].className = 'estadoUno' } }for ( m=0; m<document.getElementsByTagName('img').length; m++) { if (document.getElementsByTagName('img')[m].id.charAt(0) == 'B'){ document.getElementsByTagName('img')[m].src = imagen1.src document.getElementsByTagName('img')[m].onmouseout = function restaurar(){ document.getElementById(this.id).src = imagen1.src num = this.id.substr(1) document.getElementById('E' + num).className = 'estadoUno' } } }}</script><style type="text/css"><!--.estadoUno { font-family: Tahoma, Verdana, Arial; font-size: 14px; color: #CC9900;}.estadoDos { font-family: Tahoma, Verdana, Arial; font-size: 14px; color: #993300; background-color: #CCCC99;}.estadoTres { font-family: Tahoma, Verdana, Arial; font-size: 14px; color: #996600; text-decoration: underline overline;}--></style><script language="JavaScript" src="../../codigo.js"></script><link href="../estcodigos.css" rel="stylesheet" type="text/css"></head><body bgcolor="#FFFFFA" onload="inicio()"><div align="center"> <p><img src="bolitaamarilla.gif" name="B1" width="15" height="15" align="absmiddle" id="B1"><a href="#" class="estadoUno" id="E1"><strong>enlace1</strong></a> <strong> <img src="bolitaamarilla.gif" name="B2" width="15" height="15" align="absmiddle" id="B2"> <a href="#" class="estadoUno" id="E2">enlace2</a> <img src="bolitaamarilla.gif" name="B3" width="15" height="15" align="absmiddle" id="B3"> <a href="#" class="estadoUno" id="E3">enlace3</a> <br> <img src="bolitaamarilla.gif" name="B4" width="15" height="15" align="absmiddle" id="B4"> <a href="#" class="estadoUno" id="E4">enlace4</a> <img src="bolitaamarilla.gif" name="B5" width="15" height="15" align="absmiddle" id="B5"><a id="E5" href="#" class="estadoUno">enlace5</a><br> </strong></p> <p><strong><a href="javascript:self.close()" class="verEjemplo">Cerrar</a> -|- <a href="javascript:verCodigoFuente(this.location)" class="verejemplo">Ver código fuente</a></strong></p> </div></body></html>