Agregar Estilos Extras a div/span

AngelKrak · #1 (**permalink**) 04/03/2015, 12:55

quiero ver si me pueden ayudar que a 1 div/span se le agregue el style="display:none;" en el HTML mediante un Checkbox o Radiobutton.

Un ejemplo:
tengo la Administracion (admin.php) y el Home (index.php)

en la administracion quiero que tenga 2 botones y claro el botón de enviar:
1.- on
2.- off

uno de esos botones te deberian de poner el style="display:none;" en 1 de los divs/spans que estarian en el Index.php pero seria multiple, para varios divs/spans no solo 1.

algo asi como...

Boton on:
ON
OFF

Boton off:
ON
OFF

Alexis88 · #2 (**permalink**) 04/03/2015, 13:57

Lo único que tendrías que hacer es verificar si el checkbox está o no marcado y, según sea el caso, tomar a ambos  y modificar su visibilidad.

Código Javascript:

Ver originalvar checkbox = document.querySelector("#id del checkbox"),
    spanON = document.querySelector(".clase del span ON"),
    spanOFF = document.querySelector(".clase del span OFF");
 
checkbox.addEventListener("change", function(){ //Cuando cambie el estado del checkbox
    if (this.checked){ //Si el checkbox ha sido marcado
        spanON.style.display = "block";
        spanOFF.style.display = "none";
    }
    else{ //Si el checkbox ha sido desmarcado
        spanON.style.display = "none",
        spanOFF.style.display = "block";
    }
}, false);

No olvides colocar este código luego del último elemento del documento y justo antes de la etiqueta </body> para que surta efecto.

Saludos

pzin · #3 (**permalink**) 04/03/2015, 14:06

Yo creo que lo que pretendes hacer, puedes hacerlo mediante un checkbox, y algo de CSS usando :checked. Lo que viene siendo un switch.

AngelKrak · #4 (**permalink**) 04/03/2015, 18:35

@Alexis88 si seria algo asi pero no, eso se vuelve a restablecer al cargar la pagina :( seria bueno si leyeras bien el post ya que como dije, dije k habria 2 paginas:
1.- Admin.php (Administracion con Contraseña) ahi irian los botones de checkbox
2.- Index.php (ahi estaran los )

es algo asi como dije en otro tema...
tengo una pagina/admin/panel con contraseña donde quiero que tenga los Botones de On y OFF y que esos botones hagan la funcion de agregar el style="display:none;" a cualquiera de los span.

por ejemplo que en admin tenga esos botones y cuando le apretes al boton on, quede asi el que estara en el Index, pero que se guarde lo que marcastes.
Cita:

ON
OFF

Alexis88 · #5 (**permalink**) 04/03/2015, 19:18

Para que los valores marcados persistan entre una página y otra, puedes almacenarlos en cookies.

Saludos

AngelKrak · #6 (**permalink**) 07/03/2015, 11:53

ammm tonces nadie ayuda?

para que puedan ver mejor lo que quiero hacer, vean la pagina quiero poder manejar los span de las notificaciones desde el admin.php

www.dragons-mw.hol.es

Alexis88 · #7 (**permalink**) 07/03/2015, 12:16

Si no quieres trabajar con cookies, entonces guarda dichos valores en una BD y luegos los recuperas para que los estilos aplicados se mantengan. Es más o menos lo que se hace en los gestores de contenidos.

Saludos

AngelKrak · #8 (**permalink**) 09/03/2015, 17:24

pero como puedo hacer eso? yo nose :( por eso pido ayuda :/ pero si vistes la web no @Alexis88?

Alexis88 · #9 (**permalink**) 10/03/2015, 10:57

El problema es que acá nadie te va a dar todo el código hecho porque sería tanto como hacerte el trabajo gratis. Si no sabes hacer lo que te dije, debes de empezar leyendo acerca de SQL y de las funciones que ofrece PHP para interactuar con una base de datos.

Saludos

AngelKrak · #10 (**permalink**) 12/03/2015, 14:51

Cita:

Iniciado por Alexis88

El problema es que acá nadie te va a dar todo el código hecho porque sería tanto como hacerte el trabajo gratis. Si no sabes hacer lo que te dije, debes de empezar leyendo acerca de SQL y de las funciones que ofrece PHP para interactuar con una base de datos.

Saludos

pero es que con base de datos no creo que sea es solo el codigo no se si sea php o jquery lo que se ocupa pero me imagino k es con PHP, coomo no se mucho de php me imagino que seria algo asi:

 

y en el panel tenga 2 botones 1 que diga activar y que ese echo $style se cambie por el style="display:none" y el otro que diga desactivar no salga nada solo el  

ya intente buscando y es algo como esto pero quiero que lo que envie se guarde y vaya directo desde el Admin.php hasta el Index.php

http://www.forosdelweb.com/f18/agreg...o-php-1035054/

y como dije en la pag esta de dragons estan las notificaciones con span que son los que quiero mover desde el admin.php
www.dragons-mw.hol.es