<%@ page import="java.text.SimpleDateFormat"%>
<%@ page import="java.util.Date"%>
<%@ taglib uri="/WEB-INF/ajaxtags.tld" prefix="ajax" %>

<html>
<head>
    <title>AJAX Tags (C) 2005 Jenkov Development</title>
    <link rel="stylesheet" href="/prizetagsdemo/stylesheet.css" type="text/css">
</head>
<body>

<h2>Prize Tags - AJAX Tags Demo - Links</h2>

<script type="text/javascript" src="jenkov_ajaxScript.js"></script>

<ajax:reload targetElement="refreshingElement" time="5000">
    refreshing.jsp
</ajax:reload>

<table class="tableBordered">
    <tr><td width="75%">

        <p><span class="head2">AJAX Example</span><br/><br/>
        AJAX is short for Asynchronous JavaScript And XML.
        </p>
        <p>
        Basically
        AJAX means you can reload parts of an HTML page without reloading
        the whole page. This makes it possible to create a faster and
        nicer feeling website or web app. It takes less time to generate
            the HTML for a part of a page than regenerating the whole page.
            It also takes less bandwith as there is less data to transport.
            Refreshing only part of a page can also reduce the blinking
            of web page refreshes.
        </p>

        <p>
            Try clicking the links below to change the lower of the two
            texts on the right.

            <br/><br/>
            <ajax:link targetElement="linkElement">
                <a href="data1.jsp" >Click to change to text 1 using Ajax Tag</a>
            </ajax:link>
            <br/>
            <ajax:link targetElement="linkElement">
                <a href="data2.jsp" >Click to change to text 2 using Ajax Tag</a>
            </ajax:link>
            <br/>
            <ajax:link targetElement="linkElement">
                <a href="data3.jsp" >Click to change to text 3 using Ajax Tag</a>
            </ajax:link>
        </p>

        <p>
            As you can see the main page doesn't refresh. To prove this look
            at the time stamp at the bottom. That time stamp changes whenever
            you refresh the whole page.

        </p>
        <p>
            Last refresh: <%=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date())%>
        </p>

        </td>
        <td valign="top" bgcolor="#eeeeee"><table>
            <tr><td id="refreshingElement">This text is reloaded automatically</td></tr>
            <tr><td >&nbsp;</td></tr>
            <tr><td id="linkElement">This text is changed by clicking the links</td></tr>
        </table></td>
    </tr>

</table>


</body>
</html>