XML + XSL + JS 構建小型Web App （十五） (轉)

XML + XSL + JS 構建小型Web App （十五） (轉)[@more@]

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

下面列出common.中 和顯示功能相關的，其他函式後面詳細敘述。

:namespace prefix = o ns = "urn:schemas--com::office" />

// 檔名 ：common.js 
// 常用 script 函式的宣告
// 作者 ： 劉海龍
// to:xiaoleilong@mail.biti.edu.cn">xiaoleilong@mail.biti.edu.cn
// 年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.");//顯示檢視
 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 ("Microsoft.XML")
  xml.async = false
  xml.load(strXmlPath)
  // Load the XSL
  var xsl = new ActiveXObject("Microsoft.XMLDOM")
  xsl.async = false
  xsl.load(strXslPath)
  // Tranorm
 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[i].style.display = "none";
 }
 document.getElementById(section+"").style.display = "block";
}