se puede hacer¿?

danipermuy · #1 (**permalink**) 22/05/2002, 02:59

Tengo un marco lateral izquierdo para toda mi web, con unos 7 u 8 botones, la cosa está en que quiero que al darle a uno de esos botones además de ir a la página correspondiente me quede ese botón en un color distinto del resto, para advertir al usuario en que parte de la web está; y al darle a otro botón del marco cambie a la otra página y cambié de color de un botón a otro. Se puede hacer esto¿? yo creo que asi no. pero ustedes saben mas que yo...

JavierB · #2 (**permalink**) 22/05/2002, 04:49

Hola, danipermuy. Veamos si esto te sirve.

Coloca este código entre <head> y </head>

Código:

 
&lt;style&gt;
	.boton1 {background-color:&quot;#999999&quot;}
	.boton2 {background-color:&quot;#006600&quot;}
&lt;/style&gt;

&lt;script&gt;
	function cambiarColor(src) {
		for (j=0;j&lt;document.all.length;j++) 
			if (document.all[j].type==&quot;button&quot;) 
				document.all[j].className='boton1';
		src.className='boton2';
	}
&lt;/script&gt;

Y los botones serían algo así:

Código:

 &lt;input type=&quot;button&quot; value =&quot;Boton 1&quot; class=&quot;boton1&quot; onClick=&quot;cambiarColor(this)&quot;&gt;

Saludos,

---------------
Pregunta lo que ignoras y pasarás por tonto 5 minutos.
No lo preguntes y serás tonto toda la vida.

danipermuy · #3 (**permalink**) 23/05/2002, 03:40

ok, y si en vez de ser botones lo que tengo en el marco izquierdo son imagenes vinculadas a un link...

JavierB · #4 (**permalink**) 24/05/2002, 11:32

Hola de nuevo, danipermuy. Aqui te pongo dos ideas que se me han ocurrido:

Código:

&lt;img name=&quot;prueba&quot; src=&quot;tuImagen.gif&quot; width=&quot;105&quot; height=&quot;46&quot; style=&quot;border:2px solid white&quot; onClick=&quot;cambiar(this)&quot;&gt;
&lt;img name=&quot;prueba&quot; src=&quot;tuImagen.gif&quot; width=&quot;105&quot; height=&quot;46&quot; style=&quot;border:2px solid white&quot; onClick=&quot;cambiar(this)&quot;&gt;

el script sería:

Código:

&lt;script&gt;
function cambiar(src) {
for (j=0; j&lt;document.all.length;j++)
if (document.all[j].name==&quot;prueba&quot;)
document.all[j].style.border='2px solid white'; 
src.style.border='2px solid red'}
&lt;/script&gt;

- Segunda opción:

Código:

&lt;img name=&quot;prueba2&quot; src=&quot;as2.gif&quot; width=&quot;105&quot; height=&quot;46&quot; style=&quot;filter:alpha(opacity=50)&quot; onClick=&quot;cambiar2(this)&quot;&gt;
&lt;img name=&quot;prueba2&quot; src=&quot;as3.gif&quot; width=&quot;105&quot; height=&quot;46&quot; style=&quot;filter:alpha(opacity=50)&quot; onClick=&quot;cambiar2(this)&quot;&gt;

Script:

Código:

&lt;script&gt;
function cambiar2(src) {
for (j=0; j&lt;document.all.length;j++)
if (document.all[j].name==&quot;prueba2&quot;)
document.all[j].filters.alpha.opacity=50; 
src.filters.alpha.opacity=100 }
&lt;/script&gt;

Fijate que en los dos casos tienes que poner el mismo nombre a todas las imágenes.

Espero que alguno te sirva. Saludos,

---------------
Pregunta lo que ignoras y pasarás por tonto 5 minutos.
No lo preguntes y serás tonto toda la vida.

danipermuy · #5 (**permalink**) 24/05/2002, 13:19

Perdona por no avisar, este tema ya está resuelto, ahora tengo esta nueva y aparatosa duda

http://desaweb.forosdelweb.com/mensaje.asp?id=80007