-
Notifications
You must be signed in to change notification settings - Fork 0
/
Mult2.html
75 lines (67 loc) · 3.29 KB
/
Mult2.html
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
<!DOCTYPE HTML>
<html>
<head>
<title>Dynamic Tabs</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--
Some code is from the following author, though many changes have been made.
File: /~heines/91.461/91.461-2014-15f/461-lecs/code/DynamicTabs.html
Jesse M. Heines, UMass Lowell Computer Science, heines@cs.uml.edu
Copyright (c) 2014 by Jesse M. Heines. All rights reserved. May be freely
copied or excerpted for educational purposes with credit to the author.
updated by JMH on November 14, 2014 at 9:10 PM
Andrew DiBiasio andrew_dibiasio@student.uml.edu
I am a Computer Science Major at the University of Massachusetts Lowell.
I created this file as part of an assignment for my course 91.461 GUI Programming I.
This is my multTabs.html file that creates a dynamic multiplication table from values
submitted in my form by the user. My form is created using html form. I also create
the div myTabs. The myTabs div contains the tabs that contain the multiplication tables
which are both created dynamically using multTabsScript.js.
Created on Nov 28, 2014
-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript" src="js/multTabsScript.js"> </script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" href="css/Main_Style.css" />
</head>
<body>
<!-- This block of code is my Navigation list -->
<!--<div class="Navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="About.html">About</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Shel_Silverstein.html">Poem</a></li>
<li><a href="Mult.html">Multiply</a></li>
</ul>
</div> removed for now -->
<!-- End of Navigation div -->
<div id="Background_layer2" class="background">
<div id="page" class="background">
<h1 class="title">Multiplication Table</h1>
<!-- This block of code -->
<div id="Body1">
<form name="multiplicationForm" id="multiplicationForm" action="javascript:void(0)">
Multiply Start:<input type="text" name="multiplyStart" id="multiplyStart" size="10" tabindex="1" /><br />
Multiply End:<input type="text" name="multiplyEnd" id="multiplyEnd" size="10" tabindex="1" /><br />
Multiplicand Start:<input type="text" name="multiplicandStart" id="multiplicandStart" size="10" tabindex="1" /><br />
Multiplicand End:<input type="text" name="multiplicandEnd" id="multiplicandEnd" size="10" tabindex="1" /><br />
<input type="submit" name="CreateTable" id="CreateTable" value="Create Table" tabindex="2" />
</form>
<br />
<button id="remove-all">Remove All Tables</button>
</div>
<!-- End of Body1 div -->
<div id="myTabs"> <!-- all tabs and tables are dynamically placed in this div -->
<ul>
</ul>
</div>
<!-- End of myTabs div -->
</div>
<!-- End of page div -->
</div>
<!-- End of Background_layer2 div -->
</body>
</html>