x3dom_button.html

 <script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'> </script> 
     <link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'></link>
     
     <h1>Using X3DOM for VisB</h1> 
     <p> 
       This illustrates how one can use VisB to manipulated 3D Objects
     </p> 
	 <x3d width='500px' height='400px'> 
	   <scene> 
		<transform id="box_trans" translation='0 0 0'> 
		<shape id="button"> 
		   <appearance> 
			 <material id="box_col" diffuseColor='1 0 0'></material> 
		   </appearance> 
		   <box></box> 
		</shape> 
		<transform translation='-3 0 0'> 
		  <shape id = "button_TRUE"> 
			 <appearance> 
			   <material diffuseColor='0 1 0'></material> 
			 </appearance> 
			 <cone></cone> 
		  </shape> 
		</transform> 
		<transform id="sphere_trans" translation='3 0 0'> 
		  <shape id = "button_FALSE"> 
			 <appearance> 
			   <material id="sphere_col" diffuseColor='0 0 1'></material> 
			 </appearance> 
			 <sphere></sphere> 
		  </shape> 
		</transform> 
	   </scene> 
	</x3d> 
<ul>
<li>Message: <b><span id="hover_message"></span></b>
</li>
</ul>