115 lines
No EOL
4.7 KiB
HTML
115 lines
No EOL
4.7 KiB
HTML
<html>
|
|
<head>
|
|
<title>Sunrise/Sunset Calculator</title>
|
|
<meta name="viewport" content="width=240">
|
|
<style>
|
|
body { margin:0px; width:240px; height:176px; overflow:hidden; }
|
|
#inhere { height:85px; width:240px; }
|
|
.block { background:white; position:absolute; }
|
|
#blocker1 { width:240px; height:15px; top:93px; left:0px; }
|
|
#blocker2 { width:13px; height:100px; top:0px; left:227px; }
|
|
#ow { width:13px; height:12px; top:72px; left:227px; visibility:hidden; }
|
|
#program { width:234px; height:100px; top:2px; left:2px; border:1px solid black; text-align:center; }
|
|
</style>
|
|
<script>
|
|
var state=true;
|
|
function sunrise(){
|
|
if(state == true){
|
|
document.getElementById("inhere").contentDocument.document.getElementById("it").src="http://www.google.com/?q=sunrise in "+document.getElementById('city').value+", "+document.getElementById('state').value+"&btnG=Google+Search#sclient=psy&hl=en&btnG=Google+Search&q=sunrise in "+document.getElementById('city').value+", "+document.getElementById('state').value;
|
|
}
|
|
else{
|
|
document.getElementById("inhere").contentDocument.document.getElementById("it").src="http://www.google.com/?q=sunrise in "+document.getElementById('city').value+"&btnG=Google+Search#sclient=psy&hl=en&btnG=Google+Search&q=sunrise in "+document.getElementById('city').value;
|
|
}
|
|
document.getElementById("ow").style.visibility="visible";
|
|
document.getElementById("program").style.visibility="hidden";
|
|
}
|
|
|
|
function sunset(){
|
|
if(state == true){
|
|
document.getElementById("inhere").contentDocument.document.getElementById("it").src="http://www.google.com/?q=sunset in "+document.getElementById('city').value+", "+document.getElementById('state').value+"&btnG=Google+Search#sclient=psy&hl=en&btnG=Google+Search&q=sunset in "+document.getElementById('city').value+", "+document.getElementById('state').value;
|
|
}
|
|
else{
|
|
document.getElementById("inhere").contentDocument.document.getElementById("it").src="http://www.google.com/?q=sunset in "+document.getElementById('city').value+"&btnG=Google+Search#sclient=psy&hl=en&btnG=Google+Search&q=sunset in "+document.getElementById('city').value;
|
|
}
|
|
document.getElementById("ow").style.visibility="visible";
|
|
document.getElementById("program").style.visibility="hidden";
|
|
}
|
|
|
|
function fixit(){
|
|
state=false;
|
|
alert("Try clicking sunrise/sunset again now");
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<center>
|
|
(US Only)
|
|
<iframe id="inhere" src="sunrisesunsetiframe.html" border=0 frameborder=0></iframe><br>
|
|
Powered by Google(TM)<br>
|
|
<input type="button" onclick="sunrise();" value="sunrise">
|
|
<input type="button" onclick="sunset();" value="sunset"><br>
|
|
<input type="button" onclick="fixit();" value="That's not right!">
|
|
</center>
|
|
<div class="block" id="blocker1"></div>
|
|
<div class="block" id="blocker2"></div>
|
|
<div class="block" id="ow"><font size="2">ov</font></div>
|
|
<div id="program" class="block">
|
|
<br>State:
|
|
<select id="state">
|
|
<option value="AL">Alabama</option>
|
|
<option value="AK">Alaska</option>
|
|
<option value="AZ">Arizona</option>
|
|
<option value="AR">Arkansas</option>
|
|
<option value="CA">California</option>
|
|
<option value="CO">Colorado</option>
|
|
<option value="CT">Conneticut</option>
|
|
<option value="DE">Deleware</option>
|
|
<option value="FL">Flordia</option>
|
|
<option value="GA">Georgia</option>
|
|
<option value="HI">Hawaii</option>
|
|
<option value="ID">Idaho</option>
|
|
<option value="IL">Illinois</option>
|
|
<option value="IN">Indiana</option>
|
|
<option value="IA">Iowa</option>
|
|
<option value="KS">Kansas</option>
|
|
<option value="KY">Kentucky</option>
|
|
<option value="LA">Louisiana</option>
|
|
<option value="ME">Maine</option>
|
|
<option value="MD">Maryland</option>
|
|
<option value="MA">Massachusetts</option>
|
|
<option value="MI">Michigan</option>
|
|
<option value="MN">Minnesota</option>
|
|
<option value="MS">Mississippi</option>
|
|
<option value="MO">Missouri</option>
|
|
<option value="MT">Montana</option>
|
|
<option value="NE">Nebraska</option>
|
|
<option value="NV">Nevada</option>
|
|
<option value="NH">New Hampshire</option>
|
|
<option value="NJ">New Jersey</option>
|
|
<option value="NM">New Mexico</option>
|
|
<option value="NY">New York</option>
|
|
<option value="NC">North Carolina</option>
|
|
<option value="ND">North Dakota</option>
|
|
<option value="OH">Ohio</option>
|
|
<option value="OK">Oklahoma</option>
|
|
<option value="OR">Oregon</option>
|
|
<option value="PA">Pennsylvania</option>
|
|
<option value="RI">Rhode Island</option>
|
|
<option value="SC">South Carolina</option>
|
|
<option value="SD">South Dakota</option>
|
|
<option value="TN">Tennessee</option>
|
|
<option value="TX">Texas</option>
|
|
<option value="UT">Utah</option>
|
|
<option value="VT">Vermont</option>
|
|
<option value="VA">Virginia</option>
|
|
<option value="WA">Washington</option>
|
|
<option value="WV">West Virginia</option>
|
|
<option value="WI">Wisconsin</option>
|
|
<option value="WY">Wyoming</option>
|
|
</select>
|
|
<br>
|
|
City:
|
|
<input type="text" id="city" value="" size="16">
|
|
</div>
|
|
</body>
|
|
</html> |