Files
ASDV-WebDev/Semester 3/Examples/ajax-examples/Ajax2/src/main/webapp/wrapper.xhtml
2024-01-23 13:22:06 -06:00

44 lines
1.4 KiB
HTML

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
<title>Facelet Title</title>
</h:head>
<h:body>
<h:form>
<f:ajax event="keyup" execute="tempID milesID"
render="cField kField">
<h2>Ajax tag as Wrapper </h2>
Temperature in Fahrenheit:
<h:inputText id="tempID" value="#{testBean.farheneitTemperature}">
<f:validateRegex pattern = "[-+]?[0-9]*\.?[0-9]"/>
</h:inputText>
<br/>
Miles:
<h:inputText id="milesID" value="#{testBean.miles}">
<f:validateRegex pattern = "[-+]?[0-9]*\.?[0-9]"/>
</h:inputText><br/>
</f:ajax>
<h2>
Temperature in Celsius:
<h:outputText value="#{testBean.celciusTemperature}"
id="cField"/>
</h2>
<h2>
Kilometers:
<h:outputText value="#{testBean.milesToKilometers()}"
id="kField"/>
</h2>
</h:form>
</h:body>
</html>