Mad House™ Blog

사이드바에 적용하기 위해서는 사이드바의 구조를 알고 있으셔야 합니다.

간단하게 큰레이어안에 공지사항모듈이며 카테고리등의 레이어가 들어가있습니다.

레이어를 숨기기위해서는 사이드바의 전체 레이어를 숨겨야합니다.

번번히 적는거는지 저는 개뿔도 모르는 상태에서 이리저리 적용해서

사용하기때문에 제 방법이 100% 맞지는 안습니다만.. 그래도 성공했으니..

다시 설정으로 넘어가서...

<script type="text/javascript" language="JavaScript">
function layer_toggle(obj) {
if (obj.style.display == 'none') obj.style.display = 'block';
else if (obj.style.display == 'block') obj.style.display = 'none';
}
</script>

위의 소스를 사이드바 <div>~</div>안에 넣어줍니다.

아까 설명드린 <div id="sidebar"> 위에 아래의 소스를 넣습니다.

<div id=morea style=display:block>
</div>
<div id=moreb style=display:none>

그리고 사이드바 맨 아랫부분인

</s_sidebar_element>
</s_sidebar>
</div>


아래에 </div>를 하나 추가해주어서 <div id=moreb style=display:none>와 연결해줍니다.

이제 버튼만 만들면 됩니다만 저는 이부분에서 상당히 해맸습니다..

하여튼 버튼은 아래와 같이 블로그의 메뉴에 삽입해줍니다. 해당 스킨에 따라 틀리므로

이미지를 만드셔서 추가해주시거나 텍스트에 링크를 하셔도 됩니다.

<a href=# onclick="layer_toggle(document.getElementById('morea')); layer_toggle(document.getElementById('moreb'));return false;"></a> <a href=# onclick="layer_toggle(document.getElementById('morea')); layer_toggle(document.getElementById('moreb'));return false;">sidebar on/off</a>

저는 위와같이 버튼을 만들어서 사용했습니다. 뭐 생각해보자면 위의 소스만으로

레이어를 숨길수있습니다만

<script type="text/javascript" language="JavaScript">
function layer_toggle(obj) {
if (obj.style.display == 'none') obj.style.display = 'block';
else if (obj.style.display == 'block') obj.style.display = 'none';
}
</script>

위의 스크립을 넣어서 숨기고/보이는 순서를 바꿀수있습니다.

흠 다음에는 쿠키가 먹는 방법을 알고 싶은데.. 영 안보이네요..

사이드바를 숨기니 전보다 빨라진듯 싶었는데 다른분은 모르겠네요..

덧,아... 인터넷에서 찾아서 참쉽게 찾았지만..
불과 몇일전에 해놓고서는 적용방법을 까먹다니....
하여튼 지금은 기억났으니..다행인건가..
전에 사용했던 소스는 조민님께서 올리신 팁이었지만..
이번에는 정확히 잘기억이 안난다.. 최근 파이어폭스를 설치해보고
사이드바를 클릭해봤지만 나타나지 않아서 여기저기 찾아봤서 겨우찾앗었다..

크리에이티브 커먼즈 라이센스