0

クリックすると展開するdivがありますが、ページを閉じたときに展開されないように設定する方法がわかりません。

        <script>
     function toggleDiv(id1,id2) {
      var tag = document.getElementById(id1).style;
      var tagicon = document.getElementById(id2);

      if(tag.display == "none") {
       tag.display = "block";
       tagicon.innerHTML = "&nbsp;-&nbsp;";
      } else {
       tag.display = "none";
       tagicon.innerHTML = "&nbsp;+&nbsp;";
      }
     }
</script>

そしてHTML：

<div class="title" onClick="javascript:toggleDiv('content1','icon1');">
     <span style="float:left">Options</span>
     <span id="icon1" style="float:right">&nbsp;-&nbsp;</span> 
    </div>
    <div id="content1" class="item">
     <div><input type="button" onclick="changeBG('#FF0097')" value="Magenta"/></div>
     <div><input type="button" onclick="changeBG('#A200FF ')"  value="Purple"/></div>
     <div><input type="button" onclick="changeBG('#00ABA9')"  value="Teal"/></div>
     <div><input type="button" onclick="changeBG('#8CBF26')"  value="Lime"/></div>
     <div><input type="button" onclick="changeBG('#F09609')" value="Orange"/></div>
     <div><input type="button" onclick="changeBG('#1BA1E2')"  value="Blue"/></div>
     <div><input type="button" onclick="changeBG('#E51400')"  value="Red"/></div>
     <div><input type="button" onclick="changeBG('#339933')"  value="Green"/></div>
    </div>

必要な場合のCSS：

.title {
      padding:5px; 
      border:1px solid #CCCCCC;
      font:15px arial; 
      width:100px; 
      cursor:pointer;
      height:20px;
     }

     .item {
      padding:5px; 
      border:1px solid #CCCCCC; 
      font:12px verdana; 
      width:100px;
     }

     .item div {
      border-bottom:1px solid #CCCCCC;
      padding:5px;
     }

     .button {
      border:1px solid #CCCCCC; 
      padding:5px;
      cursor: pointer;
     }

ご覧のとおり、ドロップダウンメニューを使用すると、ユーザーはWebサイトの背景色を変更できます。ユーザーが色を選択するまで、最初に白の背景にデフォルト設定されないように、変更を保存するためのCookieを作成できるかどうか疑問に思いました。

ありがとうスタックオーバーフロー（：

すべての助けをいただければ幸いです。

4

1 に答える 1

0

あなたのhtmlページに本文があると確信しています。以下のような関数を追加するだけです。できます。私はテストしました

<body onLoad="toggleDiv('content1','icon1')">
于 2012-09-23T06:06:27.030 に答える