www.webdeveloper.com
Results 1 to 2 of 2

Thread: New teacher

  1. #1
    Join Date
    Oct 2007
    Posts
    3

    New teacher

    Hi,
    I'm trying to develop a script.
    I have part of it. See below:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title> Untitled </title>
    <script type="text/javascript">

    </script>

    <style type="text/css">

    </style>
    </head>
    <body>
    A. What <a href="" title="was were" onclick="return false">________</a> Greta doing yesterday? <br>
    B. <a href="" title="He She They" onclick="return false">________</a> cleaning <a href="" title="his her their" onclick="return false">________</a> apartment. <br>

    </body>
    </html>

    What I want to have happen is the student will click on a word that appears upon rollover and when he does so the word will appear in the space.
    (So, when the student rolls over the space the choices appear and then the student clicks on one of the words and that choice fills-in the space.)
    Also, on rollover the pop-up only last for a short time. Can the pop-up stay visible longer?
    Thanks so much in advance,
    Bill

  2. #2
    Join Date
    Mar 2011
    Posts
    1,108
    I have two suggestions. First, use a complete <!DOCTYPE> statement so that your pages will be rendered by all browsers in Standards Compliance Mode. Search on "doctype switch" and you'll find some good advice.

    Second, this sounds like too much magic for a student test or quiz. I suspect that this code is ultimately going to be incorporated into a <form>, so why not use <select>s for the word choices. Something like:
    Code:
    A. What <select name="q1" size="1">
    <option value="">(choose)</option>
    <option value="was">was</option>
    <option value="were">were</option>
    </select> Greta doing yesterday? <br>
    B. <select name="q2" size="1">
    <option value="">(choose)</option>
    <option value="He">He</option>
    <option value="She">She</option>
    <option value="They">They</option>
    </select> was cleaning <select name="q3" size="1">
    <option value="">(choose)</option>
    <option value="his">his</option>
    <option value="her">her</option>
    <option value="their">their</option>
    </select> apartment. <br>
    Rick Trethewey
    Rainbo Design

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles