скрыть div и запомнить на странице изменения / обновления

Question

скрыть div и запомнить на странице изменения / обновления

0

У меня есть 3 divs на странице:

header-div
fixed_menu_div
page_cont

вот CSS, которые имеют divs:

#header-div {
    top:0;
    left:0;
    display:inline;
    float:left;
}

#page_cont {
    margin-left:200px;
    height:80%;
}

#fixed_menu_div {
    width:200px;
    height:80%;
    float:left;
    left:0;
    overflow-x:none;
    overflow-y:scroll;
    position:fixed;
}

Я хочу иметь ссылки на header_div и fixed_menu_div которые fixed_menu_div их и сохранят состояние (показать или скрыть), если страница изменена при обновлении, а затем сделает page_cont div 100% шириной

charlie 24 окт. 2013, в 21:14

Источник

0

Веб-страница (в общем, интернет) не имеет статуса. Таким образом, мы не можем сохранить состояние при обновлении страницы, если не сохраним его в базе данных, сеансе или куки-файле.
Krishna 24 окт. 2013, в 18:22
0

Когда вы обновляете свою страницу, вы освобождаете от нее все элементы dom, поэтому вам нужно сохранить свои свойства, вы можете использовать Cookie , WebStorage и, наконец, сохранить данные на сервере с помощью ajax-запроса. выбрать то, что лучше для вас
Eugen Halca 24 окт. 2013, в 18:24
0

Мне трудно хотеть помочь тебе, когда ты игнорируешь свои предыдущие вопросы ..
Josh Powell 24 окт. 2013, в 18:24

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

css

2 ответа

Ещё вопросы

Веб-страница (в общем, интернет) не имеет статуса. Таким образом, мы не можем сохранить состояние при обновлении страницы, если не сохраним его в базе данных, сеансе или куки-файле.
Когда вы обновляете свою страницу, вы освобождаете от нее все элементы dom, поэтому вам нужно сохранить свои свойства, вы можете использовать Cookie , WebStorage и, наконец, сохранить данные на сервере с помощью ajax-запроса. выбрать то, что лучше для вас
Мне трудно хотеть помочь тебе, когда ты игнорируешь свои предыдущие вопросы ..

m3h2014 · Answer 1 · 2013-10-24T15-32-00.000Z

Вы можете сохранить состояние ваших divs (show/hide) в файле cookie и переоценить cookie на странице load/refresh.

Вот ссылка, которая поможет вам манипулировать файлами cookie с помощью js: w3schools.com/js/js_cookies.asp

@ M3h2014, вы знаете, что кто-то скоро опубликует здесь ссылку на w3fools.com ...
@ Агония - если можно .. позволь мне сделать это. w3fools.com

writeToBhuwan · Answer 2 · 2013-10-24T16-29-00.000Z

Вам нужно сохранить видимое состояние ваших элементов в базе данных с помощью ajax-вызовов. Cookies могут быть очищены, поэтому я не рекомендую это делать. Затем вы можете использовать следующий метод для отображения и скрытия элементов.

$(document).ready(function(){
   $('#page_cont').css('width','100%');
   //retrive the values from database with 1 as visible and 0 as invisible
   setVisibility(1,0,1);
});

function setVisibility(header_div_visibility,page_cont_visibility,fixed_menu_div_visibility){
    (header_div_visibility===1)?$('#header-div').show():$('#header-div').hide();
    (page_cont_visibility===1) ? $('#page_cont').show():$('#page_cont').hide();
    (fixed_menu_div_visibility===1) ? $('#fixed_menu_div').show():$('#fixed_menu_div').hide();
}