본문 바로가기

it/www

자바스크립트를 이용한 간단한 DHTML예제..^^

1. 원하는 위치에 팝업창 띄우기

2. innerHTML을 이용한 동적으로 html넣기

3. post방식으로 iframe안의 문서에 값 전달하기

입니다.

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

[CODE type=javascript]
<HTML>
<BODY>
<TABLE border=1>


<!-- 팝업창이 뜨고 사라지는 예제 -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function ShowPop(bShow)
{
      var div = document.all['divSearch'];
      if ( bShow )
              div.style.display = '';
      else
              div.style.display = 'none';
}
//-->
</SCRIPT>       
              <div id="divSearch" style="display:none;position:absolute;left:180;top:50">
              <table cellpadding="0" cellspacing="1" bgcolor="slategray">
                      <tr height="15"><td align="right" style="padding-right:5;">
                              <a style="cursor:hand" onClick="document.all.divSearch.style.display='none';">x</a>
                      </td></tr>
                      <tr><td bgcolor="white" height=100 width=200></td></tr>
              </table>
              </div>
<TR><TD>
      <a style="sursor:hand" onmouseover="ShowPop(true);" onmouseout="ShowPop(false);">팝업창 보기</a>
</TD></TR>


<!-- 특정영역에 html문을 임의로 삽입하는 예제 -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function show()
{
      var sub = document.all['obj'];
      if ( sub.innerHTML == '' )
              sub.innerHTML = "테스트입니다.<br>";
      else
              sub.innerHTML = "";
}
//-->
</SCRIPT>
<TR>
      <TD><INPUT TYPE="button" onClick="show()" value="숨긴영역보기"></TD>
</TR>
<TR>
      <TD><div id=obj></div></TD>
</TR>

</TABLE>


<!-- post방식으로 iframe안의 문서에 값전달하는 예제 -->
<FORM METHOD=POST name=ff action=a.php target=ifr>

<INPUT TYPE="text" NAME="vv"><br>
<IFRAME name=ifr src=a.php></IFRAME><input type=submit value=전송>

</BODY>
</HTML>
[/HTML][/CODE]

태그