Color a DIV almacenado en un campo Hidden
Publicado por Agustin (4 intervenciones) el 24/10/2015 22:17:41
Buenas tardes,
Tengo un DIV general que contiene otros DIV hijos y cada DIV hijo es de diferente color.
Al hacer click en algun DIV hijo coloreo otro DIV con el color hijo seleccionado. Mi codigo funciona correctamente.
Mi problema es, que luego de un POSTBACK de la pagina pierdo el color del DIV coloreado porque se vuelve a setear el color que tenia el DIV al cargar la pagina.
Entonces pense el guardar en un campo hidden el color que tiene el DIV antes del POSTBACK para volver a colorearlo con el color que tenia, esta parte no me funciona pongo mi codigo a disponibilidad para ver si me dan una mano porque no setea el DIV con el color guardado en el campo hiddem. Desde ya super agradecido si tienen alguno otro manera de hacer bienvenido.
Tengo un DIV general que contiene otros DIV hijos y cada DIV hijo es de diferente color.
Al hacer click en algun DIV hijo coloreo otro DIV con el color hijo seleccionado. Mi codigo funciona correctamente.
Mi problema es, que luego de un POSTBACK de la pagina pierdo el color del DIV coloreado porque se vuelve a setear el color que tenia el DIV al cargar la pagina.
Entonces pense el guardar en un campo hidden el color que tiene el DIV antes del POSTBACK para volver a colorearlo con el color que tenia, esta parte no me funciona pongo mi codigo a disponibilidad para ver si me dan una mano porque no setea el DIV con el color guardado en el campo hiddem. Desde ya super agradecido si tienen alguno otro manera de hacer bienvenido.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
$(document).ready(function () {
// Al hacer POSTBACK colorea el color guardado en el campo hidden al DIV
// NO LO HACE
var UltimoColorSel = $("#HiddenField1").val();
$("#DivaColorear").css("background-color", UltimoColorSel);
// Pongo visible el DIV con los colores disponibles para seleccionar
$("#DivaColorear").click(function () {
if ($('#general').is(":visible")) {
$('#general').hide();
} else {
$('#general').show();
}});
// Capturo algun click hijo contenido en el DIV contenedor
$('.contenedor > div').on('click', function () {
var colorDIV = $(this).css("background-color");
$("#DivaColorear").css("background-color", colorDIV);
$("#HiddenField1").val(colorDIV);
$('#general').hide();
});
});
Valora esta pregunta
0