CINXE.COM
Solar data viewer
<!DOCTYPE HTML> <HEAD> <TITLE>Solar data viewer</TITLE> <LINK type="text/css" href="styleSheet.css" media="screen" rel="stylesheet" title="Default" > <meta charset="UTF-8"> </HEAD> <BODY> <P class="center"> <A HREF=http://nisp.nso.edu> <IMG SRC=staticImages/NISP.jpg alt="banner"> </a> </p> <table class="centerNoBorder"> <tr class="noBorder"> <td class="noBorder" style="width:10%"> <P class="centerInTable" id="linkIconsPara"> </p> </td> <td class="noBorder" style="width:5%"> <P class="centerInTable" id="ftpIconPara"> </p> </td> <td class="noBorder" style="width:15%"> <P class="centerInTable" id="leftSpacePara"> </p> </td> <td class="noBorder" style="width:40%"> <P class="centerInTable" id="titlePara"> </p> </td> <td class="noBorder" style="width:15%"> <P class="centerInTable" id="rightSpacePara"> </p> </td> <td class="noBorder" style="width:5%"> <P class="centerInTable" id="faqLinkPara"> </p> </td> <td class="noBorder" style="width:10%"> <P class="centerInTable" id="dataActionsPara"> </p> </td> </tr> </table> <P class="center"> <IMG SRC=staticImages/bar.jpg alt="bar"> </p> <script> // Set global variables. var configFile="configs/hAlpha.cfg"; var prodIndex=6; var endDelayFactor=1.0; var wait_time = 50; var a_mode=0; var img_arr = new Array(); var zoom_arr = new Array(); var data_arr = new Array(); var nframes = 0; var cur_frame = -1; var loading=true; var numLoaded=0; var numProds=0; var lookbackDays=2 var maxLookbackDays=20; var imageInc=1 var pDescrs=new Array(); var pDirs=new Array(); var pImFiles=new Array(); var pDirStrs=new Array(); var pFileStrs=new Array(); var pTemporalDescrs=new Array(); var pHourOffsets=new Array(); var pMinuteOffsets=new Array(); var pSecondOffsets=new Array(); var pFtpSites=new Array(); var pZoomFileSubs=new Array(); var pDataFileSubs=new Array(); var pFAQlinks=new Array(); var lastDataUrl; var needToStartTimer=true; var internalInc=1; var ageSec=-1; var autoReloadAgeDays=-1; var autoReloadIntervalSec=-1; var lastLoadTime=0; var setMin=-1; var setMax=-1; var playOnLoad=false; var latestImagesNum=0; var latestImagesSkip=1; var dataDelivery=0; </script> <script src="animation.js"></script> <script src="loadData.js"></script> <script src="loadTimes.js"></script> <script src="timeMethods.js"></script> <script src="loadMostRecentN.js"></script> <script src="additionalOptions.js"></script> <script src="dataDelivery.js"></script> <script src="stringSubstitution.js"></script> <!-- The form that lets the user choose the times, products and increments. --> <P class="center" id="timeEntry" > <!-- Default to the date of the Venus transit --> <B> Start day in YYYY-MM-DD format : </b> <input type="text" name="startTimeText" id="startText" maxlength="10" size="10" > <B> End day in YYYY-MM-DD format : </b> <input type="text" name="endTimeText" id="endText" maxlength="10" size="10" > <br> <INPUT name="Load" value="Load" type="Button" onClick="clearMarks(); return loadData()"> <INPUT name="Newest" value="Load newest" type="Button" onClick="if (loading) return; clearMarks(); return loadTimes()"> <B> Image increment : </b> <input type="text" name="imageIncText" id="incText" maxlength="4" size="4" > </p> <!-- Paragraph for additional options. --> <P class="center" id="additionalOptionsPara"> <br><INPUT name="Additional" value="Show Additional Options" type="Button" onClick="return showAdditional()"><br> </p> <P class="center"> <IMG SRC=staticImages/bar.jpg alt="bar"> </p> <!-- The text paragraph for loading status --> <P class="center" id="loadPara"> Preparing to load </p> <!-- The progress bar for loading --> <P class="center" id="progressContainer"> <progress id="progressBar"></progress> </p> <!-- The animation buttons - play, stop, next, previous etc. --> <P class="center"> <INPUT name="First" value="First" type="Button" onClick="return first_f()"> <INPUT name="Prev" value="Prev" type="Button" onClick="return prev_f()"> <INPUT name="Play" id="playStopButton" value="Play" type="Button" onClick="return play_f()"> <INPUT name="Next" value="Next" type="Button" onClick="return next_f()"> <INPUT name="Last" value="Last" type="Button" onClick="return last_f()"> <INPUT name="Slower" value="Slower" type="Button" onClick="return slower()"> <INPUT name="Faster" value="Faster" type="Button" onClick="return faster()"> <INPUT name="Reverse" id="reverseForwardButton" value="Reverse" type="Button" onClick="return reverse_f()"> <INPUT name="Status" value="Status" type="Button" onClick="return debug_showStatus()"> <INPUT name="Set" id="setButton" value="Set start" type="Button" onClick="return setMarks()"> </p> <!-- Paragraph for data delivery. Filled in with download button if that option is selected in config file. --> <P class="center" id="dataDeliveryPara"> </p> <!-- The header information from the server, if any. --> <P class="center" id="headerPara"> </p> <!-- The displayed image. For now, set to the "loading..." image. Later this will be an actual data image. --> <table class="centerNoBorder"> <tr class="noBorder"> <td class="noBorder" width="20%"> </td> <!-- Have to have this to "squish" everything to the center --> <td class="noBorder" id="leftSideImagePara" text-align="right"> </td> <td class="noBorder"> <IMG id="displayImage" SRC="staticImages/action_loading.png" alt="Loading..."> </td> <td class="noBorder" id="rightSideImagePara" text-align="left"> </td> <td class="noBorder" width="20%"> </td> <!-- Have to have this to "squish" everything to the center --> </tr> </table> <!-- The footer information from the server, if any. --> <P class="center" id="footerPara"> </p> <!-- The progress bar for the images --> <P class="center" id="progressContainerImage"> <progress id="progressBarImage"></progress> </p> <P class="center" id="Status"> </p> <P class="center" id="temporalDescr"> </p> <P class="center" id="zoomPara"> </p> <P class="center" id="dataPara"> </p> <P class="center" id="ftpPara"> </p> <P class="center" id="backLink"> </p> <P class="centerBottom" id="topLink"> </p> <!-- Paragraph in which latest images will be shown, if desired. --> <P class="center" id="latestImagesPara"> </p> <script src="loadConfig.js"></script> <script> loadConfig(); </script> </body>