컴퓨터잡담

Div 사용한 클릭시 테이블 숨기고 감추기

by 디케 posted Jul 03, 2010
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄


Div 사용한 클릭시 테이블 숨기고 감추기



참고 글 : http://luvbaby.tistory.com/archive/20070301


<!-- 소스 Start -->


<div id="test_click1" style="display:block" align="center">

    <a href="#none"

         onclick="document.getElementById('test_more').style.display='block';

                     document.getElementById('test_click1').style.display='none';

                     document.getElementById('test_click2').style.display='block'">보기  </a><br>


<!-- 보기에 대한 내용 Start-->

<div style="width:200px;height:200px;"><img src="http://cfs3.tistory.com/upload_control/download.blog?fhandle=YmxvZzQxMTk3QGZzMy50aXN0b3J5LmNvbTovYXR0YWNoLzAvODIuanBn" /></div>


<!-- 보기에 대한 내용 End-->


</div>


<div id="test_click2" style="display:none" align="center">

    <a href="#none"

         onclick="document.getElementById('test_more').style.display='none';

                      document.getElementById('test_click2').style.display='none';

                      document.getElementById('test_click1').style.display='block'">닫기 </a>

</div>


<div id='test_more' style="display:none">

</div>


<!-- 소스 End -->



마우스의 클릭이 아닌 오버/아웃에 따른 설정은

Onclick 대신 OnMouseOver/OnMouseOut 으로 변경해주면 될것이다.



Event

What Triggers the Event

OnAbort

Occurs when the loading of an image is interrupted

OnBlur

Occurs when an element loses focus

OnChange

Occurs when the user changes the content of a field

OnClick

Occurs when the user clicks an object

OnDblClick

Occurs when the user double clicks an object

OnError

Occurs when an error occurs while loading a document or an image

OnFocus

Occurs when an element has focus

OnKeyDown

Occurs when a keyboard key is pressed

OnKeyPress

Occurs when a keyboard key is pressed or held down

OnKeyUp

Occurs when a keyboard key is released

OnLoad

Occurs when a page or image has completed loading

OnMouseDown

Occurs when a mouse button is pressed

OnMouseMove

Occurs when the mouse is moved

OnMouseOut

Occurs when the mouse is moved off of an element

OnMouseOver

Occurs when the mouse is moved over an element

OnMouseUp

Occurs when the mouse button is released

OnReset

Occurs when the reset button is clicked

OnResize

Occurs when a window or frame is resized.

OnSelect

Occurs when text is selected

OnSubmit

Occurs when the submit button is clicked

OnUnload

Occurs when the user exits the page