the code for the JSP page:
--%>
| <%@ taglib
uri="http://java.sun.com/jsp/jstl/core" prefix="c"
%>
| <%@ taglib
uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"
%>
| <%@ taglib
uri="http://java.sun.com/jsp/jstl/sql" prefix="sql"
%>
| <%@ taglib prefix="f"
uri="http://java.sun.com/jsf/core" %>
| <%@ taglib prefix="h"
uri="http://java.sun.com/jsf/html" %>
| <%@ taglib prefix="bookstore" uri="/WEB-INF/bookstore.tld"
%>
|
|
| <%@ page errorPage="errorpage.jsp" %>
| <html>
| <head>
| <title>
| Duke's Bookstore
| </title>
| <link rel="stylesheet" type="text/css"
href="stylesheet.css">
| </head>
| <body bgcolor="#FFFFFF">
|
| <center>
| <hr>
| <br>
| <h1>
| <font size="+3" color="#CC0066">Duke's </font>
| <img src="template/duke.books.gif" alt="Duke holding books"
/>
| <font size="+3" color="black">Bookstore</font>
| </h1>
| </center>
| <br>
| <hr>
| </center>
| <br>
|
| <f:view>
| <f:loadBundle basename="com.sun.bookstore.messages.BookstoreMessages"
var="bundle"/>
| <h:form>
| <h:panelGrid columns="1"
| footerClass="form-footer"
| headerClass="form-header"
| styleClass="main-background"
| columnClasses="single-column"
| summary="#{bundle.ChooseLocale}"
| title="#{bundle.ChooseLocale}" >
| <h:outputText styleClass="maintitle"
| value="#{bundle.ChooseLocale}" />
| <h:graphicImage id="mapImage"
url="/template/world.jpg"
| alt="#{bundle.ChooseLocale}"
| usemap="#worldMap" />
| <bookstore:map id="worldMap" current="NAmericas"
immediate="true"
| action="bookstore"
| actionListener="#{localeBean.chooseLocaleFromMap}" >
| <bookstore:area id="NAmerica" value="#{NA}"
| onmouseover="/template/world_namer.jpg"
| onmouseout="/template/world.jpg"
| targetImage="mapImage" />
| <bookstore:area id="SAmerica" value="#{SA}"
| onmouseover="/template/world_samer.jpg"
| onmouseout="/template/world.jpg"
| targetImage="mapImage" />
| <bookstore:area id="Germany"
value="#{gerA}"
| onmouseover="/template/world_germany.jpg"
| onmouseout="/template/world.jpg"
| targetImage="mapImage" />
| <bookstore:area id="France" value="#{fraA}"
| onmouseover="/template/world_france.jpg"
| onmouseout="/template/world.jpg"
| targetImage="mapImage" />
| </bookstore:map>
| </h:panelGrid>
| </h:form>
| <h:form>
| <h:panelGrid id="links" columns="4"
| summary="#{bundle.chooseLocale}"
| title="#{bundle.chooseLocale}" >
| <h:commandLink id="NAmerica" action="bookstore"
|
actionListener="#{localeBean.chooseLocaleFromLink}">
| <h:outputText value="#{bundle.English}" />
| </h:commandLink>
| <h:commandLink id="Germany" action="bookstore"
| actionListener="#{localeBean.chooseLocaleFromLink}"
>
| <h:outputText value="#{bundle.German}" />
| </h:commandLink>
| <h:commandLink id="France" action="bookstore"
|
actionListener="#{localeBean.chooseLocaleFromLink}">
| <h:outputText value="#{bundle.French}" />
| </h:commandLink>
| <h:commandLink id="SAmerica" action="bookstore"
|
actionListener="#{localeBean.chooseLocaleFromLink}">
| <h:outputText value="#{bundle.Spanish}" />
| </h:commandLink>
| </h:panelGrid>
| </h:form>
| </f:view>
| </html>
|
it uses two custom componets:MapCommonent and AreaComponent.
View the original post :
http://www.jboss.com/index.html?module=bb&op=viewtopic&p=4045648#...
Reply to the post :
http://www.jboss.com/index.html?module=bb&op=posting&mode=reply&a...