웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
간단한 감추기/펼치기 스크립트 (태터툴즈의 more 기능)
2004.05.28 22:56
너무 간단 .. 해서 안되려나;;
---
<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 id=more01a style=display:block><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;"><p>현재 숨겨진 상태입니다.</p></a></div>
<div id=more01b style=display:none ><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;"><p>펼친 상태입니다.</p></a><p>div 사이에 이렇게 내용을 적어주시면 됩니다.</p></div>
<br><br>
<div id=more02a style=display:block><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;"><p>이렇게 div id와 document.getElementById 값을 조절하면</p></a></div>
<div id=more02b style=display:none ><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;"><p>여러개를 열고 닫을 수 있습니다.</p></a><p>어렵지 않습니다.</p></div>
---
참고가 되셨나요? ^^;
태터툴즈의 more 기능이 참 좋아서 소스 보기로 이런거구나 하고 알게 되었습니다.
---
<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 id=more01a style=display:block><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;"><p>현재 숨겨진 상태입니다.</p></a></div>
<div id=more01b style=display:none ><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;"><p>펼친 상태입니다.</p></a><p>div 사이에 이렇게 내용을 적어주시면 됩니다.</p></div>
<br><br>
<div id=more02a style=display:block><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;"><p>이렇게 div id와 document.getElementById 값을 조절하면</p></a></div>
<div id=more02b style=display:none ><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;"><p>여러개를 열고 닫을 수 있습니다.</p></a><p>어렵지 않습니다.</p></div>
---
참고가 되셨나요? ^^;
태터툴즈의 more 기능이 참 좋아서 소스 보기로 이런거구나 하고 알게 되었습니다.
댓글 5
-
뚜아쫑아
2007.04.14 13:42
감사합니다. 찾고 있던겁니다. ^^ -
소허
2004.05.29 21:41
이런 기능을 예전부터 쭉 찾고 있었는데.. 너무 좋습니다!
지금 그대로 복사해서 확인을 해보니 너무 잘 되네요. 좋은 팁 감사합니다. ^^ -
황정익
2004.05.30 10:26
음.. 좋네요
more기능 블러그에 넣고 사용하면 참 편리 할 것 같네요 -
박민정
2004.07.16 17:01
넘 좋아요~ ^^ 감사해요 ~^^ -
선윤희
2006.07.11 17:19
우와ㅜ 저 이거 예전 부터 찾고 있었던 기능!!! 추천 한 방 올려요!
제목 | 글쓴이 | 날짜 |
---|---|---|
{주목} CodeRed 아파치로그파일 지우기 [2] | skyel | 2001.08.22 |
MySQL 관리 첫걸음 [5] | 앤디(andy) | 2001.04.18 |
APC(Alternativ PHP Cache) 사용법( php 캐쉬 플러그인 ) [1] | 김도한 | 2002.01.29 |
아파치 웹서버 속도 빠르게 하기 위한 최적화 팁 [14] | 차카게살자 | 2002.01.27 |
[APM자동설치] APM_Setup 3 ( Apache, PHP4, MySQL, Perl, Tomcat ) [6] | 근땅e | 2002.02.06 |
커널 버전 알아내기 [1] | 오픈소스 | 2002.02.21 |
vi 편집기 사용시 비프음 제어 | 오픈소스 | 2002.02.21 |
에러페이지를 서버관리자가 지정한 페이지로. [1] | teenteenv | 2002.02.21 |
[리눅스]proftp 에서 사용자가 상위 폴더로 이동을 못하게... [3] | teenteenv | 2002.02.22 |
[강좌1탄]와우리눅스7.0을 서버로 두고 인터넷공유 [1] | RealComty | 2002.02.23 |
[강좌2탄]와우리눅스7.0을 서버로 두고 인터넷공유 [1] | RealComty | 2002.02.23 |
[강좌3탄]와우리눅스7.0을 서버로 두고 인터넷공유 [4] | RealComty | 2002.02.23 |
[re] [강좌4탄]와우리눅스7.0을 서버로 두고 인터넷공유 [2] | 주영명 | 2002.02.27 |
[강좌4탄]와우리눅스7.0을 서버로 두고 인터넷공유 [2] | RealComty | 2002.02.23 |
[강좌끝이다~!]와우리눅스7.0을 서버로 두고 인터넷공유 [8] | RealComty | 2002.02.23 |
메모리 절약하기 - 리눅스 | 오픈소스 | 2002.02.24 |
wuftp에서 proftp로...그리고, proftp 설정하기 [1] | 쇠물택 | 2002.02.24 |
[sapzils서버세팅] A+P+M 소스 설치 [4] | 쇠물택 | 2002.02.24 |
텔넷 사용자 관리... | 쇠물택 | 2002.02.24 |
리눅스 시스템에서 시간 맞추기 [2] | 쇠물택 | 2002.02.24 |