mirror of
https://github.com/cds-astro/aladin-lite.git
synced 2026-01-11 04:36:13 -08:00
41 lines
1.2 KiB
HTML
41 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
|
|
<link rel="stylesheet" href="../distrib/latest/aladin.min.css" />
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<script src="http://code.jquery.com/jquery-1.12.1.min.js"></script>
|
|
|
|
|
|
<div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
|
|
<div id='aladin-statsDiv'></div>
|
|
<script type="text/javascript" src="../distrib/latest/aladin.js" charset="utf-8"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
// Start up Aladin Lite
|
|
var aladin = A.aladin('#aladin-lite-div', {target: 'M51', fov: 0.3, survey: 'P/DSS2/red'});
|
|
|
|
var bottomBox = aladin.box({title: 'Mon super test', position: 'bottom', content: 'coucou', css: {'font-size': '11px', left: '20%', width: '60%', 'max-height': '15%'}, contentCss: {'background-color': 'pink'}});
|
|
bottomBox.show();
|
|
|
|
var rightBox = aladin.box({title: 'Mon super test horitzontal', position: 'right', content: 'coucou', css: {'font-size': '11px', top: '20%', 'max-height': '20%', 'max-width': '30%'}});
|
|
//var rightBox = aladin.box({position: 'right', content: 'coucou', css: {'font-size': '11px', top: '20%', height: '20%'}});
|
|
//rightBox.show();
|
|
|
|
|
|
rightBox.setContent('un autre super super contenu');
|
|
rightBox.show();
|
|
|
|
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|