Consuta Sobre HTML

Maxss · #1 (**permalink**) 07/06/2011, 10:29

Hola gente , les comento tengo una consulta ,tengo una web con un boton, y lo que quiero lograr es que al accionar el boton se ponga verde y si lo vuelven accionar en rojo (on,off) , pero esto se tiene que ver desde cualquier pc , tendria que ser algun script que guarde una variable del estado en el servidor , (el server es mio) , alguien me da una idea por donde empezar ya que soy nuevo en el tema , gracias!!!
Saludos!

Naahuel · #2 (**permalink**) 07/06/2011, 10:49

Podrías lograrlo con PHP o con algún lenguaje que permita escribir archivos/bases de datos en el servidor. La forma de lograr eso es realmente sencilla, pero hay que saber si tu servidor cuenta con soporte para PHP :P

emprear · #3 (**permalink**) 07/06/2011, 13:08

Maxss:
Tu consulta es un poco vaga, el color cambia de rojo a verde y de verde a rojo con el click? Pero la acción que produce el boton, que es lo que hace?, y en función de esa acción, que?
Con javascript y css podes lograr el efecto, aqui te dejo un ejemplo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
<head>
<title>Estado Botón</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function cambiaBoton(boton){
    var miBoton=document.getElementById(boton).style.backgroundColor;
    if(miBoton=="green"){
        document.getElementById(boton).style.backgroundColor="red";
    } else { 
        document.getElementById(boton).style.backgroundColor="green";
        }
}
</script>
<style type="text/css">
div#boton_uno {
width: 100px; 
height: 20px; 
line-height: 20px;
text-align: center; 
vertical-align: middle; 
cursor: pointer; 
color: #000;
}
 
</style>
</head>
<body>
<div  style="background-color:green;" id="boton_uno" onclick="cambiaBoton('boton_uno');">
texto Boton
</div>
</body>
</html>

Con php, sesiones o cookies podrias determinar el estado y hacer que el color necesario aparezca, pero tendrías que ser más preciso, la alternancia por el solo hecho del click en algunos casos tiene sentido, pero en otros no

Saludos

Naahuel · #4 (**permalink**) 07/06/2011, 19:17

@emprear: Yo había entendido que el cambio de "rojo" a "verde", por ejemplo, debía ser visible para todas las personas por lo que el cambio debía ser del lado del servidor. Pero si, necesitamos más info :)

emprear · #5 (**permalink**) 07/06/2011, 20:26

Naahuel, esperemos por precisiones.
yo imagino que al contrario, el cambio debería ser individual, es decir, para quien utiliza el botón. Ya que si el cambio debería producirse por una condición general en la página, mas apropiado sería que se produzca con un evento onload()

Habrá que ver
saludos

Maxss · #6 (**permalink**) 07/06/2011, 21:37

Hola si fue bastante mala mi explicacion , el tema es el siguiente , tengo un boton de on y off...
El cual cuando yo ingrese tiene que funcionar de la siguiente forma , cuando ingreso a http://10.0.0.1/?a=1 , el boton tendria que ponerse on (cambiaria una imagen o color verde) ,y cuando vuelvo a ingresar a http://10.0.0.1/?a=1 (el boton tendria que chekear si el estado es on ponerse off o rojo) , el tema es que tengo q ver el estado de cualquier equipo por eso decia que el cambio tiene que almacernarse y leerse en y desde el server y que la web actualize el estado, por ahi es algo sensillo pero le estoy tomando la mano de a poco al tema de programacion y scripts.
entonces en resumen seria : Web con 1 boton y el boton tiene 2 estado , si se presiona tendria que cambiarse a color verde y si se presiona nuevamente se cambia a color rojo , asi mismo el estado del boton se tendria que ver desde cualquier equipo , no podrian ser cookies , tendria que almacenarse en el server ye l server es mio , montado en casa asi que soporta todo tipo de servicios...gracias a todos!

emprear · #7 (**permalink**) 08/06/2011, 10:32

Maxss:

Sigue siendo bastante dificil de entender el objetivo en general.
¿El estado de que?,
¿Cuando ingreso a http://10.0.0.1/?a=1 ?
Eso es al abrir esa direccion? o la acción del boton te lleva a esa dirección?
Si es lo primero, cuando abro la página, ¿en que estado debe de estar por defecto?

de todas maneras te doy una forma simple de almacenar una variable en el server para ver el estado de algo, sin necesidad de base de datos.
Lo podés hacer con php + ajax

Fijate en este ejemplo, en el rar esta el codigo php para que lo analices, pero te repito, hay algo que bien no me cierra.

http://foros.emprear.com/php/estado/

ele ejemplo arranca en inicio.html y la actualización se realiza cada 5 segundos con ajax. Por defecto lo pongo en rojo.
Por último, si trabajas en windows no tenes problemas, pero si lo haces en linux, la carpeta que contenga el archivo activo.txt tienen que tener permisos 0777, y dicho archivo en si mismo, tambien

Saludos