Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: 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
-
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.
-
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
-
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.
<!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.