16.06.2012, 23:10
Hallo!
ich hab mir ein neues Winterboard Theme runter geladen, für den Lockscreen, wo ein WetterWidget drauf ist.
Dieses WetterWidget zeigte original iwas amerikanisches an, keine Ahnung, habs nun auch eigentlich auf meinen Wohnort geändert, was nicht klappt.
Hab nun mal die große Stadt Düsseldorf genommen, doch das klappt auch nicht...
Was mach ich falsch?
ich nehm schon immer den Code von yahoo...
Hier mal den Coder aus der HTML von dem Theme:
kann man den Ort dort auch automatisch aktualisieren lassen?
Also das der iwie alle viertel Std oder so sich kurz ortet?
Danke im Vorraus!!!!
ich hab mir ein neues Winterboard Theme runter geladen, für den Lockscreen, wo ein WetterWidget drauf ist.
Dieses WetterWidget zeigte original iwas amerikanisches an, keine Ahnung, habs nun auch eigentlich auf meinen Wohnort geändert, was nicht klappt.
Hab nun mal die große Stadt Düsseldorf genommen, doch das klappt auch nicht...
Was mach ich falsch?
ich nehm schon immer den Code von yahoo...
Hier mal den Coder aus der HTML von dem Theme:
Code:
<?xml version="1.0" encoding="UTF-16"?>
<html><head>
<style>
td#Backgrounds
{
margin-top: 0px;
position: absolute; top: 0px; right: 0px; down: 0px; left: 0px;
}
SPAN#clock
{
font-family: Helvetica;
font-weight: bold;
text-align: right;
color: white;
letter-spacing: 0.07em;
text-shadow: 0px 3px 1px black;
font-size: 75px;
opacity: 3.0;
text-transform: Capitalize;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.6, #666));
}
SPAN#mins
{
font-family: Helvetica;
font-weight: bold;
color: white;
text-shadow: 0px 3px 1px black;
text-align:left;
letter-spacing: 0.07em;
font-size: 75px;
text-transform: Capitalize;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.6, #666));
}
SPAN#date
{
font-family: Helvetica;
font-weight: bold;
color: white;
text-shadow: 0px 3px 1px black;
text-align:right;
font-size: 74px;
text-transform: uppercase;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.4, #666));
}
SPAN#weekday
{
font-family: Helvetica;
font-weight: bold;
color: white;
text-shadow: 0px 3px 1px black;
text-align:left;
font-size: 28px;
text-transform: uppercase;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.4, #666));
}
SPAN#month
{
font-family: Helvetica;
font-weight: 500;
color: white;
text-shadow: 0px 2px 1px green;
text-align:left;
font-size: 33px;
text-transform: uppercase;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.4, #666));
}
</style>
<script type="text/javascript">
<!--
var this_weekday_name_array = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December") //predefine month names
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;
var this_date_string = this_weekday_name_array[this_weekday] + " " + this_date + " " + this_month_name_array[this_month]//concat long date string
// -->
function init ( )
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("clock").appendChild ( timeDisplay );
}
function updateClock ( )
{
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
currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
/*---------------------------------------------------------------------------------------------------------------------------------12 hours to 24 hour Edit------*/
/* Remove the /* from under this line to display the 12 hours clock */ /* NEW!! */
/*
// 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 = currentHours + ":" ;
var currentTimeString1 = currentMinutes;
// Update the time display
document.getElementById("clock").firstChild.nodeValue = currentTimeString;
document.getElementById("mins").firstChild.nodeValue = currentTimeString1;
}
function init2 ( )
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("ampm").appendChild ( timeDisplay );
}
function amPm ( )
{
var currentTime = new Date ( );
var currentHours = currentTime.getHours ( );
/*---------------------------------------------------------------------------------------------------------------------------------AM PM Edit------*/
/* Remove the /* from under this line to display am or pm after the 12 hours clock */ /* NEW!! */
// 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("date").appendChild ( timeDisplay );
}
function calendarDate ( )
{
var this_date_name_array = new Array("00", "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("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December") //predefine month names
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()
document.getElementById("date").firstChild.nodeValue = this_date_name_array[this_date] //concat long date string
document.getElementById("weekday").firstChild.nodeValue = this_weekday_name_array[this_weekday] //concat long date string
document.getElementById("month").firstChild.nodeValue = this_month_name_array[this_month] //concat long date string
}
// -->
</script>
</head>
<body >
<table style="position: absolute;top: 5px; left: -80px; width: 321px; height: 581px;">
<tr align="right" valign="top" border="0" cellpadding="0">
<td height="12" valign="top" margin-left="20" >
<span id="clock">
<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
</span>
<td></td>
</tr>
</table>
<table style="position: absolute;top: 5px; left: 225px; width: 321px; height: 581px;">
<tr align="left" valign="top" border="0" cellpadding="0">
<td height="12" valign="top" margin-left="20" >
<span id="mins">
<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
</span>
<td></td>
</tr>
</table>
<table style="position: absolute;top: 80px; left: 5px; width: 321px; height: 481px;">
<tr align="right" valign="top" border="0" cellpadding="0">
<td height="12" valign="top" margin-left="20" >
<span id="date">
<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script>
</span>
<td></td>
</tr>
</table>
<table style="position: absolute;top: 120px; left: 125px; width: 321px; height: 481px;">
<tr align="left" valign="top" border="0" cellpadding="0">
<td height="12" valign="top" margin-left="20" >
<span id="month">
<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script>
</span>
<td></td>
</tr>
</table>
<table style="position: absolute;top: 90px; left: 125px; width: 321px; height: 481px;">
<tr align="left" valign="top" border="0" cellpadding="0">
<td height="12" valign="top" margin-left="20" >
<span id="weekday">
<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script></span>
<td></td>
</tr>
</table>
<img src="Layer.png" height="480" width="320" style="position: absolute; top: 0px; left: 0px; z-index:-10;">
</body></html>
<html>
<head><title>weather</title></head>
<head>
<base href="Private/"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="refresh" Content="3600">
</head>
</script>
<script type="text/javascript">
var locale = "646099"
var isCelsius = false
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 = 60
var postal;
var demoMode = false;
var enabled;
if (location.href.indexOf("Wallpaper") == -1){
stylesheet = stylesheetLock;
iconSet = iconSetLock;
iconExt = iconExtLock;
enabled = enableLockScreen;
}else{
stylesheet = stylesheetWall;
iconSet = iconSetWall;
iconExt = iconExtWall;
enabled = enableWallpaper;
}
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();*/
document.getElementById("city").innerText=obj.city;
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 =
[
"0", //0 tornado
"1", //1 tropical storm
"2", //2 hurricane
"3", //3 severe thunderstorms
"4", //4 thunderstorms
"5", //5 mixed rain and snow
"6", //6 mixed rain and sleet
"7", //7 mixed snow and sleet
"8", //8 freezing drizzle
"9", //9 drizzle
"10", //10 freezing rain
"11", //11 showers
"12", //12 showers
"13", //13 snow flurries
"14", //14 light snow showers
"15", //15 blowing snow
"16", //16 snow
"17", //17 hail
"18", //18 sleet
"19", //19 dust
"20", //20 foggy
"21", //21 haze
"22", //22 smoky
"23", //23 blustery
"24", //24 windy
"25", //25 cold
"26", //26 cloudy
"27", //27 mostly cloudy (night)
"28", //28 mostly cloudy (day)
"29", //29 partly cloudy (night)
"30", //30 partly cloudy (day)
"31", //31 clear (night)
"32", //32 sunny
"33", //33 fair (night)
"34", //34 fair (day)
"35", //35 mixed rain and hail
"36", //36 hot
"37", //37 isolated thunderstorms
"38", //38 scattered thunderstorms
"39", //39 scattered thunderstorms
"40", //40 scattered showers
"41", //41 heavy snow
"42", //42 scattered snow showers
"43", //43 heavy snow
"44", //44 partly cloudy
"45", //45 thundershowers
"46", //46 snow showers
"47", //47 isolated thundershowers
"dunno", //3200 not available
]
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>
<body onload="onLoad()">
<div id="WeatherContainer">
<div id="TextContainer">
<p id="city">Loading...</p>
<p id="temp">-</p>
<p id="desc">...</p>
</div>
<img id="weatherIcon" src=""/>
</div>
</body>
</html>kann man den Ort dort auch automatisch aktualisieren lassen?
Also das der iwie alle viertel Std oder so sich kurz ortet?
Danke im Vorraus!!!!
...
