prototype을 이용한 Ajax 멀티 request

prototype을 이용해 비동기 방식의 요청을 여러건 해서 순서 상관없이 응답을 받아 처리하는 부분을 구현해 봤다. 

원래 목적은 fund 정보를 웹에서 관리하기 위해 만들려 한것인데...
미완성 프로젝트다..
엑셀에선 간단하던 수식들을 웹으로 옮기려니 만만치 않더라 ㅡㅡ;

소스에는 포함된 내용들은 아래와 같다.
   - Prototype Javascript Lib 사용
   - Javascript Calendar Javascript Lib 사용(한국어 처리 부분 소스 약간 수정)
   - 멀티 Ajax 요청 처리
   - 요청 처리중일때 모래 시계 보여주기
   - Msg 출력을 동적으로
   - select Object에 요청 받은 내용 동적으로 append


common.js 보기



list.html 보기

url
http://www.panghosting.net/~newtype/fund/list.html

자바스크립트를 이용한 간단한 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]