Commits

Anonymous committed 7332a22
  • Participants
  • Parent commits 2e394e9

Comments (0)

Files changed (40)

src/java/template/ajax/submit.ftl

-<#if parameters.resultDivId?exists>
+<#if parameters.resultDivId?exists || parameters.onLoadJS?exists>
 <#include "/${parameters.templateDir}/ajax/submit-ajax.ftl" />
 ${tag.addFormParameter("ajaxSubmit", "false")}
 <#else>

webapps/showcase/src/java/com/opensymphony/webwork/showcase/ajax/HelloWorld-hello-validation.xml

-<!DOCTYPE validators PUBLIC "-//OpenSymphony Group//XWork Validator 1.0.2//EN" "http://www.opensymphony.com/xwork/xwork-validator-1.0.2.dtd">
-<validators>
-    <field name="name">
-        <field-validator type="requiredstring">
-            <message>You must enter a name</message>
-        </field-validator>
-    </field>
-</validators>

webapps/showcase/src/java/com/opensymphony/webwork/showcase/ajax/HelloWorld.java

-package com.opensymphony.webwork.showcase.ajax;
-
-import com.opensymphony.xwork.ActionSupport;
-
-public class HelloWorld extends ActionSupport {
-    private String name;
-    private String message;
-
-    public String doDefault() throws Exception {
-        return INPUT;
-    }
-
-    public String execute() throws Exception {
-        message = "Hello, " + name;
-
-        return SUCCESS;
-    }
-
-    public String getName() {
-        return name;
-    }
-
-    public void setName(String name) {
-        this.name = name;
-    }
-
-    public String getMessage() {
-        return message;
-    }
-
-    public void setMessage(String message) {
-        this.message = message;
-    }
-}

webapps/showcase/src/webapp/WEB-INF/classes/xwork-ajax.xml

     <include file="webwork-default.xml"/>
 
     <package name="ajax" extends="webwork-default">
-        <action name="hello" class="com.opensymphony.webwork.showcase.ajax.HelloWorld">
-            <result name="input">hello-input.jsp</result>
-            <result name="success">hello.jsp</result>
-        </action>
-
-        <action name="helloDefault" class="com.opensymphony.webwork.showcase.ajax.HelloWorld" method="doDefault">
-            <result name="input">hello-input.jsp</result>
-        </action>
-
-        <!-- Ajax Component examples -->
         <action name="AjaxTest" class="com.opensymphony.webwork.showcase.ajax.AjaxTestAction">
             <result name="success">/ajax/AjaxResult.jsp</result>
         </action>

webapps/showcase/src/webapp/ajax/AjaxResult2.js

-alert('action returned and evaluated');
+alert('This JavaScript currently being evaluated is the result...');
+alert('... of an action executed on the server!');

webapps/showcase/src/webapp/ajax/footer.jsp

+<%@taglib uri="/webwork" prefix="ww" %>
+
+<hr/>
+
+<ww:url id="backToAjaxExamples" value=".." />
+<ww:url id="backToShowCase" action="showcase" namespace="/" />
+
+<ww:a href="%{backToAjaxExamples}">Back To AJAX Examples</ww:a>&nbsp;
+<ww:a href="%{backToShowCase}">Back To Showcase</ww:a>

webapps/showcase/src/webapp/ajax/index.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
 <html>
-<head><title>Ajax Index</title></head>
+<head><title>AJAX Examples</title></head>
 
 <body>
-Lessons:
 <ul>
-    <li><a href="lesson1">lesson 1</a> - validation</li>
-    <li><a href="lesson2">lesson 2</a> - remote div tag</li>
-    <li><a href="lesson3">lesson 3</a> - remote link tag</li>
-    <li><a href="lesson5">lesson 5</a> - tabbed panel</li>
-    <li><a href="lesson6">lesson 6</a> - remote forms</li>
+    <li><a href="remotediv">Remote div tag</a></li>
+    <li><a href="remotelink">Remote link tag</a></li>
+    <li><a href="tabbedpanel">Tabbed panel</a></li>
+    <li><a href="remoteforms">Remote forms</a></li>
+    <li><a href=".."><i>Back to Showcase</i></a></li>
 </ul>
 </body>
 </html>

webapps/showcase/src/webapp/ajax/lesson1/hello-input.jsp

-<%@ taglib prefix="ww" uri="/webwork" %>
-<html>
-<head>
-    <title>Hello World</title>
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-</head>
-
-<body>
-
-<ww:form action="hello" validate="true" theme="ajax" name="hello" id="helloFormId">
-    <ww:textfield label="Name" name="name" id="name" required="true" theme="ajax"/>
-    <ww:submit value="Say Hello" theme="ajax" resultDivId="helloFormId"/>
-</ww:form>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson1/hello.jsp

-<%@ taglib prefix="ww" uri="/webwork" %>
-<ww:property value="message"/>

webapps/showcase/src/webapp/ajax/lesson1/index.jsp

-<%@ taglib prefix="ww" uri="/webwork" %>
-<html>
-<head>
-    <title>AJAX-based based validation</title>
-    <%@ include file="/ajax/commonInclude.jsp" %>
-</head>
-
-<body>
-
-<h2>Examples</h2>
-
-<p>
-    <ol>
-        <li>
-            <a href="helloDefault.action">AJAX Validation</a>
-        </li>
-    </ol>
-</p>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson2/example1.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
-
-<html>
-<head>
-    <title>Ajax Examples</title>
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-</head>
-
-<body>
-
-<ww:div
-        id="once"
-        theme="ajax"
-        cssStyle="border: 1px solid yellow;"
-        href="/AjaxTest.action"
-        delay="5000"
-        loadingText="loading...">
-    Initial Content</ww:div>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson2/example2.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
-
-<html>
-<head>
-    <title>Ajax Examples</title>
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-</head>
-
-<body>
-    <ww:div
-            id="twoseconds"
-            cssStyle="border: 1px solid yellow;"
-            href="/AjaxTest.action"
-            theme="ajax"
-            delay="2000"
-            updateFreq="2000"
-            errorText="There was an error"
-            loadingText="loading...">Initial Content
-    </ww:div>
-
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson2/example3.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
-
-<html>
-<head>
-    <title>Ajax Examples</title>
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-</head>
-
-<body>
-
-<ww:div
-        id="twoseconds"
-        cssStyle="border: 1px solid yellow;"
-        href="/AjaxTest.action"
-        theme="ajax"
-        delay="2000"
-        updateFreq="%{#parameters.period}"
-        errorText="There was an error">Initial Content</ww:div>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson2/example4.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
-
-<html>
-<head>
-    <title>Ajax Examples</title>
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-</head>
-
-<body>
-
-<ww:div
-        id="fiveseconds"
-        cssStyle="border: 1px solid yellow;"
-        href="/AjaxTest.action"
-        theme="ajax"
-        delay="1000"
-        updateFreq="5000"
-        errorText="There was an error"
-        loadingText="reloading">loading now</ww:div>
-
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson2/example5.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
-
-<html>
-<head>
-    <title>Ajax Examples</title>
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-</head>
-
-<body>
-
-<ww:div
-        id="error"
-        cssStyle="border: 1px solid yellow;"
-        href="/AjaxNoUrl.jsp"
-        theme="ajax"
-        delay="1000"
-        errorText="Could not contact server"
-        loadingText="reloading">loading now</ww:div>
-
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson2/example6.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
-
-<html>
-<head>
-    <title>Ajax Examples</title>
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-</head>
-
-<body>
-
-<ww:div
-        id="error"
-        cssStyle="border: 1px solid yellow;"
-        href="/AjaxNoUrl.jsp"
-        theme="ajax"
-        delay="1000"
-        showErrorTransportText="true"
-        loadingText="reloading">loading now</ww:div>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson2/index.jsp

-<%@ taglib prefix="ww" uri="/webwork" %>
-<html>
-<head>
-    <title>AJAX-based remote DIV tag</title>
-    <%@ include file="/ajax/commonInclude.jsp" %>
-</head>
-
-<body>
-
-<h2>Examples</h2>
-
-<p>
-    <ol>
-        <li>
-            <a href="example1.jsp">A simple DIV that refreshes only once</a>
-        </li>
-
-        <li>
-            <a href="example2.jsp?url=/AjaxTest.action">A simple DIV that updates every 2 seconds</a>
-        </li>
-
-        <li>
-            <a href="example3.jsp?period=3000">A simple DIV that obtains the update freq (3 secs) from the value
-                stack/action</a>
-        </li>
-
-        <li>
-            <a href="example4.jsp">A simple DIV that updates every 5 seconds with loading text and reloading text</a>
-        </li>
-
-        <li>
-            <a href="example5.jsp">A simple DIV's that cannot contact the server</a>
-        </li>
-
-        <li>
-            <a href="example6.jsp">A simple DIV's that cannot contact the server and displays the transport error
-                message</a>
-        </li>
-
-    </ol>
-
-
-</p>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson3/example7.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
-
-<html>
-<head>
-    <title>Ajax Examples</title>
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-</head>
-
-<body>
-
-A simple DIV's that cannot contact the server and displays the transport error message:<br/>
-
-One Component:
-<ww:div
-        id="one"
-        cssStyle="border: 1px solid yellow;"
-        href="/AjaxTest.action"
-        theme="ajax"
-        listenTopics="mylink1_click"
-        delay="1000">Initial Content</ww:div>
-
-<br/><br/>
-
-Two Component:
-<ww:div
-        id="two"
-        cssStyle="border: 1px solid yellow;"
-        href="/AjaxTest.action"
-        theme="ajax"
-        listenTopics="mylink1_click,mylink2_click"
-        delay="1000">Initial Content</ww:div>
-<br/><br/>
-
-Three Component:
-<ww:div
-        id="three"
-        cssStyle="border: 1px solid yellow;"
-        href="/AjaxTest.action"
-        theme="ajax"
-        listenTopics="mylink2_click"
-        delay="1000">Initial Content</ww:div>
-<br/><br/>
-
-<ww:url id="remoteLink" value   ="/AjaxRemoteLink.action" />
-<ww:url id="testLink" value   ="/AjaxTest.action" />
-
-Remote link 1 updating "One Component" and "Two Component"<br/>
-
-<ww:a
-        id="link1"
-        theme="ajax"
-        href="%{remoteLink}"
-        notifyTopics="mylink1_click"
-        showErrorTransportText="true"
-        errorText="An Error ocurred">Update</ww:a>
-<br/><br/>
-
-Remote link 2 updating "Two Component" and "Three Component"<br/>
-<ww:a
-        id="link2"
-        theme="ajax"
-        href="%{remoteLink}"
-        notifyTopics="mylink2_click"
-        showErrorTransportText="true"
-        errorText="An Error ocurred">Update</ww:a>
-<br/><br/>
-
-Remote DIV that is not connected to any remote links:
-<ww:div
-        id="four"
-        cssStyle="border: 1px solid yellow;"
-        href="/AjaxTest.action"
-        theme="ajax"
-        delay="1000">Initial Content</ww:div>
-<br/><br/>
-
-A Remote link that doesn't trigger any remote DIV updates<br/>
-
-<ww:a
-        id="link3"
-        theme="ajax"
-        href="%{remoteLink}"
-        showErrorTransportText="true"
-        errorText="An Error ocurred">Update
-</ww:a>
-<br/><br/>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson3/index.jsp

-<%@ taglib prefix="ww" uri="/webwork" %>
-<html>
-<head>
-    <title>AJAX-based remote link tag</title>
-    <%@ include file="/ajax/commonInclude.jsp" %>
-</head>
-
-<body>
-
-<h2>Examples</h2>
-
-<p>
-    <ol>
-        <li>
-            <a href="example7.jsp">Link and DIV example</a>
-        </li>
-
-    </ol>
-
-
-</p>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson5/.#example8.jsp.1.2

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="webwork" %>
-
-<html>
-<head>
-    <title>Ajax examples - tabbled panel</title>
-
-    <jsp:include page="../commonInclude.jsp"/>
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/tabs.css"/>">
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyCorners.css"/>">
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyPrint.css"/>" media="print">
-    <script type="text/javascript" src="<ww:url value="/webwork/niftycorners/nifty.js"/>"></script>
-    <script type="text/javascript">
-        dojo.event.connect(window, "onload", function() {
-            if (!NiftyCheck())
-                return;
-            Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
-            Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
-            //                Rounded("div#tab_header_main li","top","white","transparent","border #ffffffS");
-            // "white" needs to be replaced with the background color
-        });
-    </script>
-</head>
-
-<body>
-
-    <table cellpadding="0" cellspacing="10" border="0" width="600">
-        <tr>
-            <td align="top">
-                <ww:tabbedPanel id="test" >
-                    <ww:panel id="one" tabName="one">
-                        This is the first pane<br/>
-                        <ww:form>
-                            <ww:textfield name="tt" label="Test Text"/>  <br/>
-                            <ww:textfield name="tt2" label="Test Text2"/>
-                        </ww:form>
-                    </ww:panel>
-                    <ww:panel id="two" tabName="two">
-                        This is the second panel
-                    </ww:panel>
-                    <ww:panel id="three" tabName="three">
-                        This is the three
-                    </ww:panel>
-                </ww:tabbedPanel>
-            </td>
-            <td align="top">
-                <ww:tabbedPanel id="test2" >
-                    <ww:panel id="left" tabName="left">
-                        This is the left pane<br/>
-                        <ww:form>
-                            <ww:textfield name="tt" label="Test Text"/>  <br/>
-                            <ww:textfield name="tt2" label="Test Text2"/>
-                        </ww:form>
-                    </ww:panel>
-                    <ww:panel remote="true" href="/AjaxTest.action" id="ryh1" theme="ajax"
-                                    tabName="remote one"></ww:panel>
-                    <ww:panel id="middle" tabName="middle">
-                        middle tab<br/>
-                        <ww:form>
-                            <ww:textfield name="tt" label="Test Text44"/>  <br/>
-                            <ww:textfield name="tt2" label="Test Text442"/>
-                        </ww:form>
-                    </ww:panel>
-                    <ww:panel remote="true" href="/AjaxTest.action" id="ryh21" theme="ajax" tabName="remote right"/>
-                </ww:tabbedPanel>
-            </td>
-        </tr>
-        <tr>
-            <td align="top">
-                <ww:tabbedPanel id="testremote">
-                    <ww:panel remote="true" href="/AjaxTest.action" id="r1" theme="ajax" tabName="remote one"></ww:panel>
-                    <ww:panel remote="true" href="/AjaxTest.action" id="r2" theme="ajax" tabName="remote two"></ww:panel>
-                    <ww:panel remote="true" href="/AjaxTest.action" id="r3" theme="ajax"
-                                    tabName="remote three"></ww:panel>
-                </ww:tabbedPanel>
-            </td>
-            <td align="top">
-                <ww:tabbedPanel id="test3" >
-                    <ww:panel id="left1" tabName="out one">
-                        Outer one<br/>
-                        <ww:tabbedPanel id="test11">
-                            <ww:panel id="i11" tabName="inner 1 one">Inner 1</ww:panel>
-                            <ww:panel id="112" tabName="inner 1 two">Inner 2</ww:panel>
-                            <ww:panel id="i13" tabName="inner 1 three">Inner 3</ww:panel>
-                        </ww:tabbedPanel>
-                    </ww:panel>
-                    <ww:panel id="middle1" tabName="out two">
-                        Outer two<br/>
-                        <ww:tabbedPanel id="test12" >
-                            <ww:panel id="i21" tabName="inner 2 one">Inner 21</ww:panel>
-                            <ww:panel id="122" tabName="inner 2 two">Inner 22</ww:panel>
-                            <ww:panel id="i23" tabName="inner 2 three">Inner 23</ww:panel>
-                        </ww:tabbedPanel>
-                    </ww:panel>
-                    <ww:panel id="right1" tabName="out three">
-                        Outer three<br/>
-                        <ww:tabbedPanel id="test13">
-                            <ww:panel id="i31" tabName="inner 3 one">Inner 31</ww:panel>
-                            <ww:panel id="132" tabName="inner 3 two">Inner 32</ww:panel>
-                            <ww:panel id="i33" tabName="inner 3 three">Inner 33</ww:panel>
-                        </ww:tabbedPanel>
-                    </ww:panel>
-                </ww:tabbedPanel>
-            </td>
-        </tr>
-    </table>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson5/example8-1.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
-
-<html>
-<head>
-    <title>Ajax examples - tabbled panel</title>
-
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/tabs.css"/>">
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyCorners.css"/>">
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyPrint.css"/>" media="print">
-    <script type="text/javascript" src="<ww:url value="/webwork/niftycorners/nifty.js"/>"></script>
-    <script type="text/javascript">
-        window.onload = function() {
-            if (!NiftyCheck())
-                return;
-            Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
-            Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
-            //                Rounded("div#tab_header_main li","top","white","transparent","border #ffffffS");
-            // "white" needs to be replaced with the background color
-        }
-    </script>
-</head>
-
-<body>
-
-    <table cellpadding="0" cellspacing="10" border="0" width="600">
-        <tr>
-            <td align="top">
-                <ww:tabbedPanel id="test" theme="ajax">
-                    <ww:panel id="one" tabName="one" theme="ajax" >
-                        This is the first pane<br/>
-                        <ww:form>
-                            <ww:textfield name="tt" label="Test Text"/>  <br/>
-                            <ww:textfield name="tt2" label="Test Text2"/>
-                        </ww:form>
-                    </ww:panel>
-                    <ww:panel id="two" tabName="two" theme="ajax">
-                        This is the second panel
-                    </ww:panel>
-                    <ww:panel id="three" tabName="three" theme="ajax">
-                        This is the three
-                    </ww:panel>
-                </ww:tabbedPanel>
-            </td>
-        </tr>
-    </table>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson5/example8-2.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
-
-<html>
-<head>
-    <title>Ajax examples - tabbled panel</title>
-
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/tabs.css"/>">
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyCorners.css"/>">
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyPrint.css"/>" media="print">
-    <script type="text/javascript" src="<ww:url value="/webwork/niftycorners/nifty.js"/>"></script>
-    <script type="text/javascript">
-        dojo.event.connect(window, "onload", function() {
-            if (!NiftyCheck())
-                return;
-            Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
-            Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
-            //                Rounded("div#tab_header_main li","top","white","transparent","border #ffffffS");
-            // "white" needs to be replaced with the background color
-        });
-    </script>
-</head>
-
-<body>
-
-    <table cellpadding="0" cellspacing="10" border="0" width="600">
-        <tr>
-            <td align="top">
-                <!--// START SNIPPET: tabbedpanel-tag-->
-                <ww:tabbedPanel id="test2" theme="simple" >
-                      <ww:panel id="left" tabName="left" theme="ajax">
-                          This is the left pane<br/>
-                          <ww:form >
-                              <ww:textfield name="tt" label="Test Text" />  <br/>
-                              <ww:textfield name="tt2" label="Test Text2" />
-                          </ww:form>
-                      </ww:panel>
-                      <ww:panel remote="true" href="/AjaxTest.action" id="ryh1" theme="ajax" tabName="remote one" />
-                      <ww:panel id="middle" tabName="middle" theme="ajax">
-                          middle tab<br/>
-                          <ww:form >
-                              <ww:textfield name="tt" label="Test Text44" />  <br/>
-                              <ww:textfield name="tt2" label="Test Text442" />
-                          </ww:form>
-                      </ww:panel>
-                      <ww:panel remote="true" href="/AjaxTest.action"  id="ryh21" theme="ajax" tabName="remote right" />
-                  </ww:tabbedPanel>
-                <!--// END SNIPPET: tabbedpanel-tag-->
-             </td>
-        </tr>
-    </table>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson5/example8.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
-
-<html>
-<head>
-    <title>Ajax examples - tabbled panel</title>
-
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/tabs.css"/>">
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyCorners.css"/>">
-    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyPrint.css"/>" media="print">
-    <script type="text/javascript" src="<ww:url value="/webwork/niftycorners/nifty.js"/>"></script>
-    <script type="text/javascript">
-        dojo.event.connect(window, "onload", function() {
-            if (!NiftyCheck())
-                return;
-            Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
-            Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
-            //                Rounded("div#tab_header_main li","top","white","transparent","border #ffffffS");
-            // "white" needs to be replaced with the background color
-        });
-    </script>
-</head>
-
-<body>
-
-    <table cellpadding="0" cellspacing="10" border="0" width="600">
-        <tr>
-            <td align="top">
-                <ww:tabbedPanel id="test" >
-                    <ww:panel id="one" tabName="one">
-                        This is the first pane<br/>
-                        <ww:form>
-                            <ww:textfield name="tt" label="Test Text"/>  <br/>
-                            <ww:textfield name="tt2" label="Test Text2"/>
-                        </ww:form>
-                    </ww:panel>
-                    <ww:panel id="two" tabName="two">
-                        This is the second panel
-                    </ww:panel>
-                    <ww:panel id="three" tabName="three">
-                        This is the three
-                    </ww:panel>
-                </ww:tabbedPanel>
-            </td>
-            <td align="top">
-                <ww:tabbedPanel id="test2" >
-                    <ww:panel id="left" tabName="left">
-                        This is the left pane<br/>
-                        <ww:form>
-                            <ww:textfield name="tt" label="Test Text"/>  <br/>
-                            <ww:textfield name="tt2" label="Test Text2"/>
-                        </ww:form>
-                    </ww:panel>
-                    <ww:panel remote="true" href="/AjaxTest.action" id="ryh1" theme="ajax"
-                                    tabName="remote one"></ww:panel>
-                    <ww:panel id="middle" tabName="middle">
-                        middle tab<br/>
-                        <ww:form>
-                            <ww:textfield name="tt" label="Test Text44"/>  <br/>
-                            <ww:textfield name="tt2" label="Test Text442"/>
-                        </ww:form>
-                    </ww:panel>
-                    <ww:panel remote="true" href="/AjaxTest.action" id="ryh21" theme="ajax" tabName="remote right"/>
-                </ww:tabbedPanel>
-            </td>
-        </tr>
-        <tr>
-            <td align="top">
-                <ww:tabbedPanel id="testremote">
-                    <ww:panel remote="true" href="/AjaxTest.action" id="r1" theme="ajax" tabName="remote one"></ww:panel>
-                    <ww:panel remote="true" href="/AjaxTest.action" id="r2" theme="ajax" tabName="remote two"></ww:panel>
-                    <ww:panel remote="true" href="/AjaxTest.action" id="r3" theme="ajax" tabName="remote three"></ww:panel>
-                </ww:tabbedPanel>
-            </td>
-            <td align="top">
-                <ww:tabbedPanel id="test3" >
-                    <ww:panel id="left1" tabName="out one">
-                        Outer one<br/>
-                        <ww:tabbedPanel id="test11">
-                            <ww:panel id="i11" tabName="inner 1 one">Inner 1</ww:panel>
-                            <ww:panel id="112" tabName="inner 1 two">Inner 2</ww:panel>
-                            <ww:panel id="i13" tabName="inner 1 three">Inner 3</ww:panel>
-                        </ww:tabbedPanel>
-                    </ww:panel>
-                    <ww:panel id="middle1" tabName="out two">
-                        Outer two<br/>
-                        <ww:tabbedPanel id="test12" >
-                            <ww:panel id="i21" tabName="inner 2 one">Inner 21</ww:panel>
-                            <ww:panel id="122" tabName="inner 2 two">Inner 22</ww:panel>
-                            <ww:panel id="i23" tabName="inner 2 three">Inner 23</ww:panel>
-                        </ww:tabbedPanel>
-                    </ww:panel>
-                    <ww:panel id="right1" tabName="out three">
-                        Outer three<br/>
-                        <ww:tabbedPanel id="test13">
-                            <ww:panel id="i31" tabName="inner 3 one">Inner 31</ww:panel>
-                            <ww:panel id="132" tabName="inner 3 two">Inner 32</ww:panel>
-                            <ww:panel id="i33" tabName="inner 3 three">Inner 33</ww:panel>
-                        </ww:tabbedPanel>
-                    </ww:panel>
-                </ww:tabbedPanel>
-            </td>
-        </tr>
-    </table>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson5/index.jsp

-<%@ taglib prefix="ww" uri="/webwork" %>
-<html>
-<head>
-    <title>Tabbed Panes</title>
-    <%@ include file="/ajax/commonInclude.jsp" %>
-</head>
-
-<body>
-
-<h2>Examples</h2>
-
-<p>
-    <ol>
-        <li><a href="example8-1.jsp">A local tabbed panel</a></li>
-        <li><a href="example8-2.jsp">A remote and local tabbed panel</a></li>
-        <li><a href="example8.jsp">Various remote and local tabbed panels (with enclosed tabbed pannels)</a></li>
-    </ol>
-
-
-</p>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson6/example9.jsp

-<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="ww" uri="/webwork" %>
-
-<html>
-<head>
-    <title>Ajax Examples</title>
-    <jsp:include page="/ajax/commonInclude.jsp"/>
-
-    <script language="JavaScript" type="text/javascript">
-        function doSomething() {
-            // stuff to manipulate form
-            return true;
-        }
-    </script>
-
-</head>
-
-<body>
-
-
-Remote form replacing another div:<br/>
-
-<div id='two' style="border: 1px solid yellow;"><b>initial content</b></div>
-<ww:form
-        id='theForm2'
-        cssStyle="border: 1px solid green;"
-        action='/AjaxRemoteForm.action'
-        method='post'
-        theme="ajax">
-
-    <input type='text' name='data' value='WebWork User'>
-
-    <ww:submit value="GO2" theme="ajax" resultDivId="two"/>
-
-</ww:form>
-
-
-Remote form replacing the forms content:<br/>
-<ww:form
-        id='theForm3'
-        cssStyle="border: 1px solid green;"
-        action='/AjaxRemoteForm.action'
-        method='post'
-        theme="ajax">
-
-    <input type='text' name='data' value='WebWork User'>
-
-    <ww:submit value="GO3" theme="ajax" resultDivId="theForm3"/>
-
-</ww:form>
-
-Remote form evaluating suplied JS on completion:<br/>
-<ww:form
-        id='theForm4'
-        cssStyle="border: 1px solid green;"
-        action='/AjaxRemoteForm.action'
-        method='post'
-        theme="ajax">
-
-    <input type='text' name='data' value='WebWork User'>
-
-    <ww:submit value="GO4" theme="ajax" onLoadJS="alert('form submitted');"/>
-
-</ww:form>
-
-Remote form replacing the forms content after confirming results:<br/>
-<ww:form
-        id='theForm5'
-        cssStyle="border: 1px solid green;"
-        action='/AjaxRemoteForm.action'
-        method='post'
-        theme="ajax">
-
-    <input type='text' name='data' value='WebWork User'>
-
-    <ww:submit value="GO3" theme="ajax" resultDivId="theForm5" preInvokeJS="confirm('sure?');"/>
-
-</ww:form>
-
-Remote form replacing the forms content after running a function:<br/>
-<ww:form
-        id='theForm6'
-        cssStyle="border: 1px solid green;"
-        action='/AjaxRemoteForm.action'
-        method='post'
-        theme="ajax">
-
-    <input type='text' name='data' value='WebWork User'>
-
-    <ww:submit value="GO3" theme="ajax" resultDivId="theForm6" preInvokeJS="doSomething();"/>
-
-</ww:form>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/lesson6/index.jsp

-<%@ taglib prefix="ww" uri="/webwork" %>
-<html>
-<head>
-    <title>AJAX-based form submitting</title>
-    <%@ include file="/ajax/commonInclude.jsp" %>
-</head>
-
-<body>
-
-<h2>Examples</h2>
-
-<p>
-    <ol>
-        <li>
-            <a href="example9.jsp">Form examples</a>
-        </li>
-    </ol>
-</p>
-
-</body>
-</html>

webapps/showcase/src/webapp/ajax/remotediv/example1.jsp

+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="ww" uri="/webwork" %>
+
+<html>
+<head>
+    <title>Ajax Examples</title>
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+</head>
+
+<body>
+
+<ww:div
+        id="once"
+        theme="ajax"
+        cssStyle="border: 1px solid yellow;"
+        href="/AjaxTest.action"
+        delay="5000"
+        loadingText="loading...">
+    Initial Content</ww:div>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/remotediv/example2.jsp

+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="ww" uri="/webwork" %>
+
+<html>
+<head>
+    <title>Ajax Examples</title>
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+</head>
+
+<body>
+    <ww:div
+            id="twoseconds"
+            cssStyle="border: 1px solid yellow;"
+            href="/AjaxTest.action"
+            theme="ajax"
+            delay="2000"
+            updateFreq="2000"
+            errorText="There was an error"
+            loadingText="loading...">Initial Content
+    </ww:div>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/remotediv/example3.jsp

+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="ww" uri="/webwork" %>
+
+<html>
+<head>
+    <title>Ajax Examples</title>
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+</head>
+
+<body>
+
+<ww:div
+        id="twoseconds"
+        cssStyle="border: 1px solid yellow;"
+        href="/AjaxTest.action"
+        theme="ajax"
+        delay="2000"
+        updateFreq="%{#parameters.period}"
+        errorText="There was an error">Initial Content</ww:div>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/remotediv/example4.jsp

+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="ww" uri="/webwork" %>
+
+<html>
+<head>
+    <title>Ajax Examples</title>
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+</head>
+
+<body>
+
+<ww:div
+        id="fiveseconds"
+        cssStyle="border: 1px solid yellow;"
+        href="/AjaxTest.action"
+        theme="ajax"
+        delay="1000"
+        updateFreq="5000"
+        errorText="There was an error"
+        loadingText="reloading">loading now</ww:div>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/remotediv/example5.jsp

+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="ww" uri="/webwork" %>
+
+<html>
+<head>
+    <title>Ajax Examples</title>
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+</head>
+
+<body>
+
+<ww:div
+        id="error"
+        cssStyle="border: 1px solid yellow;"
+        href="/AjaxNoUrl.jsp"
+        theme="ajax"
+        delay="1000"
+        errorText="Could not contact server"
+        loadingText="reloading">loading now</ww:div>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/remotediv/example6.jsp

+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="ww" uri="/webwork" %>
+
+<html>
+<head>
+    <title>Ajax Examples</title>
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+</head>
+
+<body>
+
+<ww:div
+        id="error"
+        cssStyle="border: 1px solid yellow;"
+        href="/AjaxNoUrl.jsp"
+        theme="ajax"
+        delay="1000"
+        showErrorTransportText="true"
+        loadingText="reloading">loading now</ww:div>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/remotediv/index.jsp

+<%@ taglib prefix="ww" uri="/webwork" %>
+<html>
+<head>
+    <title>AJAX-based remote DIV tag</title>
+    <%@ include file="/ajax/commonInclude.jsp" %>
+</head>
+
+<body>
+
+<h2>Examples</h2>
+
+<p>
+    <ol>
+        <li>
+            <a href="example1.jsp">A simple DIV that refreshes only once</a>
+        </li>
+
+        <li>
+            <a href="example2.jsp?url=/AjaxTest.action">A simple DIV that updates every 2 seconds</a>
+        </li>
+
+        <li>
+            <a href="example3.jsp?period=3000">A simple DIV that obtains the update freq (3 secs) from the value
+                stack/action</a>
+        </li>
+
+        <li>
+            <a href="example4.jsp">A simple DIV that updates every 5 seconds with loading text and reloading text</a>
+        </li>
+
+        <li>
+            <a href="example5.jsp">A simple DIV's that cannot contact the server</a>
+        </li>
+
+        <li>
+            <a href="example6.jsp">A simple DIV's that cannot contact the server and displays the transport error
+                message</a>
+        </li>
+
+    </ol>
+
+
+</p>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/remoteforms/index.jsp

+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="ww" uri="/webwork" %>
+
+<html>
+<head>
+    <title>Ajax Examples</title>
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+
+    <script language="JavaScript" type="text/javascript">
+        function doSomething() {
+            alert('you can manipulate the form before it gets submitted');
+            return true;
+        }
+    </script>
+
+</head>
+
+<body>
+
+
+Remote form replacing another div:<br/>
+
+<div id='two' style="border: 1px solid yellow;"><b>initial content</b></div>
+<ww:form
+        id='theForm2'
+        cssStyle="border: 1px solid green;"
+        action='/AjaxRemoteForm.action'
+        method='post'
+        theme="ajax">
+
+    <input type='text' name='data' value='WebWork User'>
+
+    <ww:submit value="GO2" theme="ajax" resultDivId="two"/>
+
+</ww:form>
+
+
+Remote form replacing the forms content:<br/>
+<ww:form
+        id='theForm3'
+        cssStyle="border: 1px solid green;"
+        action='/AjaxRemoteForm.action'
+        method='post'
+        theme="ajax">
+
+    <input type='text' name='data' value='WebWork User'>
+
+    <ww:submit value="GO3" theme="ajax" resultDivId="theForm3"/>
+
+</ww:form>
+
+Remote form evaluating suplied JS on completion:<br/>
+<ww:form
+        id='theForm4'
+        cssStyle="border: 1px solid green;"
+        action='/AjaxRemoteForm.action'
+        method='post'
+        theme="ajax">
+
+    <input type='text' name='data' value='WebWork User'>
+
+    <ww:submit value="GO4" theme="ajax" onLoadJS="alert('form submitted');"/>
+
+</ww:form>
+
+Remote form replacing the forms content after confirming results:<br/>
+<ww:form
+        id='theForm5'
+        cssStyle="border: 1px solid green;"
+        action='/AjaxRemoteForm.action'
+        method='post'
+        theme="ajax">
+
+    <input type='text' name='data' value='WebWork User'>
+
+    <ww:submit value="GO3" theme="ajax" resultDivId="theForm5" preInvokeJS="confirm('sure?');"/>
+
+</ww:form>
+
+Remote form replacing the forms content after running a function:<br/>
+<ww:form
+        id='theForm6'
+        cssStyle="border: 1px solid green;"
+        action='/AjaxRemoteForm.action'
+        method='post'
+        theme="ajax">
+
+    <input type='text' name='data' value='WebWork User'>
+
+    <ww:submit value="GO3" theme="ajax" resultDivId="theForm6" preInvokeJS="doSomething();"/>
+
+</ww:form>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/remotelink/index.jsp

+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="ww" uri="/webwork" %>
+
+<html>
+<head>
+    <title>Ajax Examples</title>
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+</head>
+
+<body>
+
+One Component:
+<ww:div
+        id="one"
+        cssStyle="border: 1px solid yellow;"
+        href="/AjaxTest.action"
+        theme="ajax"
+        listenTopics="mylink1_click"
+        delay="1000">Initial Content</ww:div>
+
+<br/><br/>
+
+Two Component:
+<ww:div
+        id="two"
+        cssStyle="border: 1px solid yellow;"
+        href="/AjaxTest.action"
+        theme="ajax"
+        listenTopics="mylink1_click,mylink2_click"
+        delay="1000">Initial Content</ww:div>
+<br/><br/>
+
+Three Component:
+<ww:div
+        id="three"
+        cssStyle="border: 1px solid yellow;"
+        href="/AjaxTest.action"
+        theme="ajax"
+        listenTopics="mylink2_click"
+        delay="1000">Initial Content</ww:div>
+<br/><br/>
+
+<ww:url id="remoteLink" value   ="/AjaxRemoteLink.action" />
+<ww:url id="testLink" value   ="/AjaxTest.action" />
+
+Remote link 1 updating "One Component" and "Two Component"<br/>
+
+<ww:a
+        id="link1"
+        theme="ajax"
+        href="%{remoteLink}"
+        notifyTopics="mylink1_click"
+        showErrorTransportText="true"
+        errorText="An Error ocurred">Update</ww:a>
+<br/><br/>
+
+Remote link 2 updating "Two Component" and "Three Component"<br/>
+<ww:a
+        id="link2"
+        theme="ajax"
+        href="%{remoteLink}"
+        notifyTopics="mylink2_click"
+        showErrorTransportText="true"
+        errorText="An Error ocurred">Update</ww:a>
+<br/><br/>
+
+Remote DIV that is not connected to any remote links:
+<ww:div
+        id="four"
+        cssStyle="border: 1px solid yellow;"
+        href="/AjaxTest.action"
+        theme="ajax"
+        delay="1000">Initial Content</ww:div>
+<br/><br/>
+
+A Remote link that doesn't trigger any remote DIV updates<br/>
+
+<ww:a
+        id="link3"
+        theme="ajax"
+        href="%{remoteLink}"
+        showErrorTransportText="true"
+        errorText="An Error ocurred">Update
+</ww:a>
+<br/><br/>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/tabbedpanel/example1.jsp

+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="ww" uri="/webwork" %>
+
+<html>
+<head>
+    <title>Ajax examples - tabbled panel</title>
+
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/tabs.css"/>">
+    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyCorners.css"/>">
+    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyPrint.css"/>" media="print">
+    <script type="text/javascript" src="<ww:url value="/webwork/niftycorners/nifty.js"/>"></script>
+    <script type="text/javascript">
+        dojo.event.connect(window, "onload", function() {
+            if (!NiftyCheck())
+                return;
+            Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
+            Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
+            //                Rounded("div#tab_header_main li","top","white","transparent","border #ffffffS");
+            // "white" needs to be replaced with the background color
+        });
+    </script>
+</head>
+
+<body>
+
+    <table cellpadding="0" cellspacing="10" border="0" width="600">
+        <tr>
+            <td align="top">
+                <ww:tabbedPanel id="test" >
+                    <ww:panel id="one" tabName="one">
+                        This is the first pane<br/>
+                        <ww:form>
+                            <ww:textfield name="tt" label="Test Text"/>  <br/>
+                            <ww:textfield name="tt2" label="Test Text2"/>
+                        </ww:form>
+                    </ww:panel>
+                    <ww:panel id="two" tabName="two">
+                        This is the second panel
+                    </ww:panel>
+                    <ww:panel id="three" tabName="three">
+                        This is the three
+                    </ww:panel>
+                </ww:tabbedPanel>
+            </td>
+            <td align="top">
+                <ww:tabbedPanel id="test2" >
+                    <ww:panel id="left" tabName="left">
+                        This is the left pane<br/>
+                        <ww:form>
+                            <ww:textfield name="tt" label="Test Text"/>  <br/>
+                            <ww:textfield name="tt2" label="Test Text2"/>
+                        </ww:form>
+                    </ww:panel>
+                    <ww:panel remote="true" href="/AjaxTest.action" id="ryh1" theme="ajax"
+                                    tabName="remote one"></ww:panel>
+                    <ww:panel id="middle" tabName="middle">
+                        middle tab<br/>
+                        <ww:form>
+                            <ww:textfield name="tt" label="Test Text44"/>  <br/>
+                            <ww:textfield name="tt2" label="Test Text442"/>
+                        </ww:form>
+                    </ww:panel>
+                    <ww:panel remote="true" href="/AjaxTest.action" id="ryh21" theme="ajax" tabName="remote right"/>
+                </ww:tabbedPanel>
+            </td>
+        </tr>
+        <tr>
+            <td align="top">
+                <ww:tabbedPanel id="testremote">
+                    <ww:panel remote="true" href="/AjaxTest.action" id="r1" theme="ajax" tabName="remote one"></ww:panel>
+                    <ww:panel remote="true" href="/AjaxTest.action" id="r2" theme="ajax" tabName="remote two"></ww:panel>
+                    <ww:panel remote="true" href="/AjaxTest.action" id="r3" theme="ajax" tabName="remote three"></ww:panel>
+                </ww:tabbedPanel>
+            </td>
+            <td align="top">
+                <ww:tabbedPanel id="test3" >
+                    <ww:panel id="left1" tabName="out one">
+                        Outer one<br/>
+                        <ww:tabbedPanel id="test11">
+                            <ww:panel id="i11" tabName="inner 1 one">Inner 1</ww:panel>
+                            <ww:panel id="112" tabName="inner 1 two">Inner 2</ww:panel>
+                            <ww:panel id="i13" tabName="inner 1 three">Inner 3</ww:panel>
+                        </ww:tabbedPanel>
+                    </ww:panel>
+                    <ww:panel id="middle1" tabName="out two">
+                        Outer two<br/>
+                        <ww:tabbedPanel id="test12" >
+                            <ww:panel id="i21" tabName="inner 2 one">Inner 21</ww:panel>
+                            <ww:panel id="122" tabName="inner 2 two">Inner 22</ww:panel>
+                            <ww:panel id="i23" tabName="inner 2 three">Inner 23</ww:panel>
+                        </ww:tabbedPanel>
+                    </ww:panel>
+                    <ww:panel id="right1" tabName="out three">
+                        Outer three<br/>
+                        <ww:tabbedPanel id="test13">
+                            <ww:panel id="i31" tabName="inner 3 one">Inner 31</ww:panel>
+                            <ww:panel id="132" tabName="inner 3 two">Inner 32</ww:panel>
+                            <ww:panel id="i33" tabName="inner 3 three">Inner 33</ww:panel>
+                        </ww:tabbedPanel>
+                    </ww:panel>
+                </ww:tabbedPanel>
+            </td>
+        </tr>
+    </table>
+
+<ww:include value="../footer.jsp"/>
+
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/tabbedpanel/example2.jsp

+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="ww" uri="/webwork" %>
+
+<html>
+<head>
+    <title>Ajax examples - tabbled panel</title>
+
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/tabs.css"/>">
+    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyCorners.css"/>">
+    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyPrint.css"/>" media="print">
+    <script type="text/javascript" src="<ww:url value="/webwork/niftycorners/nifty.js"/>"></script>
+    <script type="text/javascript">
+        window.onload = function() {
+            if (!NiftyCheck())
+                return;
+            Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
+            Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
+            //                Rounded("div#tab_header_main li","top","white","transparent","border #ffffffS");
+            // "white" needs to be replaced with the background color
+        }
+    </script>
+</head>
+
+<body>
+
+    <table cellpadding="0" cellspacing="10" border="0" width="600">
+        <tr>
+            <td align="top">
+                <ww:tabbedPanel id="test" theme="ajax">
+                    <ww:panel id="one" tabName="one" theme="ajax" >
+                        This is the first pane<br/>
+                        <ww:form>
+                            <ww:textfield name="tt" label="Test Text"/>  <br/>
+                            <ww:textfield name="tt2" label="Test Text2"/>
+                        </ww:form>
+                    </ww:panel>
+                    <ww:panel id="two" tabName="two" theme="ajax">
+                        This is the second panel
+                    </ww:panel>
+                    <ww:panel id="three" tabName="three" theme="ajax">
+                        This is the three
+                    </ww:panel>
+                </ww:tabbedPanel>
+            </td>
+        </tr>
+    </table>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/tabbedpanel/example3.jsp

+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="ww" uri="/webwork" %>
+
+<html>
+<head>
+    <title>Ajax examples - tabbled panel</title>
+
+    <jsp:include page="/ajax/commonInclude.jsp"/>
+    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/tabs.css"/>">
+    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyCorners.css"/>">
+    <link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyPrint.css"/>" media="print">
+    <script type="text/javascript" src="<ww:url value="/webwork/niftycorners/nifty.js"/>"></script>
+    <script type="text/javascript">
+        dojo.event.connect(window, "onload", function() {
+            if (!NiftyCheck())
+                return;
+            Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
+            Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
+            //                Rounded("div#tab_header_main li","top","white","transparent","border #ffffffS");
+            // "white" needs to be replaced with the background color
+        });
+    </script>
+</head>
+
+<body>
+
+    <table cellpadding="0" cellspacing="10" border="0" width="600">
+        <tr>
+            <td align="top">
+                <!--// START SNIPPET: tabbedpanel-tag-->
+                <ww:tabbedPanel id="test2" theme="simple" >
+                      <ww:panel id="left" tabName="left" theme="ajax">
+                          This is the left pane<br/>
+                          <ww:form >
+                              <ww:textfield name="tt" label="Test Text" />  <br/>
+                              <ww:textfield name="tt2" label="Test Text2" />
+                          </ww:form>
+                      </ww:panel>
+                      <ww:panel remote="true" href="/AjaxTest.action" id="ryh1" theme="ajax" tabName="remote one" />
+                      <ww:panel id="middle" tabName="middle" theme="ajax">
+                          middle tab<br/>
+                          <ww:form >
+                              <ww:textfield name="tt" label="Test Text44" />  <br/>
+                              <ww:textfield name="tt2" label="Test Text442" />
+                          </ww:form>
+                      </ww:panel>
+                      <ww:panel remote="true" href="/AjaxTest.action"  id="ryh21" theme="ajax" tabName="remote right" />
+                  </ww:tabbedPanel>
+                <!--// END SNIPPET: tabbedpanel-tag-->
+             </td>
+        </tr>
+    </table>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/ajax/tabbedpanel/index.jsp

+<%@ taglib prefix="ww" uri="/webwork" %>
+<html>
+<head>
+    <title>Tabbed Panes</title>
+    <%@ include file="/ajax/commonInclude.jsp" %>
+</head>
+
+<body>
+
+<h2>Examples</h2>
+
+<p>
+    <ol>
+        <li><a href="example3.jsp">A local tabbed panel</a></li>
+        <li><a href="example2.jsp">A remote and local tabbed panel</a></li>
+        <li><a href="example1.jsp">Various remote and local tabbed panels (with enclosed tabbed pannels)</a></li>
+    </ol>
+
+
+</p>
+
+<ww:include value="../footer.jsp"/>
+
+</body>
+</html>

webapps/showcase/src/webapp/validation/footer.jsp

-<%-- 
-	footer.jsp
-	
-	@author tm_jee
-	@version $Date$ $Id$
---%>
-
-
 <%@taglib uri="/webwork" prefix="ww" %>
 
 <hr/>
 		
 <ww:a href="%{backToValidationExamples}">Back To Validation Examples</ww:a>&nbsp;
 <ww:a href="%{backToShowCase}">Back To Showcase</ww:a>
-