Foros del Web - Ver Mensaje Individual

Perr0 · #2 (**permalink**) 06/02/2011, 21:07

hola gulys, quizá hay muchas formas pero aquí va una idea.

en cada pagina coloca un input "hidden", uno cada nombre:
- <input type="hidden" name="paginaquetoy" value="Inicio">
- <input type="hidden" name="paginaquetoy" value="Servicios">
- <input type="hidden" name="paginaquetoy" value="Contacto">

ademas a cada boton le das como name cada uno de los valores, algo asi:
<input type="button" name="Inicio" >
<input type="button" name="Servicios" >
<input type="button" name="Contacto" >

no inclui los eventos onmouseover y onmouseout, tu se los agregas:

lo otro es que te hagas un js asi, llamado "botones.js"

Código Javascript:

Ver originalwindow.onload=function(){
bot1=document.getElementsByName("Inicio")[0];
bot2=document.getElementsByName("Servicios")[0];
bot3=document.getElementsByName("Contacto")[0];
bot1.onmouseover=bot2.onmouseover=bot3.onmouseover="this.style.color='#ff6633'";
bot1.onmouseout=bot2.onmouseout=bot3.onmouseout="this.style.color='blue'";
bot1.style.color=bot2.style.color=bot3.style.color="blue";
bot1.onclick=function(){location.href='Inicio.htm'};
bot2.onclick=function(){location.href='Servicios.htm'};
bot3.onclick=function(){location.href='Contacto.htm'};
indicador=document.getElementsByName("paginaquetoy")[0];
boton=document.getElementsByName(indicador.value)[0];
boton.style.color="#ff6633";
boton.onmouseover=null;
boton.onmouseout=null;
boton.onclick=null;
}

lo cargues en todas las paginas y en cada pagina coloque el correspondiente hidden, algo asi

pagina Inicio

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prueba</title>
<script src="botones.js" type="text/javascript"></script>
</head>
 
<body>
<input type="hidden" name="paginaquetoy" value="Inicio">
<h1>Inicio</h1>
<input type="submit" name="Inicio" value="Inicio" />
<input type="submit" name="Servicios" value="Servicios" />
<input type="submit" name="Contacto" value="Contacto" />
</body>
</html>

pagina Servicios

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prueba</title>
<script src="botones.js" type="text/javascript"></script>
</head>
 
<body>
<input type="hidden" name="paginaquetoy" value="Servicios">
<h1>Servicios</h1>
<input type="submit" name="Inicio" value="Inicio" />
<input type="submit" name="Servicios" value="Servicios" />
<input type="submit" name="Contacto" value="Contacto" />
</body>
</html>

pagina Contacto

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prueba</title>
<script src="botones.js" type="text/javascript"></script>
</head>
 
<body>
<input type="hidden" name="paginaquetoy" value="Contacto">
<h1>Contacto</h1>
<input type="submit" name="Inicio" value="Inicio" />
<input type="submit" name="Servicios" value="Servicios" />
<input type="submit" name="Contacto" value="Contacto" />
</body>
</html>

pruebalos

salu2