Question

I am working on a c# application. In which we are tranforming xml content to html using xsl. Once the file is tranformed to HTML. I want to change the font size by cliking on 1 2 and 3. So if user clicks on 1 font size be 9pt, on 2 11pt and on 3 it should be 13pt. Can i do this using javascript? And is it possible to add that javascript function inside of xsl so that when the file is transformed to html it has that javascript funciton?
Please try to explain it fully if you answer this. Thanks in advance.

Answer 1

You’ll need to insert the JavaScript inside a CDATA. Otherwise it’s simply writing the anchors that change the size of the body’s fontSize style.

<![CDATA[ 
<script> 
window.onload = function() {

  var fontchange = document.createElement("div");
  var fontchangelink = function(fontsize, desc) {
      var a = document.createElement('a');
      a.href="#";
      a.style.margin = "5px";
      a.onclick = function() { 
        document.body.style.fontSize = fontsize + 'pt';
      };
      a.innerHTML = desc;
      return a;
  };
  fontchange.appendChild(document.createTextNode("Change font size:"));
  fontchange.appendChild(fontchangelink(9, "1"));
  fontchange.appendChild(fontchangelink(11, "2"));
  fontchange.appendChild(fontchangelink(13, "3"));    

  document.body.insertBefore(fontchange, document.body.childNodes[0]);
};
</script> 
]]> 

You could style it better, but here’s how it looks: