<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="besedilo.css" ?>
<besedilo xmlns:html="http://www.w3.org/TR/REC-html40">
   <html:script type="text/javascript" src="style.js"></html:script>
   <html:script>

      var aa = true
      var bb = true
      var cc = true

      function a()
      {
         if (aa) {
            setStyleByTag("a", "color", "blue")
            setStyleByTag("a", "textDecoration", "underline")
         }
         else {
            setStyleByTag("a", "color", "black")
            setStyleByTag("a", "textDecoration", "none")
         }
         aa = !aa
      }

      function b()
      {
         if (bb) {
            setStyleByTag("b", "color", "red")
            setStyleByTag("b", "fontWeight", "bold")
         }
         else {
            setStyleByTag("b", "color", "black")
            setStyleByTag("b", "fontWeight", "normal")
         }
         bb = !bb
      }

      function c()
      {
         if (cc) {
            setStyleByTag("c", "color", "green")
            setStyleByTag("c", "fontStyle", "italic")
         }
         else {
            setStyleByTag("c", "color", "black")
            setStyleByTag("c", "fontStyle", "normal")
         }
         cc = !cc
      }
   </html:script>

   <stavek>
      <a>Danes</a> je <b>lep</b> <c>dan</c>.
   </stavek>
   <stavek>
      <a>Jutri</a> bo <c>sobota</c>.
   </stavek>

   <html:form>
      <html:input type="checkbox" onClick="a()" /> a
      <html:input type="checkbox" onClick="b()" /> b
      <html:input type="checkbox" onClick="c()" /> c
   </html:form>

</besedilo>
