Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5

Pro Spingboard je ein Wallpaper + Javascript
#1

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 ;-) )

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!
Zitieren
#2

Probier doch einmal für die Wallpapers per page einen eigenen Ordner in Winterboard anzulegen, in dem nur die Wallpapers (page0 - page8) enthalten sind und diesen dann in der Reihenfolge in Winterboard unter dem Theme mit dem Script zu legen.

Winterboard arbeitet die Themes usw. von oben nach unten ab. Vielleicht funktionierts so.

Grüße, Titus
Zitieren
#3

Sooooo

ich hab des Rätsels Lösung ;-)

Zitat:Per-Page Wallpapers - You can have a different wallpaper per page of SpringBoard icons by having a file named Page#.png, such as Page0.png. This graphic will be displayed above widgets and wallpapers, but below the icons. Unfortunately, due to a bug that I'm working on fixing, it will also be displayed above the dock when your icons are wiggling. Please do not freak out when this happens ;P.
~http://www.saurik.com/id/9

Es geht also nicht, da das Script ein Widget ist ^^


Trotzdem danke an Titus Danke



Ich habe zwar jetzt eine Möglichkeit gefunden mir auf der 1. Seite die Zeit anzeigen zu lassen, aber damit geht gleichzeitig der gewünsche durch-das-panorama-scroll-effekt verloren, da ich mich jetzt nicht mehr durchgängig durch einen Ebene schiebe, sondern sich die 2. Seite über die 1. schiebt.. und des schaut doof aus Tounge2

Nichts desto trotz
für diejenigen, die es evtl dann doch auch mal benutzen möchten:

Einfach wallpaper.png und wallpaper.html lassen, Page0.png weglassen und mit Page1.png starten (nur hat man dann eben den effekt des überschiebens)


grüße!
Zitieren
#4

Ich hab auch ne gute lösung ich hab das widget wo ich oben die uhr und datum unter dem bar habe nehmt einfach ein perpagewalli und schneidet oben überall das stück wech wo die uhr eigentlich wär und macht es durchsichtig nun scheint das bar durch Zwinkern das perpagewalli natürlich über dem widget im winterboard plazieren

lg RunningX
Zitieren
#5

(07.04.2009, 14:23)warpghost schrieb:  Ich habe zwar jetzt eine Möglichkeit gefunden mir auf der 1. Seite die Zeit anzeigen zu lassen, aber damit geht gleichzeitig der gewünsche durch-das-panorama-scroll-effekt verloren, da ich mich jetzt nicht mehr durchgängig durch einen Ebene schiebe, sondern sich die 2. Seite über die 1. schiebt.. und des schaut doof aus Tounge2

Nichts desto trotz
für diejenigen, die es evtl dann doch auch mal benutzen möchten:

Einfach wallpaper.png und wallpaper.html lassen, Page0.png weglassen und mit Page1.png starten (nur hat man dann eben den effekt des überschiebens)

Ich benutze das Widget WAD.2.4, funktioniert so weit auch alles einwandfrei. Nur hätte ich gerne das das Widget nur auf der 1. Seite angezeigt wird und deshalb wäre es mir auch egal wenn sich die 2. Seite über die 1. Seite schiebt (nehmen wir an mit beispielsweise einem einfachen schwarzen Hintergrund).

Nur bekomme ich das leider nicht hin. Einfach page0.png weglassen geht bei mir nicht, habe auch keine Wallpaper.html in meinem Themes-Verzeichnis, sondern nur das Widget.html - muss ich dort vielleicht irgendeinen Code eingeben damit das funktioniert?

Würde mich über etwas Hilfe freuen.
Zitieren


Möglicherweise verwandte Themen…
Thema / Verfasser Antworten Ansichten Letzter Beitrag



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste