morphemeris_php/chart.html at master · morphatic/morphemeris_php · 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
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Chart</title>
		<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/dark-hive/jquery-ui.css">
		<link rel="stylesheet" href="css/chart.css">
	</head>
	<body>
		<table id="container">
			<tr>
				<td>
					<div id="chart"></div>
				</td>
				<td>
					<div id="panel">
						<ul>
							<li><a href="#charts_tab">Charts</a></li>
							<li><a href="#planets_tab">Planets</a></li>
							<li><a href="#aspects_tab">Aspects</a></li>
						</ul>
						<div id="charts_tab">

						</div>
						<div id="planets_tab">
							<p>
								Select which planets you'd like displayed on the chart.
							</p>
							<ul></ul>
						</div>
						<div id="aspects_tab">
							<p>
								Select which aspects you'd like displayed on the chart.
							</p>
							<div id="aspect_toolbar" class="ui-widget-header ui-corner-all">
								<button id="all_aspects">All</button>
								<button id="no_aspects">None</button>
								<button id="common_aspects">Common</button>
							</div>
							<ul></ul>
						</div>
					</div>
				</td>
			</tr>
		</table>
		<script src="//code.jquery.com/jquery-2.1.0.min.js"></script>
		<script src="//code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
		<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.4/d3.min.js"></script>
		<script src="js/chart.js"></script>
		<script>
			$(function(){
				var morgan = { lat: 37.413611, lon:  -79.1425,  date: '2/18/1974 12:30 AM', tz: 'UTC' },
					nicole = { lat: 35.216667, lon:  -80.85,    date: '4/25/1976  1:02 PM', tz: 'UTC' },
					//nozomi = { lat: 43.483333, lon: 142.08333,  date: '7/30/1973  2:57 PM', tz: 'UTC' },
					//melvin = { lat: 38.857985, lon: -77.227071, date: '1/06/1994  6:00 AM', tz: 'America/New_York' },
					lauren = { lat: 40.353669, lon: -74.063367, date: '2/13/1992 11:52 PM', tz: 'America/New_York' },
					shaina = { lat: 38.311582, lon: -77.480624, date: '10/27/1991 1:00 AM', tz: 'America/New_York' },
					chart  = new Chart( 'chart', 700, 700, 350 );

				//console.log( chart );
				$.get( 'ephemeris.php', morgan )
				 .done( function( cdata ) {
					chart.mini( cdata );
					//$.get( 'ephemeris.php' ).done( function( tdata ) { chart.draw( cdata, tdata ); } );
				});
				$( '#panel' ).tabs();

			});
		</script>
	</body>
</html>