숨기기 보이기 HTML 태그

Difference between r1.4 and the current

@@ -1,9 +1,14 @@

~~#title 숨기기 보이기 HTML 태그~~

#keywords HTML, Tag, Hide, Tip

[[목차]]

== 소개 ==

선택한 오브젝트의 하위메뉴를 보이기/숨기기 해주는 스크립트. 처음에는 숨겨져 있다가, 클릭하면 보이게 되는 HTML 태그. 다시 클릭하면 숨겨진다. 홈페이지나 블로그에서 많이 사용하며, --당연히 HTML 코드를 사용할 수 있는 모니위키에서도 사용할 수 있다. [["눈물을 마시는 새"]]에서 이 태그를 사용하고 있다.--

[[모니위키]]에서는 ~~FoldingPlugin을~~ ~~사용하면~~ 된다.

[[모니위키]]에서는 FoldingProcessor로 같은 효과를 낼 수 있다.

== 방법 ==

=== 태그 사용 준비 ===
숨기기 보이기 태그를 사용할 수 있게 해주는 자바 스크립트 코드를 <head> 바로 뒤에 삽입한다.
{{{#!gcode html

@@ -20,6 +25,7 @@

</script>
}}}

=== 숨길 오브젝트에 태그 적용 ===
{{{#!gcode html
<a href="javascript:view('viewcode');" >내용보기</a>

@@ -28,3 +34,14 @@

<tr id="viewcode" style="display:none;">
<td>보여질 내용</a>
}}}

=== 모니위키 FoldingProcessor ===

{{{#!gcode text

{{{#!folding Hidden

Secrect }}}

}}}

{{{#!folding Hidden

Secrect }}}

1. 소개

2. 방법

2.1. 태그 사용 준비
2.2. 숨길 오브젝트에 태그 적용
2.3. 모니위키 FoldingProcessor

1. 소개 ¶

선택한 오브젝트의 하위메뉴를 보이기/숨기기 해주는 스크립트. 처음에는 숨겨져 있다가, 클릭하면 보이게 되는 HTML 태그. 다시 클릭하면 숨겨진다. 홈페이지나 블로그에서 많이 사용하며, ~~당연히 HTML 코드를 사용할 수 있는 모니위키에서도 사용할 수 있다. 눈물을 마시는 새에서 이 태그를 사용하고 있다.~~

모니위키에서는 FoldingProcessor로 같은 효과를 낼 수 있다.

2. 방법 ¶

2.1. 태그 사용 준비 ¶

숨기기 보이기 태그를 사용할 수 있게 해주는 자바 스크립트 코드를 <head> 바로 뒤에 삽입한다.

<script language="javascript">

function view(str) {
 var obj = document.getElementById(str);

 if (obj.style.display=="")
  obj.style.display="none";
 else
  obj.style.display="";
}

</script>

2.2. 숨길 오브젝트에 태그 적용 ¶

<a href="javascript:view('viewcode');" >내용보기</a>

<tr id="viewcode" style="display:none;">
  <td>보여질 내용</a>

2.3. 모니위키 FoldingProcessor ¶

{{{#!folding Hidden  

Secrect }}}

More: Secrect

Tags: