<HTML>
<HEAD>
<META http-equiv="Content-Script-Type" content="text/javascript">
<TITLE>スタイルシートの切り替え</TITLE>
<xml id="members_xml" src="members04.xml"></xml>
<xml id="type_a" src="members-a.xsl"></xml>
<xml id="type_b" src="members-b.xsl"></xml>
<xml id="type_c" src="members-c.xsl"></xml>
<SCRIPT language="JavaScript">
<!--
function ViewTypeA() {
viewarea.innerHTML = members_xml.transformNode(type_a.documentElement);
}
function ViewTypeB() {
viewarea.innerHTML = members_xml.transformNode(type_b.documentElement);
}
function ViewTypeC() {
viewarea.innerHTML = members_xml.transformNode(type_c.documentElement);
}
-->
</SCRIPT>
</HEAD>
<BODY>
<H3>スタイルシートを切り替えて表示方法を変更します</H3>
<P>
<FORM>
<INPUT type="button" value="通常の一覧" onClick="ViewTypeA()">
<INPUT type="button" value="番号を太字" onClick="ViewTypeB()">
<INPUT type="button" value="表形式" onClick="ViewTypeC()">
</FORM>
</P>
<DIV id="viewarea">--- データはここに表示されます ---</DIV>
</BODY>
</HTML>
|