인터넷정보

자바스크립트와 테이터베이스 연동

알 수 없는 사용자 2007. 10. 18. 13:43
자바스크립트와 테이터베이스 연동 [1]

http://oxtag.com/html/ex/JS_DataBase/js_db1.html


  1. <html>
  2. <head></head>
  3. <body>
  4. <OBJECT id="mydata" width=0 height=0 classid="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83">
  5.         <PARAM name="FieldDelim" value="|">
  6.         <PARAM name="TextQualifier" value="">
  7.         <PARAM name="DataURL" value="data.txt">
  8.         <PARAM name="UseHeader" value="true">
  9. </OBJECT>
  10. <FORM>
  11.         <INPUT type=button value="<<" onClick="mytable.previousPage()">
  12.         <INPUT type=button value=">>" onClick="mytable.nextPage()">
  13. </FORM>
  14. <TABLE datasrc=#mydata border=1 width=100% datapagesize=1 id="mytable">
  15.         <THEAD>
  16.         <TR>
  17.                 <TD width=100><SPAN id=chapter></SPAN></TD>
  18.                 <TD width=100><SPAN id=num>번호</SPAN></TD>
  19.                 <TD><SPAN id=mytitle>제목</SPAN></TD>
  20.         </TR>
  21.         </THEAD>
  22.         <TBODY>
  23.         <TR>
  24.                 <TD><SPAN datafld="chapter"></SPAN></TD>
  25.                 <TD><SPAN datafld="num"></SPAN></TD>
  26.                 <TD><A datafld="src"><SPAN datafld="title"></SPAN></A></TD>
  27.         </TR>
  28.         </TBODY>
  29. </TABLE>
  30. </body>
  31. </html>




자바스크립트와테이터베이스연동 [2]

http://oxtag.com/html/ex/JS_DataBase/js_db2.html
  1. <html>
  2. <head></head>
  3. <body>
  4. <OBJECT id="mydata" width=0 height=0 classid="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83">
  5.         <PARAM name="FieldDelim" value="|">
  6.         <PARAM name="TextQualifier" value="">
  7.         <PARAM name="DataURL" value="data.txt">
  8.         <PARAM name="UseHeader" value="true">
  9. </OBJECT>
  10. <FORM>
  11.         <SELECT id="mySelection" onChange="doitnow()">
  12.                 <OPTION value="all"> 모두 보기
  13.                 <OPTION value="chapter1"> chapter 1
  14.                 <OPTION value="chapter2"> chapter 2
  15.                 <OPTION value="chapter3"> chapter 3
  16.                 <OPTION value="chapter4"> chapter 4
  17.         </SELECT>
  18. </FORM>
  19. <TABLE datasrc=#mydata border=1 width=100%>
  20.         <THEAD>
  21.         <TR>
  22.                 <TD width=100><SPAN id=chapter></SPAN></TD>
  23.                 <TD width=100><SPAN id=num>번호</SPAN></TD>
  24.                 <TD><SPAN id=mytitle>제목</SPAN></TD>
  25.         </TR>
  26.         </THEAD>
  27.         <TBODY>
  28.         <TR>
  29.                 <TD><SPAN datafld="chapter"></SPAN></TD>
  30.                 <TD><SPAN datafld="num"></SPAN></TD>
  31.                 <TD><A datafld="src"><SPAN datafld="title"></SPAN></A></TD>
  32.         </TR>
  33.         </TBODY>
  34. </TABLE>
  35. <SCRIPT>
  36.         function doitnow() {
  37.                 if(document.all.mySelection.selectedIndex==0) {
  38.                         mydata.FilterColumn = "";
  39.                         mydata.FilterValue == "";
  40.                 }
  41.                 else {
  42.                         mydata.FilterColumn = "chapter";
  43.                              mydata.FilterCriterion = "=";
  44.                      mydata.FilterValue =
  45.                                 document.all.mySelection[document.all.mySelection.selectedIndex].value ;
  46.                 }
  47.                 mydata.reset();
  48.         }
  49.         mydata.recordset.moveFirst();
  50. </SCRIPT>
  51. </body>
  52. </html>



    ---------------------------------------------------------------

    data.txt 내용

    title|chapter|num|src
    간단한 HTML 문서|chapter1|exnum1-1|exnumle1-1.html
    META 요소의 활용|chapter2|exnum2-1|exnumple2-1.html
    TITLE 요소의 의미|chapter2|exnum2-2|exnumple2-2.html
    BASE 요소의 활용|chapter2|exnum2-3|exnumple2-3.html
    블럭요소의 활용|chapter3|exnum3-1|exnumple3-1.html
    PRE요소의 활용|chapter3|exnum3-2|exnumple3-2.html
    모양지정 인라인요소|chapter3|exnum3-3|exnumple3-3.html
    의미지정 인라인요소|chapter3|exnum3-4|exnumple3-4.html  
    BR, NOBR, WBR 요소|chapter3|exnum3-5|exnumple3-5.html
    객체요소(IMG,EMBED)|chapter3|exnum3-6|exnumple3-6.html
    TABLE 관련 요소|chapter4|exnum4-1|exnumple4-1.html
    FRAME 관련 요소와 속성|chapter4|exnum4-2|exnumple4-2.html


반응형