| <%-- |
| |
| Copyright (c) 2004, 2018 Oracle and/or its affiliates. All rights reserved. |
| |
| This program and the accompanying materials are made available under the |
| terms of the Eclipse Public License v. 2.0, which is available at |
| http://www.eclipse.org/legal/epl-2.0. |
| |
| This Source Code may also be made available under the following Secondary |
| Licenses when the conditions for such availability set forth in the |
| Eclipse Public License v. 2.0 are satisfied: GNU General Public License, |
| version 2 with the GNU Classpath Exception, which is available at |
| https://www.gnu.org/software/classpath/license.html. |
| |
| SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0 |
| |
| --%> |
| |
| <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> |
| <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> |
| <%@ taglib uri="http://java.sun.com/jsf/demo/components" prefix="d" %> |
| |
| <f:view> |
| |
| <html> |
| <head> |
| <title>Welcome to JavaServer Faces</title> |
| </head> |
| <body> |
| |
| <f:loadBundle basename="demo.model.Resources" var="mapBundle"/> |
| <h:form> |
| <table> |
| |
| <tr><td> |
| <h:outputText id="welcomeLabel" |
| value="#{mapBundle.welcomeLabel}" /> |
| </td></tr> |
| |
| <tr><td> |
| |
| <h:graphicImage id="mapImage" |
| url="/images/world.gif" |
| usemap="#worldMap"/> |
| |
| <d:map id="worldMap" |
| actionListener="#{imageMap.processAreaSelected}" |
| immediate="true" |
| current="NAmericas"> |
| |
| <d:area id="NAmericas" |
| value="#{NA}" |
| onmouseover="/images/world_namer.gif" |
| onmouseout="/images/world.gif" |
| targetImage="mapImage"/> |
| |
| <d:area id="SAmericas" |
| value="#{SA}" |
| onmouseover="/images/world_samer.gif" |
| onmouseout="/images/world.gif" |
| targetImage="mapImage"/> |
| |
| <d:area id="Finland" |
| value="#{finA}" |
| onmouseover="/images/world_finland.gif" |
| onmouseout="/images/world.gif" |
| targetImage="mapImage"/> |
| |
| <d:area id="Germany" |
| value="#{gerA}" |
| onmouseover="/images/world_germany.gif" |
| onmouseout="/images/world.gif" |
| targetImage="mapImage"/> |
| |
| <d:area id="France" |
| value="#{fraA}" |
| onmouseover="/images/world_france.gif" |
| onmouseout="/images/world.gif" |
| targetImage="mapImage"/> |
| |
| </d:map> |
| |
| </td></tr> |
| |
| </table> |
| |
| <hr> |
| |
| |
| <a href='<%= request.getContextPath() + "/index.jsp" %>'>Back</a> to home page. |
| |
| <h1>How to Use this Component</h1> |
| |
| <p>This component renders a clickable image map of the world and regions |
| can be selected to change the locale.</p> |
| |
| <p>You can mouse over and click on some parts of the world that speak |
| U.S. English, French, German, Finnish, and Latin American Spanish. This |
| will cause the appropriate Locale to be set into the application, |
| causing the proper ResourceBundle lookup.</p> |
| |
| <h1>Custom Tags / Components</h1> |
| |
| <p>The <code>MapComponent</code> component is driven by the <code>map</code> |
| tag, and it keeps track of the the selected area on the map. It determines |
| the selected area from the incoming request, and fires an |
| <code>AreaSelectedEvent</code> whenever the selected area is changed. <code>AreaSelectedEvent</code> |
| is an <code>ActionEvent</code>. A method binding reference expression tag attribute is |
| used to reference a method in the backing file bean (imagemap), and that |
| method listens for action events. The listener method <code>processAreaSelected</code>, |
| receives the <code>ActionEvent</code> and sets the locale accordingly. |
| |
| <p>The <code>AreaComponent</code> component is driven by the <code>area</code> |
| tag. It uses Javascript events to visually show the selected area, and it sends |
| the identifier of the selected area as part of the request. This tag must be |
| nested within an <code><d:map></code> tag.</p> |
| |
| <h2>JSP Attributes</h2> |
| |
| <p>Attributes described below apply to map tag. |
| Attributes can represent values directly or point to them via value binding |
| expressions except for actionListener attribute that points to a |
| method reference. |
| |
| <table border="1"> |
| |
| <tr> |
| <th>JSP Attribute Name</th> |
| <th>What it Does</th> |
| </tr> |
| |
| <tr> |
| <td><code>actionListener</code></td> |
| <td>Method binding reference that refers to a method that sets the locale |
| from information contained in the <code>AreaSelectedEvent</code>. |
| </td> |
| </tr> |
| |
| <tr> |
| <td><code>immediate</code> |
| </td> |
| <td>A flag indicating that the default ActionListener should execute |
| immediately (that is, during the Apply Request Values phase of the |
| request processing lifecycle, instead of waiting for Invoke |
| Application phase). The default value of this property must be false. |
| </td> |
| </tr> |
| |
| <tr> |
| <td><code>current</code></td> |
| <td>This refers to the current selected area on the map. |
| </td> |
| </tr> |
| |
| </table> |
| |
| <hr> |
| |
| </body> |
| </html> |
| </h:form> |
| </f:view> |
