gui-programming/assignment6.html at gh-pages · justintimeforlunch/gui-programming · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="css/start.css">

    <!--
        Name: Justin Nguyen
        Contact: [email protected]
        Major: Computer Science
        School: University of Massachusetts Lowell
        Date created: October 16, 2015
        91.461 - GUI 1
        Description: Assignment 6 - Creating an Interactive Dynamic Table
        Copyright [2015] by Justin Nguyen. All rights reserved.
        May be freely copied or excerpted for educational purposes with credit to the author.
    -->

    <!--
  load jQuery library from the Google Content Delivery Network (CDN)
  see http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/
  however, note that you obviously must be online for this to work
  alternatively, you can download jQuery and store it locally from
     http://jquery.com/download/
    -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/assignment6.js"></script>


    <title>Assignment 6 - Justin Nguyen</title>
</head>

<!-- Contact Page -->

<body class="main">
    <h1 class="center">Creating an Interactive Dynamic Table</h1>

    <ul class="nav">
        <li class="nav"><a href="index.html" class="links">Home</a></li>
        <li class="nav"><a href="assignments.html" class="links">Assignments</a></li>
        <li class="nav"><a href="contact.html" class="links">Contact</a></li>
        <li class="nav"><a href="about.html" class="links">About</a></li>
    </ul>

    <h2>Dynamic Multiplication Table</h2>

    <!--Assignment 6-->
    <form>
        Horizonal Rows<br>
        Range:
        <input type="text" size="5" value="1" name="rowSt" />
        to
        Range:
        <input type="text" size="5" value="5" name="rowEn" />
        <br> <br>
        Vertical Columns
        <br>
        Range:
        <input type="text" size="5" value="1" name="colSt" />
        to
        Range:
        <input type="text" size="5" value="5" name="colEn" />
        <br>
        <input type="submit" value="Submit" />
    </form> <br>

    <div id="table"></div>

    <br><br>

    <!--Tried to make the image go to the right of the site but realized
        that it couldn't because of the potential increase of the size of the table.
    Photo Credit: http://www.math.unl.edu/~s-khall13/                              -->
    <img src="images/mathrules.jpg" alt="math-rules!" style="width:216px; height:140px">

    <!--  Footer -->
    <div class="clearfooter"></div>
    <div id="footer"> Under Development [2015] Justin Nguyen </div>
</body>
</html>