Skip to content

Commit 3824fa0

Browse files
oxxostudiooxxostudio
committed
use localStorage
1 parent 456026a commit 3824fa0

1 file changed

Lines changed: 40 additions & 6 deletions

File tree

‎code.js‎

Lines changed: 40 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -213,36 +213,70 @@ Code.loadDemoArea = function(demo){
213213
demo.select = document.getElementById('demo-select');
214214
demo.close = document.querySelector('.close-btn');
215215
demo.da = document.querySelectorAll('.da');
216+
demo.option = document.querySelectorAll('#demo-select option');
216217
demo.contentHeight = document.getElementById('content_blocks').offsetHeight;
217218
demo.area.style.height = (demo.contentHeight - 130) + 'px';
218-
demo.c = 0;
219219
window.addEventListener('resize',function(){
220220
demo.contentHeight = document.getElementById('content_blocks').offsetHeight;
221221
demo.area.style.height = (demo.contentHeight - 130) + 'px';
222222
});
223+
224+
demo.content = function(p,s){
225+
s={};
226+
for(s.i=0; s.i<demo.da.length; s.i++){
227+
demo.da[s.i].className = demo.da[s.i].className.replace("show", "");
228+
}
229+
demo.option[p-1].selected = true;
230+
document.getElementById('demo-area-0'+p).className = document.getElementById('demo-area-0'+p).className + " show";
231+
localStorage.demoAreaSelect = p;
232+
}
233+
223234
demo.btn.onclick = function () {
224-
if(demo.c == 0){
235+
if(localStorage.demoArea=='open'){
225236
demo.area.className = demo.area.className.replace("show", "");
226-
demo.area.className = demo.area.className + "show";
227-
demo.c = 1;
237+
localStorage.demoArea = 'close';
228238
}else{
229239
demo.area.className = demo.area.className.replace("show", "");
230-
demo.c = 0;
240+
demo.area.className = demo.area.className + "show";
241+
localStorage.demoArea = 'open';
231242
}
232243
};
233244
demo.close.onclick = function () {
234245
demo.area.className = demo.area.className.replace("show", "");
235-
demo.c = 0;
246+
localStorage.demoArea = 'close';
236247
};
248+
237249
demo.select.addEventListener('change',function(s){
238250
s={};
239251
s.selectValue = this.value;
240252
s.selectId = 'demo-area-0'+s.selectValue;
253+
localStorage.demoAreaSelect = s.selectValue;
241254
for(s.i=0; s.i<demo.da.length; s.i++){
242255
demo.da[s.i].className = demo.da[s.i].className.replace("show", "");
243256
}
244257
document.getElementById(s.selectId).className = document.getElementById(s.selectId).className + " show"
245258
});
259+
260+
if(localStorage.demoArea=='open'){
261+
demo.area.className = demo.area.className.replace("show", "");
262+
demo.area.className = demo.area.className + "show";
263+
}else{
264+
demo.area.className = demo.area.className.replace("show", "");
265+
}
266+
267+
if(localStorage.demoAreaSelect==1){
268+
demo.content(1);
269+
}else if(localStorage.demoAreaSelect==2){
270+
demo.content(2);
271+
}else if(localStorage.demoAreaSelect==3){
272+
demo.content(3);
273+
}else if(localStorage.demoAreaSelect==4){
274+
demo.content(4);
275+
}else if(localStorage.demoAreaSelect==5){
276+
demo.content(5);
277+
}else if(localStorage.demoAreaSelect==6){
278+
demo.content(6);
279+
}
246280
}
247281

248282
/**

0 commit comments

Comments
 (0)