Re: Activar botones css con el evento onclick !! Ok, muchas gracias, miren se me esta dificultando porque este codigo esta en php y tiene etiquetas embebidas de html, pero ya logre encontrar donde imprime el menu, es ke son 3000 mil lineas, es una pagina grande :S
Aqui esta el html, que imprime el menu:
Mientras se cumple una condicion, se imprime un menu:
<form name="form1" method="post" action="">
<div id="menu" border="none">
<br>
<dl><dt>
<A HREF='menu.php? (aqui hay un codigo php, que, dependiendo del boton que se presione o mas bien del enlace, se manda un numero en la url, para saber ke enlaces han sido presionados algo asi)>
// puede quedar asi menu.php?botones=1,2,3 , y si el usuario presiona el boton 3, ahora la url quedra asi menu.php?botones=1,2
Sinaloa
Queretaro
Monterrey
San Luis
</A></dt></dl>
</div>
-------------------------------------------------------------------------
Y esta es la hoja de estilos
<style type="text/css" media="screen">
<!--
dl, dt, dd, ul, li {
margin: 0;
list-style-type: none;
}
#menu {
text-align : center;
position : absolute; /* la posicion puede ser modificada aqui */
color : white;
top : 130/*92*/; /*Es la colocación de los botones en el portal...*/
zleft : 9px;
z-index : 100;
width : 100%; /* precision for Opera */
/*width : 100%; *//* precision for Opera */
}
#menu dl {
float: left;
width: 150px; /*Espacio entre los botones...*/
}
/*Afecta a los botones del menu...*/
#menu dl dt,#menu dl dt a:visited {
/*background-image : url(../menu/img/opcion1.bmp);*/ /*Botones del menu...*/
background-image : url(../menu/img/botonv.png);
width: 150px; /*Tamaño del link... de los botones... la sombra*/
height : 30px;
text-align : center;
color :#FFCC00; /*color de las letras del boton seleccionado...*/
font-weight:bolder;
font-size:10px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: normal;
color : white;
border: 0px solid black;
margin: 1px; /*Margen entre los botones (no del menu emergente)*/
height : 15px;
padding: 0px;
}
#menu dd {
display: none;
border: 1px solid gray; /*borde externo de las opciones*/
padding: 5px; /*Separacion de la opcion con el borde*/
height : 20px;
font-weight: normal;
background:white; /*fondo necesario para los botones del menu emergente*/
}
#menu li {
text-align: left;
border : 1px solid rgb(192,192,192); /*borde interno de las opciones*/
margin: 5px;
padding: 0px; /*Separacion de la opcion con el borde*/
height : 20px;
}
/*Afecta a los botones del menu de las centrales....*/
#menu li a, #menu dt a {
color: #ffffff;/*#003300; */ /* Letras del menu en negro para seleccionar */
text-decoration: none;
text-align:center;
display:block; /*Afecta el tamaño del letrero del boton...*/
height: 100%;
border : 0px ;
background:#4e9c4e;/*#4e9c4e;*//*#468C46; */ /*color de fondo de las opciones se coloca blanco primero*/
}
/*Afecta a los botones, en cuestión del fondo...*/
#menu dt a:hover, #menu dt a:focus , #menu dt a:visited
{
background : none; /* color para seleccion (Gris tenue)*/
color : #003300;/*verde/Amarillo*//*#003300;*//* #006633; */ /*rgb(0,0,255); */ /* Letras cuando se seleccionan*/
font-weight:bolder;
}
#menu li a:hover, #menu li a:focus,
{
background : rgb(242,242,242); /* color para seleccion (Gris tenue)*/
color : rgb(0,0,255); /* Letras cuando se seleccionan*/
font-weight: normal;
}
</style>
-------------------------------------------------------------------------
Ahora si, partiendo de esto, debo hacer q los botones se queden activados con un color diferente o sumidos. Si el usuario presiono tres botones, esos tres aparecen en la url menu.php?botones=1,2,3 y esos tres deben verse de otro color, y si el usuario presiona el boton 3 ahora la url estara asi menu.php?botones=1,2 y deben estar esos dos botones de otro color.
Me explique, trato de ser bien clara, la verdad si me costo entenderle a este codigo, porke estaba embebido en el php de 3000 mil lineas,
ahora si, please echenme la mano
Gracias por todo, estoy bien atenta a sus comentarios, seguire investigando |