<?xml version="1.0" encoding="UTF-16"?>
<html>
<meta http-equiv="refresh" content="900; url=Widget.html"/>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="lines.css" type="text/css" media="screen" charset="utf-8">
<script src="lines.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="linesContainerH"></div>
<div id="linesContainerV"></div><!
<!---------------------------------------------------------------------------------------------------------------->
<!-- Style section Clock/Date-->
<style type="text/css" media="all">
SPAN#date
{
font-family: Marker Felt;
font-weight: 100;
color: white;
font-size: 14px;
text-transform: uppercase;
text-shadow: 0px 0px 1px black;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.5, #666));
}
<!---------------------------------------------------------------------------------------------------------------->
<!--Style section Weather Widget-->
#WeatherContainer{
background-color: rgba(0,0,0,0);
}
#TextContainer{
font-size:55px;
font-family: Helvetica;
font-weight: bold;
color:#000000;
}
#city{
position: absolute; top: 55px; right: 0px; down: 0px; left: 62px; width: 296px; height: 481px;text-align: left;
font-family: Marker Felt;
font-size: 19px;
font-weight: 100;
text-transform: Capitalize;
text-shadow: 0px 0px 1px black;
color: #03c633;
}
#temp{
position: absolute; top: 132px; right: 0px; down: 0px; left: -40px; width: 296px; height: 481px;text-align: right;
font-family: Marker Felt;
font-size: 17px;
font-weight: 100;
text-shadow: 0px 0px 1px black;
font-weight: 100;
color: white;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.3, #666));
}
#desc{
position: absolute; top: 148px; right: 0px; down: 0px; left: -40px; width: 296px; height: 481px;text-align: right;
font-family: Marker Felt;
font-size: 14px;
font-weight: 100;
text-transform: Capitalize;
text-shadow: 0px 0px 1px black;
font-weight: 100;
color: white;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.3, #666));
}
#TextContainer p{
margin:0;
}
#weatherIcon{
position: absolute;top: 30px; right: 0px; down: 0px; left: 37px; z-index:60;
height: 150px;
width: 250px;
}
</style>
---------------------------------------------------------------------------------------------------------------->
<!-- Direct the script to the general folder where the weather icons are located -->
<base href="Private/"/>
<!---------------------------------------------------------------------------------------------------------------->
<!-- Clock and Date Script -->
<script type="text/javascript">
function init ( )
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("clock").appendChild ( timeDisplay );
}
function updateClock ( )
{
var TwentyFourHourClock = true
var currentTime = new Date ( );
var currentHours = currentTime.getHours ( );
var currentMinutes = currentTime.getMinutes ( );
var currentSeconds = currentTime.getSeconds ( );
// Pad the minutes and seconds with leading zeros, if required
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
if (TwentyFourHourClock == false){
var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM"
currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
currentHours = ( currentHours == 0 ) ? 12 : currentHours;
if (timeOfDay == "PM"){
document.getElementById("ampm").src="pm.png"
}
else
{
document.getElementById("ampm").src="am.png"
}
}
// Compose the string for display
var currentTimeString = currentHours + ":" + currentMinutes;
// Update the time display
currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
document.getElementById("hr1").src="Digits/"+currentHours.charAt(0)+".png";
document.getElementById("hr2").src="Digits/"+currentHours.charAt(1)+".png";
document.getElementById("min1").src="Digits/"+currentMinutes.charAt(0)+".png";
document.getElementById("min2").src="Digits/"+currentMinutes.charAt(1)+".png";
//Removes leading zero from the hours. Set showLeadingZero to false to remove leading zeros, set it to true to leave zeros
var showLeadingZero = true
if (showLeadingZero == false){
if (currentHours.charAt(0)=="0"){
document.getElementById("hr1").style.display='none';
document.getElementById("hr1block").width=25
document.getElementById("spaceblock").width=54
}
else
{
document.getElementById("hr1").style.display='';
document.getElementById("hr1block").width=0
document.getElementById("spaceblock").width=30
}
}
//End leading zero removal code
}
function init2 ( )
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("ampm").appendChild ( timeDisplay );
}
function amPm ( )
{
var currentTime = new Date ( );
var currentHours = currentTime.getHours ( );
// Choose either "AM" or "PM" as appropriate
var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
// Convert the hours component to 12-hour format if needed
currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
// Convert an hours component of "0" to "12"
currentHours = ( currentHours == 0 ) ? 12 : currentHours;
// Compose the string for display
var currentTimeString = timeOfDay;
// Update the time display
document.getElementById("ampm").firstChild.nodeValue = currentTimeString;
}
function init3 ( )
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("calendar").appendChild ( timeDisplay );
}
function daysInMonth(iMonth, iYear)
{
return 32 - new Date(iYear, iMonth, 32).getDate();
}
function zeroPad(num,count)
{
var numZeropad = num + '';
while(numZeropad.length < count) {
numZeropad = "0" + numZeropad;
}
return numZeropad;
}
function calendarDate ( )
{
var this_date_name_array = new Array ("0", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23","24","25","26","27","28","29","30","31")
var this_weekday_name_array = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat")
var this_month_name_array = new Array("Janu","Febr","Marc","Apri","May","June","July","Augu","Sept","Octo","Nove","Dece")
var this_date_timestamp = new Date()
var this_weekday = this_date_timestamp.getDay()
var this_date = this_date_timestamp.getDate()
var this_month = this_date_timestamp.getMonth()
var this_year = this_date_timestamp.getYear()
if (this_year < 1000)
this_year+= 1900;
if (this_year==101)
this_year=2001;
document.getElementById("date").firstChild.nodeValue = this_weekday_name_array[this_weekday] + ", " + this_month_name_array[this_month] + " " + this_date
}
<!---------------------------------------------------------------------------------------------------------------->
<!-- <div>Weather Script -->
var locale = "ASXX0013"
var isCelsius = true
var useRealFeel = false
var enableWallpaper = true;
var enableLockScreen = true;
var stylesheetWall = 'mini'
var stylesheetLock = 'mini'
var stylesheet = 'mini'
var iconSetWall = 'stardock'
var iconExtWall = ".png"
var iconSetLock = 'stardock'
var iconExtLock = '.png'
var source = 'yahooWeather'
var updateInterval = 5
var postal;
var demoMode = false;
var enabled;
if (location.href.indexOf("LockBackground") == -1){
stylesheet = stylesheetWall;
iconSet = iconSetWall;
iconExt = iconExtWall;
enabled = enableWallpaper;
}else{
stylesheet = stylesheetLock;
iconSet = iconSetLock;
iconExt = iconExtLock;
enabled = enableLockScreen;
}
if(enabled == true){
if(iconSet == null || iconSet == 'null' || iconSet == ""){
var iconSet = stylesheet;
}
var headID = document.getElementsByTagName("head")[0];
var styleNode = document.createElement('link');
styleNode.type = 'text/css';
styleNode.rel = 'stylesheet';
styleNode.href = 'Stylesheets/'+stylesheet+'.css';
headID.appendChild(styleNode);
var scriptNode = document.createElement('script');
scriptNode.type = 'text/javascript';
scriptNode.src = 'Sources/'+source+'.js';
headID.appendChild(scriptNode);
}
function onLoad(){
if (enabled == true){
if (demoMode == true){
document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+"cloudy1"+iconExt;
document.getElementById("city").innerText="Somewhere";
document.getElementById("desc").innerText="Partly Cloudy";
document.getElementById("temp").innerText="100º";
}else{
document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+"dunno"+iconExt;
validateWeatherLocation(escape(locale).replace(/^%u/g, "%"), setPostal)
}
}else{
document.getElementsByTagName("body")[0].innerText='';
}
}
function convertTemp(num)
{
if (isCelsius == true)
return Math.round ((num - 32) * 5 / 9);
else
return num;
}
function setPostal(obj){
if (obj.error == false){
if(obj.cities.length > 0){
postal = escape(obj.cities[0].zip).replace(/^%u/g, "%")
document.getElementById("WeatherContainer").className = "";
weatherRefresherTemp();
}else{
document.getElementById("city").innerText="Not Found";
document.getElementById("WeatherContainer").className = "errorLocaleNotFound";
}
}else{
document.getElementById("city").innerText=obj.errorString;
document.getElementById("WeatherContainer").className = "errorLocaleValidate";
setTimeout('validateWeatherLocation(escape(locale).replace(/^%u/g, "%"), setPostal)', Math.round(1000*60*5));
}
}
function dealWithWeather(obj){
if (obj.error == false){
document.getElementById("city").innerText=obj.city;
document.getElementById("desc").innerText=obj.description.toLowerCase();
if(useRealFeel == true){
tempValue = convertTemp(obj.realFeel);
}else{
tempValue = convertTemp(obj.temp)
}
document.getElementById("temp").innerHTML=tempValue+ "°";
document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+MiniIcons[obj.icon]+iconExt;
document.getElementById("WeatherContainer").className = "";
}else{
//Could be down to any number of things, which is unhelpful...
document.getElementById("WeatherContainer").className = "errorWeatherDataFetch";
}
}
function weatherRefresherTemp(){
fetchWeatherData(dealWithWeather,postal);
setTimeout(weatherRefresherTemp, 60*1000*updateInterval);
}
var MiniIcons =
[
"tstorm3", //0 tornado
"tstorm3", //1 tropical storm
"tstorm3", //2 hurricane
"tstorm3", //3 severe thunderstorms
"tstorm3", //4 thunderstorms
"sleet", //5 mixed rain and snow
"sleet", //6 mixed rain and sleet
"sleet", //7 mixed snow and sleet
"sleet", //8 freezing drizzle
"light_rain", //9 drizzle
"sleet", //10 freezing rain
"shower3", //11 showers
"shower3", //12 showers
"snow1", //13 snow flurries
"snow2", //14 light snow showers
"snow4", //15 blowing snow
"snow4", //16 snow
"hail", //17 hail
"sleet", //18 sleet
"mist", //19 dust
"fog", //20 foggy
"fog", //21 haze
"fog", //22 smoky
"windy", //23 blustery
"windy", //24 windy
"windy", //25 cold
"overcast", //26 cloudy
"cloudy4_night", //27 mostly cloudy (night)
"cloudy4", //28 mostly cloudy (day)
"cloudy1_night", //29 partly cloudy (night)
"cloudy1", //30 partly cloudy (day)
"sunny_night", //31 clear (night)
"sunny", //32 sunny
"fair_night", //33 fair (night)
"fair", //34 fair (day)
"hail", //35 mixed rain and hail
"hot", //36 hot
"tstorm1", //37 isolated thunderstorms
"tstorm2", //38 scattered thunderstorms
"tstorm2", //39 scattered thunderstorms
"shower1", //40 scattered showers
"snow5", //41 heavy snow
"snow3", //42 scattered snow showers
"snow5", //43 heavy snow
"cloudy1", //44 partly cloudy
"tstorm3", //45 thundershowers
"snow2", //46 snow showers
"tstorm1", //47 isolated thundershowers
"dunno", //3200 not available
]
var Italian =
[
"Tornado",
"Tempesta Tropicale",
"Uragano",
"Temporali Forti",
"Temporali",
"Pioggia mista a Neve",
"Nevischio",
"Nevischio",
"Pioggia Gelata",
"Pioggerella",
"Pioggia Ghiacciata",
"Pioggia",
"Pioggia",
"Neve a Raffiche",
"Neve Leggera",
"Tempesta di Neve",
"Neve",
"Grandine",
"Nevischio",
"Irregolare",
"Nebbia",
"Foschia",
"Fumoso",
"Raffiche di Vento",
"Ventoso",
"Freddo",
"Nuvoloso",
"Molto Nuvoloso",
"Molto Nuvoloso",
"Parzialmente Nuvoloso",
"Parzialmente Nuvoloso",
"Sereno",
"Sereno",
"Bel Tempo",
"Bel Tempo",
"Pioggia e Grandine",
"Caldo",
"Temporali Isolati",
"Temporali Sparsi",
"Temporali Sparsi",
"Rovesci Sparsi",
"Neve Forte",
"Nevicate Sparse",
"Neve Forte",
"Parzialmente Nuvoloso",
"Rovesci Temporaleschi",
"Rovesci di Neve",
"Temporali isolati",
"Non Disponibile"
];
function constructError (string)
{
return {error:true, errorString:string};
}
function findChild (element, nodeName)
{
var child;
for (child = element.firstChild; child != null; child = child.nextSibling)
{
if (child.nodeName == nodeName)
return child;
}
return null;
}
function fetchWeatherData (callback, zip)
{
url="http://weather.yahooapis.com/forecastrss?u=f&p=" //u=Farenheit, because accuWeather sucks
var xml_request = new XMLHttpRequest();
xml_request.onload = function(e) {xml_loaded(e, xml_request, callback);}
xml_request.overrideMimeType("text/xml");
xml_request.open("GET", url+zip);
xml_request.setRequestHeader("Cache-Control", "no-cache");
xml_request.send(null);
return xml_request;
}
function xml_loaded (event, request, callback)
{
if (request.responseXML)
{
var obj = {error:false, errorString:null};
var effectiveRoot = findChild(findChild(request.responseXML, "rss"), "channel");
obj.city = findChild(effectiveRoot, "yweather:location").getAttribute("city");
obj.realFeel = findChild(effectiveRoot, "yweather:wind").getAttribute("chill");//Only accounts for windChill
conditionTag = findChild(findChild(effectiveRoot, "item"), "yweather:condition");
obj.temp = conditionTag.getAttribute("temp");
obj.icon = conditionTag.getAttribute("code");
obj.description = conditionTag.getAttribute("text");
callback (obj);
}else{
callback ({error:true, errorString:"XML request failed. no responseXML"});
}
}
function validateWeatherLocation (location, callback)
{
var obj = {error:false, errorString:null, cities: new Array};
obj.cities[0] = {zip: location}; //Not very clever, are we?
callback (obj);
}
</script>
</div>
---------------------------------------------------------------------------------------------------------------->
<!-- Display All - Weather-Clock-Date -->
<body bgcolor="Transparent" onload="onLoad()">
<div>
<div id="WeatherContainer"> <div id="TextContainer"> <p id="city">Somewhere</p> <p id="temp">32°</p> <p id="desc">cloudy</p> </div>
<img id="weatherIcon" src=""/> </div>
<body style="margin-left: 0">
<img src="" id="ampm" style="position: absolute; z-index:60;top:170; left: 70px;" width="20">
<table border=0 style="position: absolute; z-index:60;top:95; left: 63px;"><tr><td id="hr1block"><img src="" width="20" height="40" border=0 id="hr1"></td><td id="hr1block"><img src="" width="18" height="38" border=0 id="hr2"></td>
<td width=14 id="spaceblock"></td>
<td id="min1block"><img src="" width="17" height="37" border=0 id="min1"></td><td id="min2block"><img src="" width="15" height="35" border=0 id="min2"></td>
</tr>
</table>
<span id="clock">
<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script></span> <span id="ampm">
</span>
<table style="position: absolute; top: 73px; left: 60px; width: 300px; height: 480px;cellspacing="0" cellpadding="0">
<td width="310" height="12" align="left" valign="top" margin-left="20">
<span id="date">
<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script></span>
</td></table>
<img src="../Layer.png" height="480" width="320" style="position: absolute; top: 0px; left: 0px; z-index:-10;"><img src="../Layer2.png" height="480" width="320" style="position: absolute; top: 0px; left: 0px; z-index:60;">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="lines.css" type="text/css" media="screen" charset="utf-8">
<script src="lines.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="linesContainerH"></div>
<div id="linesContainerV"></div>
</body>
</html>