0

ページに 3 つの div があります。

header-div
fixed_menu_div
page_cont

div が持っている CSS は次のとおりです。

#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非表示にして状態を保存し (表示または非表示)、page_contdiv を 100% 幅にしたい

4

2 に答える 2

1

div の状態 (表示/非表示) を Cookie に保存し、ページの読み込み/更新時に Cookie を再評価できます。

js を使用して Cookie を操作するためのリンクは次のとおりです: w3schools.com/js/js_cookies.asp

于 2013-10-24T18:24:10.433 に答える
0

ajax呼び出しを使用して、要素の可視状態をデータベースに保存する必要があります。クッキーはきれいにできるので、お勧めしません。次に、次のメソッドを使用して要素を表示および非表示にできます。

$(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();
}
于 2013-10-24T18:37:07.600 に答える