Listing 4. Ajax Version of pl-words.html

<html>
    <head>
        <title>Pig Latin translator</title>
        <script src="/prototype.js" type="text/javascript">
        </script>
    </head>

    <body>
        <p>Enter the words you wish to translate into Pig Latin:</p>

        <form id="form" name="form" method="POST" action="pl-words.cgi">
            <textarea id="words" name="words">Enter words here</textarea>
            <p><input type="submit" value="Translate" /></p>
        </form>
    </body>

    <script language="JavaScript" type="text/javascript">
        function translateFunction() {

        var myAjax = new Ajax.Request(
            '/pl-words.cgi',
            {
                parameters: Form.serialize('form')
            });
        }

        new Form.Element.Observer($("words"), 3, translateFunction);
    </script>


</html>

