A ver si soy capaz de explicar el problema...Estoy montando una especie de interfaz imitando varios botones y una pantalla (pensad en una calculadora online, para entendernos). Cuando el usuario pulsa un botón, pongamos que así:
Código PHP:
Ver original<a id="power" href="/index.php?power=on" ><img src="'.$this->rutaImagen.'" height="48" width="48" /></a>
aparece un mensaje de bienvenida en la pantalla de la interfaz, mensaje que muestro vía php en base a las variables que le paso con la url al link.
Hasta ahí bien, pero es que uno de los botones de la interfaz ha de imitar el comportamiento del típico botón de power de los aparatos eléctricos, que puede estar on(encendido) o off(apagado). De esta manera, cuando el usuario pulsa el botón, éste se muestra de color verde mientras, como digo, aparece el mensaje de bienvenida en la pantalla. Al pulsar de nuevo el botón, se muestra de color rojo y se apaga la pantalla.
Lo estoy intentando con jquery, y hago algo así
Código Javascript
:
Ver original$('a#power').toggle(function(){
$(this).parent().css('background-color','green');
},
function(){
$(this).parent().css('background-color','#721A1A');
});
Lo que sucede es que al pulsar el botón, se vuelve verde durante un instante, pero claro, entonces recarga la página y el botón se vuelve a su color original. He tratado de hacerlo con .delegate, también como función callback, pero no consigo hacerlo.
Perdonad por el ladrillazo, pero es que estoy desesperao.