Source

head-first-jquery / page329.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
    <title>2011 Race Finishers</title>
    <link href="styles/page295.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <h2>2011 Race Finishers!</h2>

    <div id="main">
        <ul class="idTabs">
            <li><a href="#male">Male Finishers</a></li>
            <li><a href="#female">Female Finishers</a></li>
            <li><a href="#all">All Finishers</a></li>
            <li><a href="#new">Add New Finisher</a></li>
        </ul>
        <div id="male">
            <h4>Male Finishers</h4>
            <ul id="finishers_m"></ul>
        </div>
        <div id="female">
            <h4>Female Finishers</h4>
            <ul id="finishers_f"></ul>
        </div>
        <div id="all">
            <h4>All Finishers</h4>
            <ul id="finishers_all"></ul>
        </div>
        <div id="new">
            <h4>Add New Finisher</h4>
            <form id="addRunner" name="addRunner" action="service.php" method="POST">
                First Name: <input type="text" name="txtFirstName" id="txtFirstName" /> <br />
                Last Name: <input type="text" name="txtLastName" id="txtLastName" /> <br />
                Gender: <select id="ddlGender" name="ddlGender">
                    <option value="">--Please Select--</option>
                    <option value="f">Female</option>
                    <option value="m">Male</option>
                </select><br/>
                Finish Time: 
                <input type="text" name="txtMinutes" id="txtMinutes" size="10" maxlength="2" />(Minutes)
                <input type="text" name="txtSeconds" id="txtSeconds" size="10" maxlength="2" />(Seconds)
                <br/><br/>
                <button type="submit" name="btnSave" id="btnSave">Add Runner</button>
                <input type="hidden" name="action" value="addRunner" id="action" />
            </form>
        </div>
    </div>

    <h4>Congratulations to all our finishers!</h4>
    <button id="btnStart">Start Page Updates</button>
    <button id="btnStop">Stop Page Updates</button>
    <p id="freq"></p>
    <p>Last Updated: <em id="updatedTime"></em></p>

    <script src="scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="scripts/page334.js" type="text/javascript"></script>
    <script src="scripts/jquery.idTabs.min.js" type="text/javascript"></script>
</body>
</html>