<?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:ev="http://www.w3.org/2001/xml-events" xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <head>
    <title>8.1.10.d value out of range of a select element</title>
    <link rel="stylesheet" href="../../../driverPages/forms/TestSuite11.css" type="text/css"/>
    <xforms:model>
    	<xforms:instance xmlns="">
    		<icecream>
    			<flavor>v</flavor>
    		</icecream>
    	</xforms:instance>
    </xforms:model>
  </head>
  <body>
    <xforms:group>
    	<xforms:label class="title">8.1.10.d value out of range of a select element</xforms:label>
    </xforms:group>
	<xforms:group>
		<xforms:label>
		  When you activate the Enter An Invalid Value trigger you must see an indication of an out-of-range 
		  condition. This may take the form of an xforms-out-of-range message. 
		</xforms:label>
	</xforms:group>
	<xforms:group>
	<xforms:output ref="/icecream/flavor">
		<xforms:label>Selected Flavor : </xforms:label>
	</xforms:output>
	</xforms:group>
	<xforms:group>
	<xforms:select ref="/icecream/flavor">
		<xforms:label>Select a Flavor:</xforms:label>
		<xforms:item>
			<xforms:label>Vanilla</xforms:label>
			<xforms:value>v</xforms:value>
		</xforms:item>
		<xforms:item>
			<xforms:label>Strawberry</xforms:label>
			<xforms:value>s</xforms:value>
		</xforms:item>
		<xforms:item>
			<xforms:label>Chocolate</xforms:label>
			<xforms:value>c</xforms:value>
		</xforms:item>
		<xforms:action ev:event="xforms-out-of-range">
      		<xforms:message level="modal">xforms-out-of-range</xforms:message>
    	</xforms:action>
	</xforms:select>
	</xforms:group>
	<xforms:trigger>
		<xforms:label>Enter An Invalid Value</xforms:label>
		<xforms:setvalue ev:event="DOMActivate" ref="/icecream/flavor">mango</xforms:setvalue>
	</xforms:trigger>
	
  </body>
</html>
