<?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: Handler test - propagate</title>
    <style type='text/css'>
    </style> 
    <xbl xmlns="http://www.w3.org/ns/xbl">
    <binding id="b1" element="#propa1">
      <handlers>
        <handler id="hand1" event="click" button="0" propagate="stop">
          document.getElementById('propa1').setAttribute("style", "background-color: green")
        </handler>
      </handlers>
    </binding>
    <binding id="b2" element="#propa2">
      <handlers>
        <handler id="hand2" event="click" button="0">
          document.getElementById('propa2').setAttribute("style", "background-color: green")
        </handler>
      </handlers>
    </binding>
    <binding id="b3" element="#propa3">
      <handlers>
        <handler id="hand3" event="click" button="0" propagate="">
        </handler>
      </handlers>
    </binding>
    </xbl> 
  </head>
  <body> 
      <div id="propa2">
      <p id="propa1"> Click on this text first. Only this line should turn green. </p> <br/>
      <p> This text shouldn't change color yet. </p>
      <p> Neither should this </p>
      <p id="propa3"> Now click this text and all the text nodes should turn green.  </p>
    </div>
  </body>
</html>
