묻고답하기
구역을 감췄다/보였다 하는 명령을 단축시킬 수 있을까요?
2005.07.08 20:03
블로그등에서 글을 읽다 보면 "..." 혹은 "이 다음은?" 이런식으로 호기심을 불러 일으켜서 눌러 보면 남은(숨은) 글이 계속 나오게 하는 기능이 있잖습니까. 그것을 구현할 수 있게 하는 스크립트까진 찾아냈습니다.
<html>
<head>
<title>
</title>
<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>
</head>
<body>
<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>
</body>
</html>
이런식으로 HTML 문서를 만들어서 테스트 해 보았습니다. 기능이 제대로 작동해서 기분은 좋은데, 명령어가 너무 길거든요. 어차피 반복되어서 사용될 구문인데 게시물에선 [more01a] [more01b] 이런식으로 글을 써서 저런 효과가 나게 할 수 있을까요?
제로보드 내에서 저렇게 길다랗게 써서 확인해본 결과 잘 작동하였으니, 이제 명령어를 줄이고 싶거든요.
제로보드 스킨중에도 보면 업로드한 이미지를 원하는 곳에 넣고 싶으면 [image1] [image2] 이렇게 넣는다거나, 혹은 [[ 여기에 글을 입력하면 글의 색상이 다르게 표현되어서 강주된다거나 ]] 하는 것들을 봤거든요.
스크립트나 PHP등을 모르는 초보이오니 도움을 주셨으면 고맙겠습니다.
<html>
<head>
<title>
</title>
<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>
</head>
<body>
<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>
</body>
</html>
이런식으로 HTML 문서를 만들어서 테스트 해 보았습니다. 기능이 제대로 작동해서 기분은 좋은데, 명령어가 너무 길거든요. 어차피 반복되어서 사용될 구문인데 게시물에선 [more01a] [more01b] 이런식으로 글을 써서 저런 효과가 나게 할 수 있을까요?
제로보드 내에서 저렇게 길다랗게 써서 확인해본 결과 잘 작동하였으니, 이제 명령어를 줄이고 싶거든요.
제로보드 스킨중에도 보면 업로드한 이미지를 원하는 곳에 넣고 싶으면 [image1] [image2] 이렇게 넣는다거나, 혹은 [[ 여기에 글을 입력하면 글의 색상이 다르게 표현되어서 강주된다거나 ]] 하는 것들을 봤거든요.
스크립트나 PHP등을 모르는 초보이오니 도움을 주셨으면 고맙겠습니다.
function layer_toggle(obj1, obj2) {
var obj1 = document.getElementById(obj1);
var obj2 = document.getElementById(obj2);
if (obj1.style.display == 'none') obj1.style.display = 'block';
else if (obj1.style.display == 'block') obj1.style.display = 'none';
if (obj2.style.display == 'none') obj2.style.display = 'block';
else if (obj2.style.display == 'block') obj2.style.display = 'none';
}
</script>
<div id='more01a' style='display:block'>
<a href='+ '+ '#' onclick="layer_toggle('more01a','more01b');">aaaaa</a>
<p>...</p></div>
<div id='more01b' style='display:none'>
<a href='#' onclick="layer_toggle('more01a','more01b');">bbbbb</a>
<p>...</p><p>div 사이에 이렇게 내용을 적어주시면 됩니다.</p></div>
단순하게 바꾼것이구요..
필요하시다면 갯수 제한없이 수정 가능하죠...