newtype
::: newtype의 지식창고 :::
newtype
전체 방문자
오늘
어제
  • 분류 전체보기 (392)
    • Dev (214)
      • C, C++ (43)
      • Go (5)
      • Web (49)
      • DBMS (21)
      • DevOps (8)
      • Java (2)
      • Windows, Win32 (4)
      • Visual Basic (5)
      • C# (2)
      • Mobile (25)
      • SQL CE (7)
      • Google Map (6)
      • Python (2)
      • cygwin (2)
      • 기타 (32)
      • Ruby (1)
    • 명언 (10)
    • 모임 (18)
      • 붕주회 (3)
      • 신흥컴정 (14)
      • 웹20기 (1)
    • 사진 (8)
    • 불펌 (29)
    • 막글 (98)
    • 게임 (6)
    • 여행 (8)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • 관리

공지사항

  • whoami
05-23 04:10
hELLO · Designed By 정상우.
newtype

::: newtype의 지식창고 :::

Dev/Web

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

2003. 2. 14. 15:13
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]
반응형

'Dev > Web' 카테고리의 다른 글

[질문] 폼값을 다른서버에서 받을 수 있나?  (4) 2003.09.05
다중로그인 금지..  (8) 2003.09.02
핸드폰으로 접속되는 사이트를 만들어 보자!  (0) 2003.08.29
[유틸] 음악 사이트에서 음악 링크를 얻어오자  (5) 2003.01.14
ODBC, OLE DB 셋팅  (1) 2002.12.21
    'Dev/Web' 카테고리의 다른 글
    • 다중로그인 금지..
    • 핸드폰으로 접속되는 사이트를 만들어 보자!
    • [유틸] 음악 사이트에서 음악 링크를 얻어오자
    • ODBC, OLE DB 셋팅
    newtype
    newtype
    지극히 개인적인 지식의 창고

    티스토리툴바