Использование Java Script для HTML

Создавая шаблон HTML-документа, Вы можете указывать в нем практически любые элементы HTML, в том числе и блоки <SCRIPT>, внутри которых можно задавать любые конструкции Java Script, используя для этого область CDATA:

<xsl>
  <rule>
    <root/>
    <HTML>
      <HEAD>
        <SCRIPT LANGUAGE="JSCRIPT"><![CDATA[
var ie4=((navigator.appName=="Microsoft Internet Explorer")&&
(parseInt(navigator.appVersion)  >= 4 ));
       function msover(){
if (ie4){
  		event.srcElement.style.color="red";
  		event.srcElement.style.cursor = "hand";
  	}
}
       function msout(){
	if (ie4){
  		event.srcElement.style.color="black";
  		event.srcElement.style.cursor = "auto";
  	}
}        ]]></SCRIPT>
      </HEAD>
      <BODY>
        <children/>
      </BODY>
    </HTML>
  </rule>
  <rule>
    <target-element type="chapter"/>
    <DIV id='=tagName + formatNumber(childNumber(this),"1")'
         background-color="marron"
    onmouseover='="msover("+ tagName + formatNumber(childNumber(this),"1")+")"'
    onmouseout='="msout("+ tagName + formatNumber(childNumber(this),"1")+")"'
      <children/>
    </DIV>
  </rule>
</xsl>

Если использовать эти правила для следующего XML- документа:

<contents>
  <chapter>Part1</chapter>
  <chapter>Part2</chapter>
  <chapter>Part3</chapter>
</contents>

то в результате мы получим такой HTML-файл:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JSCRIPT">
var ie4=((navigator.appName=="Microsoft Internet Explorer")
&&(parseInt(navigator.appVersion)  >= 4 ));
function msover(){
if (ie4){
  		event.srcElement.style.color="red";
  		event.srcElement.style.cursor = "hand";
 	}
}
function msout(){
	if (ie4){
  		event.srcElement.style.color="black";
  		event.srcElement.style.cursor = "auto";
  	}
  }
</SCRIPT>
</HEAD>
<BODY>
<DIV id=''chapter1"    onmouseover="msover("chapter1")"'
			  onmouseout="msout("chapter1")"'
      Part 1
       </DIV>
<DIV id=''chapter2"    onmouseover="msover("chapter2")"'
			  onmouseout="msout("chapter2")"'
      Part 2
       </DIV>
<DIV id=''chapter3"    onmouseover="msover("chapter3")"'
			  onmouseout="msout("chapter3")"'
      Part 3
       </DIV>
</BODY>
</HTML>

[Назад] [Содержание] [Вперед]

Если Вы не нашли что искали, то рекомендую воспользоваться поиском по сайту: