<?xml-stylesheet type="text/xsl" href="/xforms-tests/xsltforms/xsltforms.xsl"?>
<html xmlns:my="http://commerce.example.com/payment" xmlns:txs="http://sourceforge.net/projects/txs" xmlns="http://www.w3.org/1999/xhtml" xmlns:req="http://www.agencexml.com/requests" xmlns:xforms="http://www.w3.org/2002/xforms" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
  <head>
  	<title>4.4.16.a xforms-in-range event</title>
    <link rel="stylesheet" href="../../../driverPages/forms/TestSuite11.css" type="text/css"/>
    <xforms:model id="car">
      <xforms:instance>
        <car xmlns="">
          <quantity xsi:type="xsd:integer">1000</quantity>
          <mileage xsi:type="xsd:integer">2</mileage>
          <volume xsi:type="xsd:integer">-5</volume>
        </car>
      </xforms:instance>
    </xforms:model>
  </head>
  <body>
  	<xforms:group>
  		<xforms:label class="title">4.4.16.a xforms-in-range event</xforms:label>
  	</xforms:group>
  	<xforms:group>
  		<xforms:label>
  			You must see an xforms-in-range message when you activate the In Range trigger. 
	  	</xforms:label>	
	</xforms:group>
    <xforms:group>
		<xforms:trigger>
			<xforms:label>In Range</xforms:label>
			<xforms:setvalue ref="/car/quantity" ev:event="DOMActivate">5</xforms:setvalue>
		</xforms:trigger>
	    
	    <xforms:range ref="/car/quantity" start="0" end="10" step="1">
	        <xforms:label>Range 1: </xforms:label>
	        <xforms:action ev:event="xforms-in-range">
	          <xforms:message level="modal">xforms-in-range</xforms:message>
	        </xforms:action>
	        <xforms:message ev:event="xforms-in-range" level="modal">xforms-in-range</xforms:message>
	    </xforms:range>
    </xforms:group>
	
  </body>
</html>
