Autor Tema: jquery donde agrego temas colores y tengo q guardarla con el localstorage (Leído 2832 veces)

Akane21 · « **en:** 20 de Octubre 2016, 18:44 »

quiero hacer que se guarden unos temas de colores pero al dar guardar no me guarda nada no se si podrian ayudarme

DRANXZ88 · « **Respuesta #1 en:** 20 de Octubre 2016, 19:12 »

En que lenguaje tenes que pegar tu código para poder ayudarte y en que quiere guardar en la base de datos o como y que seria los tema de colores seria en formato rgb o algo parecido.

Akane21 · « **Respuesta #2 en:** 20 de Octubre 2016, 19:16 »

es en jquery donde agrego los colores y tengo q guardarla con el localstorage para que se guarde y cada vez que vuelva a iniciar se vea el color que selecciono el ursuario
asi lo tengo

$("#azul").click(function () {
var r = $("#azul").css("background-color");
$(".navbar").css("background-color", r);
$(".navbar-default .navbar-brand ").css("color", "white");
$(".navbar-nav>li>a ").css("color", "white");
$("h2").css("background-color", " #FB8C00");
$("h2").css("color", "white");
$("p ").css("background-color", "#EAECEE");
});

pero trate de hacerlo asi con el localstorage

$("#rojooscuro").click(function () {

var r = $("#rojooscuro").css("background-color");
localStorage["Rojo"]= $(".navbar").css("background-color", r),
localStorage["Rojo1"] = $(".navbar").css("color", "white"),
localStorage["Rojo2"] = $("h2").css("background-color", " #9FA0A6"),
localStorage["Rojo3"] = $("h2").css("color", "white"),
localStorage["Rojo4"] = $("p ").css("background-color", "#EAECEE")

});

pero creo q estoy mal pero como apendas estoy aprendiendo jquery este me confundo un poco

DRANXZ88 · « **Respuesta #3 en:** 20 de Octubre 2016, 23:31 »

Acá te pego un ejemplo de como se usa pero si quiere mas ayuda si no podes hacer con este código podes pegar tu código html para ver como adaptarlo. Porque es código es un ejemplo nomas vos podes adaptar con tu código.

Código: [Seleccionar]

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>ejemplo LocalStorage</title>
    </head>
    <body>
    <center>
        <h1 class="prueba">Ejemplo – localStorage</h1>

        <input type="text" placeholder="Nombre" id="nombretxt">


        <input type="text" placeholder="Apellido" id="apellidotxt">

        <button id="boton-guardar">Guardar</button>

        <hr />

        Nombre almacenado:
        <label type="text" id="nombre"></label>

        Apellido almacenado:
        <label type="text" id="apellido"></label>
        <button id="boton-cargar">
            Cargar elementos
        </button>
    </center>
    <script src="jquery.min.js"></script>
    <script>
                /*Funcion de Capturar, Almacenar datos y Limpiar campos*/
          
        $("#boton-guardar").on('click',function(){
        /*Captura de datos escrito en los inputs*/
            var nom = $("#nombretxt").val();
            var apel = $("#apellidotxt").val();
            var texto = $(".prueba").text();
                /*Guardando los datos en el LocalStorage*/
                localStorage.setItem("Nombre", nom);
                localStorage.setItem("Apellido", apel);
                localStorage.setItem("Texto", texto);
                /*Limpiando los campos o inputs*/
                
        });
       
        /*Funcion Cargar y Mostrar datos*/
                
        $("#boton-cargar").on('click',function(){
        /*Obtener datos almacenados*/
            var nombre = localStorage.getItem("Nombre");
            var apellido = localStorage.getItem("Apellido");
            var texto = localStorage.getItem("Texto");

                /*Mostrar datos almacenados*/

            $("#nombre").html(nombre);
            $("#apellido").html(apellido);
            $(".prueba").html(texto);
            $(".prueba").css("color","red");
            
        });
        
    </script>
</body>
</html>

Cualquier duda o consulta estamos para ayudarte.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: jquery donde agrego temas colores y tengo q guardarla con el localstorage (Leído 2832 veces)

Akane21

jquery donde agrego temas colores y tengo q guardarla con el localstorage

DRANXZ88

Re:LocalStorage

Akane21

Re:LocalStorage

DRANXZ88

Re:LocalStorage

Preguntas y respuestas