Hola muchachos...
tengo un <div> vacío con ciertas especificaciones css...
ejemplo
<div id="el_div" style="width:300px; height:600px; border:1px solid #CCCCCC"></div>
cuando entro a la pagina donde esta este div obviamente me aparece un cuadro de 300 x 600 vacio..
luego realizo una llamada con AJAX hacia una pagina "pagina_uno.html", y la respuesta de la llamanda (la cual recibo en html con responseText) la inserto en ese div de 300 x 600 con:
document.getElementById("el_div").innerHTML = objAJAX.responseText;
hasta alli todo va bien, de maravilla....
el caso es que estando ya ese div lleno con la informacion traida desde la pagina "pagina_uno.html", si por "X" o por "Y" razon el usuario presiona la tecla F5 o sencillamente le da click al reload del navegador la pagina vuelve a cargarse normalmente PERO EL DIV QUE YA ESTABA LLENO CON LA INFORMACION VUELVE A SU ESTADO INICIAL COMO CUANDO SE ENTRO A LA PAGINA, es decir, vuelve a aparecer el cuadro vacio y debere realizar nuevamente la llamada AJAX para llenarlo...
EL RETO ES EL SIGUIENTE..
como hariamos para que una vez que se haya llenado el div con la informacion traida con AJAX desde otra pagina, este se mantenga lleno con esa informacion sin importar que se recargue la pagina al pulsar F5 o clickear en el RELOAD del navegador????????
NOTA: bloquear la telca F5 y el RELOAD del navegador no es una opcion!!!
tampoco podemos cargar automaticamente la informacion en el div apenas se cargue la pagina.. el div se debe visualizar vacio al entrar a la pagina..
SALUDOS..