Zona activa de un boton!!

Sugey · #1 (**permalink**) 03/04/2007, 11:47

Hola, como mantengo activo un color, en una zona donde el usuario dio click, ayudenme por favor

cual es la instruccion??

JavierB · #2 (**permalink**) 03/04/2007, 12:26

Hola Sugey

No entiendo a qué te refieres con "una zona donde el usuario dio click" ¿Puedes explicarlo mejor?

Saludos,

Sugey · #3 (**permalink**) 03/04/2007, 12:38

Si, por ejemplo, si tengo un menu de cinco botones y el usuario dio click en uno, quiero que se quede con un color distinto al de los demas, de esta forma le indicara al usuario en que parte del sistema se encuentra.

y asi sucesivamente para cuando de click sobre cualkier boton

Me explique ?

JavierB · #4 (**permalink**) 03/04/2007, 12:46

Hola de nuevo.

Para eso vas a tener que usar JavaScript. Mensaje movido desde Css.

Saludos,

JavierB · #5 (**permalink**) 03/04/2007, 13:12

Ahora he tenido un poco de tiempo y he tecleado algunas líneas de código:

Código PHP:

  <html>
<head>
<script type="text/javascript">
var activo = null;
function marcar(obj) {
  obj.style.background = 'green';
  if (activo) activo.style.background = 'red';
  activo = obj;
}
</script>
</head>
<body>
<input type="button" style="background:red" onclick="marcar(this)" />
<input type="button" style="background:red" onclick="marcar(this)" />
<input type="button" style="background:red" onclick="marcar(this)" />
</body>
</html>

Saludos,

Sugey · #6 (**permalink**) 03/04/2007, 14:56

Oye otra cosa, es que no son botones, mas bien los mando imprimir con echo, primero hago una consulta, y los voy imprimiendo con un while:

<div id ="menu" border="none">

 
<br>
<?php
while ($row = mssql_fetch_row($result))
{
echo "<dl> <dt> <A HREF='menu.php";
if (isset($_GET['Fallas']))
{
echo "?Fallas=1";
} #Terminación de if (isset($_GET['Fallas']))...
else if (isset($_GET['Alarmas']))
{
echo "?Alarmas=1";
} #Terminación de if (isset($_GET['Alarmas']))...
else
{
echo "?senales=1";
} #Terminación del else de if (isset($_GET['Alarmas']))...

if (!isset($_GET['centrales']))
{
echo "&centrales=".$row[0];
} #Terminación de if (!isset($_GET['centrales']))...
else
{
echo "&centrales=".$_GET['centrales'];
echo "&central=".$row[0];
} #Terminación del else de if (!isset($_GET['centrales']))...

echo "'>".$row[1];
echo "</A> </dt></dl>";
} #Terminación de while ($row = mssql_fetch_row($result))...

?>
</div>

es como una lista, funcionan igual, con onclick ?

JavierB · #7 (**permalink**) 03/04/2007, 15:14

Pues así va a ser difícil que me entere de algo. Deberías poner el código HTML que se genera.

Saludos,

Sugey · #8 (**permalink**) 03/04/2007, 15:42

Jeje, mira, con un while, imprimo los nombres de unas centrales hidroelectricas, y con la hoja de estilos, aparecen como botones verdes en el explorer, pero ahora cuando el usuario de click, kiero ke cambie su color y asi se mantenga hasta ke se pulse otro boton.

es en esta linea, donde se van imprimiendo las lineas

echo "'>".$row[1];

como le concateno, la propiedad onclick?? o ke hgo??

Sugey · #9 (**permalink**) 03/04/2007, 15:47

ademas de que manda llamar una hoja de estilos

no se ke hacer:

style="background:red"

caricatos · #10 (**permalink**) 03/04/2007, 15:49

Cita:

Iniciado por JavierB

Pues así va a ser difícil que me entere de algo. Deberías poner el código HTML que se genera.

Saludos,

Desde cualquier navegador, con la página cargada, en algunos de los menús debes buscar "ver código fuente"...

O si te empeñas en poner fuente php, preguntar en ese foro (procura ponernos las cosas más fáciles porque aquí respondemos javascript)

Saludos

Sugey · #11 (**permalink**) 03/04/2007, 16:13

Perdon, olvide que estaba en un foro de css, y no de php, gracias

entonces algo simple:

cual es el codigo para mostrar un enlace en cual el usuario dio, de otro color?
<dl> <dt> home</dt></dl>

#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(botonv.png);
width: 100px; /*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;

}

derkenuke · #12 (**permalink**) 03/04/2007, 16:54

Cita:

Iniciado por Sugey

Perdon, olvide que estaba en un foro de css, y no de php, gracias

No estás en un foro de CSS! Estás en un foro de Javascript!

Lo que te pedimos es el HTML, para poder localizar los elementos a marcar de un color, y marcarlos dinamicamente, pero con Javascript!

Sugey · #13 (**permalink**) 03/04/2007, 21:31

Jajaja, es ke no me habia dado cuenta, ke movieron este mensaje de css a javascript.

Bueno, el caso es ke al parecer no me he logrado explicar :(

Solo quiero qe me digan como hacer para que un enlace, pero que tiene estilos desde una hoja externa, y parece como un boton.

Como le hago para que cuando se de click, se quede de un color diferente a los demas, solo eso quiero que me digan :(

Gracias :)

caricatos · #14 (**permalink**) 04/04/2007, 01:43

Cita:

Iniciado por Sugey

Jajaja, es ke no me habia dado cuenta, ke movieron este mensaje de css a javascript.

Bueno, el caso es ke al parecer no me he logrado explicar :(

Solo quiero qe me digan como hacer para que un enlace, pero que tiene estilos desde una hoja externa, y parece como un boton.

Como le hago para que cuando se de click, se quede de un color diferente a los demas, solo eso quiero que me digan :(

Gracias :)

Hola:

Para poner un elemento transparente con el clisk, sería así:
onclick="this.style.backgroundColor = 'transparent'"

Si prefieres otro color, basta con que cambies transparent por un color válido.

Saludos