-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmain.html
75 lines (68 loc) · 2.54 KB
/
main.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>Get in Your Element</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="structure.css" />
<link rel="stylesheet" href="colors.css" />
</head>
<body id="body">
<div data-role="page" id="container">
<h1><span id="title">Get in Your Element</span>
<select id="dropdown" onchange="replaceval();">
<option value="atomic_mass">Atomic Mass (g/mol)</option>
<option value="electronegativity">Electronegativity</option>
<option value="atomic_radius">Covalent Radius (Å)</option>
<option value="first_ionization_energy">First Ionization Energy (eV)</option>
<option value="second_ionization_energy">Second Ionization Energy (eV)</option>
<option value="third_ionization_energy">Third Ionization Energy (eV)</option>
</select>
</h1>
<div id="container" data-role="container">
<table border = "0" cellspacing = "0" cellpadding = "0" id="periodic">
<table cellspacing = "0" cellpadding = "0" id = "infocell">
<!--<tr>
<td class = "name info">Darmstadtium</td>
<td></td>
<td class = "right info">Electronegativity: 1.00</td>
</tr>
<tr>
<td class = "element_symbol info">Uuo<td>
<td class = "right info">
Category: alkali metal
</td>
</tr>
<tr>
<td class = "info" id = "append"></td>
<td></td>
<td class = "right info">Covalent radius: 32pm</td>
</tr>-->
</table>
</table>
<!-- <div id = "a1" class="element alkalimetal">
<p>
<span class = "anumber">118</span>
<span class = "amass">9.008</span>
</p>
<br>
<div class="symbol">H</div>
</div>
<div class = "empty"></div>
<div class = "empty"></div>
<div id = "a2" class="element alkalimetal">
<p>
<span class = "anumber">118</span>
<span class = "amass">9.008</span>
</p>
<br>
<div class="symbol">H</div>
</div> -->
</div><!-- /content -->
</div><!-- /page -->
<div class="legend" id="legend"><p class="label">low </p><img id="image"></img><p class="label"> high</p></div>
<!-- scripts -->
<script src="jquery-2.0.2.min.js"></script>
<script src = "script_on_ready.js"></script>
<script src = "dom.js"></script>
</body>
</html