XML + XSL + JS 构建小型Web App (十五)

原创 2003年08月02日 18:42:00

4. index.htm.files/js/common.js

下面列出common.js 文件中 和显示功能相关的函数,其他函数后面详细叙述。
<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

// 文件名 :common.js 
// 常用 javascript 函数的声明
// 作者 : 刘海龙
// xiaoleilong@mail.biti.edu.cn
// 2003年8月1日

//初始化 需要显示的内容
function init()
{
 var coll = document.all.tags("DIV");
 var i;
 for (i=0;i<3;i++ )
  coll[i].style.display = "none"; 
 coll[0].innerHTML = do_trans("index.htm.files/data/record.xml","index.htm.files/styles/normal.xsl");//显示视图
 coll[1].innerHTML = get_edit_view();
 coll[2].innerHTML = get_set_view();
 
}
/** 函数 do_trans((strXmlPath , strXslPath)
   * 参数:分别指定 xml 文件 和 xsl 文件的路径
   * 功能:使用 xsl 对 xml 进行转换
   * 返回:转换得到的字符串
   */
function do_trans(strXmlPath , strXslPath)
{
    // Load XML
    var xml = new ActiveXObject("Microsoft.XMLDOM")
    xml.async = false
    xml.load(strXmlPath)
    // Load the XSL
    var xsl = new ActiveXObject("Microsoft.XMLDOM")
    xsl.async = false
    xsl.load(strXslPath)
    // Transform
 return xml.transformNode(xsl);
}

/** 函数 disp_spec_sect(section)
   * 参数:指定将切换到的页面 , 其中 : disp -- 显示简历的页面 ; edit -- 编辑简历的页面 ; set -- 进行基本设置的页面 。
   * 功能:根据 section 参数的取值, 切换显示到指定的页面 。
   * 返回:无返回值
   */
function disp_spec_sect(section)
{
 var coll = document.all.tags("DIV");
 if (coll != null)
 {
  for (i=0; i<coll.length; i++)
   coll[i].style.display = "none";
 }
 document.getElementById(section+"").style.display = "block";
}

XML + XSL + JS 构建小型Web App (六)

xs:sequence>   xs:complexType>   xs:complexType name="技术专长元素类型">       xs:sequence>          xs:elem...
  • stationxp
  • stationxp
  • 2003年08月04日 10:09
  • 898

XML + XSL + JS 构建小型Web App (十)

2. index.htm.files/styles/normal.xsl现在制作样式单文件,运行效果图:(美工没有规整,将就看 :))...
  • stationxp
  • stationxp
  • 2003年08月04日 10:12
  • 1089

XML + XSL + JS 构建小型Web App (四)

[ 反复报错,出离愤怒中!!!我也不想每篇分这么小。再次愤怒  ]图三 record.xsd 结构图细节2...
  • stationxp
  • stationxp
  • 2003年08月04日 10:09
  • 783

XML + XSL + JS 构建小型Web App (二)

二 具体实现下面逐页介绍实现的过程1. index.htm.files/data/record.xml首先要决定的是存储数据的“数据结构”。和其他web app开发类似 , 一般是首先要作数据库建模,...
  • stationxp
  • stationxp
  • 2003年08月04日 10:09
  • 1214

XML + XSL + JS 构建小型Web App (九)

  简历元素>             开始年月>                 年>2000年>                 月>9月>             开始年月>          ...
  • stationxp
  • stationxp
  • 2003年08月04日 10:10
  • 850

XML + XSL + JS 构建小型Web App (三)

[  好几次编辑结果付之东流了。这个编辑器,sign ...报错之后,返回东西全没了。 ]图二 record.xsd 结构图细节...
  • stationxp
  • stationxp
  • 2003年08月04日 10:09
  • 1035

XML + XSL + JS 构建小型Web App (五)

Record.xsd的源代码: W3C Schema  作者:刘海龙 xiaoleilong@mail.biti.edu.cn-->xs:schema xmlns:xs="http://www.w3....
  • stationxp
  • stationxp
  • 2003年08月04日 10:09
  • 873

XML + XSL + JS 构建小型Web App (八)

根据schema文件,准备一份 xml  测试用文件, 存放 在 data 目录下record.xml履历列表 xmlns:xsi="http://www.w3.org/2001/XMLSchema-...
  • stationxp
  • stationxp
  • 2003年08月04日 10:10
  • 732

XML + XSL + JS 构建小型Web App (一)

XML + XSL + JS 构建小型Web App北京信息工程学院 刘海龙xiaoleilong@mail.biti.edu.cn 摘要: 本文介绍如何使用XML,XSL技术,做到内容和显示样式的分...
  • stationxp
  • stationxp
  • 2003年08月04日 10:08
  • 946

XML + XSL + JS 构建小型Web App (十四)

3. index.htm                           table{cellpadding:0;cellspacing:0;border-collapse:collapse;} ...
  • stationxp
  • stationxp
  • 2003年08月02日 18:42
  • 909
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:XML + XSL + JS 构建小型Web App (十五)
举报原因:
原因补充:

(最多只允许输入30个字)