07.04.2009, 07:16
Guten Morgen,
ich habe folgendes Problem:
Ich hab das Theme iWrap installiert, in diesem ist ein custom wallpaper + ein Javascript verbaut, dass mir Tag und Uhrzeit in echtzeit direkt auf dem Springboard-wallpaper anzeigt.
Dafür ist im Themes Ordner eine
Wallpaper.png
und
Wallpaper.html (mit dem script)
Nun gibt es ja die nette Funktion, sich pro Springboardseite ein seperates Wallaper anzeigen zu lassen.
Im Themes Verzeichnis:
Page0.png - Page8.png; statt Wallpaper.png
Die verschiedenen Pages funktionieren auch einwandfrei nur verschwindet dann das JavaScript.
Falls es wichtig sein sollte hier der Quellcode des Scriptes:
(Ich habe einige Zeilen auskommentiert bzw umgestellt um einen Deutschen Look zu erhalten.. ich steh nicht so auf AM/PM ;-) )
Die große Frage ist halt: Wie bekomme ich es hin auf jeder Seite das Javascript zu erhalten (Im Zweifel reicht mir eigendlich auch schon nur die 1. Seite^^)
Ich habe bereits im Quelltext ein wenig herumgespielt und die *.html datei in Page0.html umbenannt usw... nichts führt zum ergebnis.
Wäre cool, wenn sich jemand mit ein wenig Ahnung äußern könnte
Grüße!
ich habe folgendes Problem:
Ich hab das Theme iWrap installiert, in diesem ist ein custom wallpaper + ein Javascript verbaut, dass mir Tag und Uhrzeit in echtzeit direkt auf dem Springboard-wallpaper anzeigt.
Dafür ist im Themes Ordner eine
Wallpaper.png
und
Wallpaper.html (mit dem script)
Nun gibt es ja die nette Funktion, sich pro Springboardseite ein seperates Wallaper anzeigen zu lassen.
Im Themes Verzeichnis:
Page0.png - Page8.png; statt Wallpaper.png
Die verschiedenen Pages funktionieren auch einwandfrei nur verschwindet dann das JavaScript.
Falls es wichtig sein sollte hier der Quellcode des Scriptes:
(Ich habe einige Zeilen auskommentiert bzw umgestellt um einen Deutschen Look zu erhalten.. ich steh nicht so auf AM/PM ;-) )
Code:
<html>
<head><title>newclock</title></head>
<style>
SPAN#clock
{
font-family: Helvetica;
color: #ffffff;
font-size: 40px;
text-shadow: #000000 0px 0px 0px;
}
SPAN#ampm
{
font-family: Helvetica;
color: #ffffff;
font-size: 15px;
text-shadow: #000000 0px 0px 0px;
}
TD#date
{
font-family: Helvetica;
text-align: center;
color: #ffffff;
font-size: 13px;
text-shadow: #000000 0px 0px 0px;
}
</style>
<script type="text/javascript">
<!--
var this_weekday_name_array = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag")
var this_month_name_array = new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember") //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
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
// 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 + ":" + currentMinutes;
// Update the time display
document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}
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 ) ? "" : "";
// 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;
}
// -->
</script>
</head>
<body bgcolor="black" background="Wallpaper.png">
<table style="position: absolute; top: 300px; left: 0px; width: 320px; height: 461px;" cellspacing="0" cellpadding="0" align="center">
<tr align="center" valign="top" border="0" cellpadding="0">
<td height="10" valign="top">
<span id="clock">
<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script></span><span id="ampm">
<script language="JavaScript">amPm(); setInterval('amPm()', 1000 )</script>
</span>
</td>
</tr>
<tr>
<td id="date" valign="top">
<script language="JavaScript">document.write(this_date_string)</script>
</td>
</tr>
</table>
</body>
</html>Die große Frage ist halt: Wie bekomme ich es hin auf jeder Seite das Javascript zu erhalten (Im Zweifel reicht mir eigendlich auch schon nur die 1. Seite^^)
Ich habe bereits im Quelltext ein wenig herumgespielt und die *.html datei in Page0.html umbenannt usw... nichts führt zum ergebnis.
Wäre cool, wenn sich jemand mit ein wenig Ahnung äußern könnte
Grüße!
das perpagewalli natürlich über dem widget im winterboard plazieren