<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'
      xmlns:xbl='http://www.w3.org/ns/xbl'
      xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <head>
    <title>XBL 2.0 Test Suite: Attachment test - CSS</title>
    <style>
      #a { binding: url("#b1"); }
    </style>

    <xbl xmlns="http://www.w3.org/ns/xbl">
     <binding id="b1">
        <template>
          <xhtml:b>Binding 1</xhtml:b>
        </template>
     </binding>
     <binding id="b2">
        <template>
          <xhtml:b>Binding 2</xhtml:b>
        </template>
     </binding>
     <binding element="h1">
      <handlers>
       <handler event="click">
		document.getElementById('a').setAttribute("style", "binding: url('#b2')");
       </handler>
      </handlers>
     </binding>
     <binding element="h2">
      <handlers>
       <handler event="click">
		document.getElementById('b').setAttribute("style", "");
       </handler>
      </handlers>
     </binding>
   </xbl>
  </head>
  <body>
  <h1 id="a">No binding</h1>
Click the title above to change it to Binding 2
  <h2 id="b" style="binding: url('#b2')">No binding</h2>
Click the title above to remove its binding
  </body>
</html>

