Writing questions to go with story

This sample code will be used with student in the class to write a short story with accompanying questions.

<!DOCTYPE html>
<html>
    <head>
        <title>Demandaro 37</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script>
            $(document).ready(function() {
                $("form").submit(function(event){
                    event.preventDefault();
                    var $form = $ (this),
                    url = $form.attr('action');
                    var values = $form.serialize();
                    $("#thereply").html(values);
                    $.post(url,values,
                    function(data) {
                        $('#thereply').html(data);
                    });
                }); 
            });

        </script>
        <style>
            img{float:left;}
            .clear{clear:both;}
            #container{	max-width: 800px; margin: auto; padding: 0;}

        </style>
    </head>
    <body>
        <div id="container">
            <h1>Adventuroj de Johanino Kaj Karlo</h1>
            <img src="bildoj/tago38.png" width="577" height="307" alt="tago38"/>

            <p class="clear">En Sud-Ameriko.  -- Post longa vojaĝo sur la plej granda maro, la geknoboj alvenis en Argentino.
                La Ŝipestro plej afable parolis al ili en Esperanto.  Hodiaŭ ili rajdas sur belaj ĉevaloj, ili ŝajnas fieraj.
                Ankaŭ la sudamerikaj amikoj rajdas;  iliaj ĉevaloj estas pli rapiaj ol tiuj de la geknaboj.  
                Unu sudamerikano ĵetis kaptoŝnuron por kapti sovaĝan ĉevalidon.  La hundo renkontis supenton.  
                La serpento levas la kapon super la herbo;  la hundo tremas;  ŝajne, ĝi estas maltrankvila.  
                Post unu momento, ĝi forkuros tra la kamparo, tiel rapide kiel sovaĝa ĉevalido.</p>
            <h2>Respondu al la jenaj demandoj.</h2>
            <div id="thereply">
                waiting for reply...
            </div>
            1.  Kie estas la geknaboj??
            <form action="http://bazaesperanto.com/respondo.php">
                <input type="hidden" value="PUT CHAPTER NUMBER HERE" name="chapter">
                <input type="hidden" value="1" name="qnum">
                <input name="myresponse" size="60" type="text"/>
            </form> 


            2.  Sur kia maro ili vojaĝas?
            <form action="http://bazaesperanto.com/respondo.php">
                <input type="hidden" value="PUT CHAPTER NUMBER HERE" name="chapter">
                <input type="hidden" value="2" name="qnum">
                <input name="myresponse" size="60" type="text"/>
            </form> 

        </div>
    </body>
</html>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s