dejar activo un boton
3 seguidores
Hola a todos tengo este problemilla. tengo un menu con imagenes en vertical y necesito q una vez hayan hecho "click" se quede activo el que han pinchado. Este menu es un include en la página
alguna sugerencia q no sea hacerlo con flash?
gracias!!
root98
PD: ES URGENTE!
dagi3d
<code><input type="button" onclick="javascript:this.disabled = true" value="pulsame"></code>
dagi3d
lei mal, esto es para que se quede inactivo
que se estado se supone que tiene un boton activo?
si debe tener una presentacion distinta, lo puedes hacer con imagenes facilmente
txuma
Entiendo que son páginas HTML que no se generan dinamicamente. Y entiendo también (por lo que dices que es un include) que cada botón te lleva de una página a otra. Si es el caso se me ocurre que podrías hacerlo con CSS. Imagina que cada imagen tendría 100px x 20px.
Hoja de estilos general (externa)
<code>#navegacion a {
display: block;
text-decoration: none;
width: 100px;
height: 20px;
}
#navegacion a em {
visibility: hidden;
}
a#primerenlace {
background-image: url(primerboton.gif);
}
a#segundorenlace {
background-image: url(segundoboton.gif);
}
a#tercerenlace {
background-image: url(tercerboton.gif);
}
</code>
Documento HTML
(este sería tu include)
<code>
<div id="navegacion">
<a href="#" id="primerenlace"><em>Primer enlace</em></a>
<a href="#" id="segundoenlace"><em>Segundo enlace</em></a>
<a href="#" id="tercerenlace"><em>Tercer enlace</em></a>
</div>
</code>
Lo que tendrías que hacer después es, en cada documento redefinir el estilo para el botón que tiene que aparece 'pulsado'. Por ejemplo, supongamos que estamos dentro de la 'primera' página. En esa podrías lo siguiente:
<code><style type="text/css">
a#primerenlace {
background-image: url(primerboton_activado.gif);
}
</style>
</code>
He tecleado el código a toda leche, así que a lo mejor tiene algún fallo :P
Espero que te sirva de ayuda
moicefalo
Buenos días,
Primero tengo que decir que soy nuevo en este campo, sé lo básico.
He visto este post para ver si podría solucionar mis dudas sobre dejar un botón marcado. Es decir tengo un ensalce asignado a un texto y este actúa de botón para cambiar de sección y quiero que al pulsar el botón y luego quitar el cursor siga pulsado y en la sección elegida. He probado con
a: active
y nada. No sé si me expliqué bien, igualmente les pego el código Css..menu li {
float:left;
display:block;
padding:15px;
text-align:center;
font-family:"campton ExtraBold";
letter-spacing:0.1em;
}
.menu li a{
display:block;
text-decoration:none;
color:#fff;
}
spam{
font-family:"campton";
}
.nav a:link, {
color:#3F3;
}
.nav a:hover{
color:#F6A516;
}
.nav a:active{
color:#F6A516;
}