Files
aladin-lite/bug-tracking/GLIMPSE.html
2014-10-23 07:07:36 +00:00

59 lines
1.5 KiB
HTML

<!doctype html>
<html>
<head>
<style>
/* body {
padding: 0;
margin: 0;
}
*/
html, body, #aladin-lite-div {
height: 600px;
width: 800px;
}
</style>
<link rel="stylesheet" href="..//distrib/aladin-0.5.1.min.css" />
</head>
<body>
<!-- <script type="text/javascript" src="http://aladin.u-strasbg.fr/AladinLite/api/v1/jquery-1.9.1.min.js" charset="utf-8"></script> -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<input type="button" id="selectBtn" value="Select" />
<!-- <div id="aladin-statsDiv"></div> -->
<div id="aladin-lite-div" ></div>
<script type="text/javascript" src="../distrib/aladin-0.5.1.js" charset="utf-8"></script>
<script type="text/javascript">
var aladin = A.aladin('#aladin-lite-div', {target: "sgr a*", survey: "P/SPITZER/color", zoom: 3, reticleColor: '#099', reticleSize: 50});
var baseImage = aladin.getBaseImageLayer();
var prog = aladin.createProgressiveCatalog('http://alasky.u-strasbg.fr/ProgressiveCats/GLIMPSE', 'galactic', 8, {name: 'Prog. GLIMPSE', sourceSize: 8});
aladin.addCatalog(prog);
aladin.on('select', function(sources) {
// do something with the selected sources
console.log(sources.length);
});
$('#selectBtn').click(function() {
aladin.select();
});
aladin.on('objectClicked', function(obj) {
console.log(obj.data.MAIN_ID);
});
</script>
</body>
</html>