Bug in HTML file für Winterboard

Seit 2004 hat sich viel getan, der iPod per se ist nicht mehr up-to-date, so wie dieses Forum. Um die Informationen nicht zu verlieren ist das Forum jetzt Read-Only für Gäste, Registrierungen sind aufgrund der hohen Anzahl an Spam-Accounts nichts mehr möglich. Vielen Dank für die schöne Zeit an alle aktiven Nutzer!

  • Bug in HTML file für Winterboard

    Ich habe in folgendem HTML file den Bug, das ich statt einem 2 Wallpaper habe.
    Bloß wie bekomme ich das rechte weg????

    HTML-Quellcode

    1. <html>
    2. <head><title>newclock</title></head>
    3. <style>
    5. SPAN#clock
    6. {
    7. font-family: Helvetica;
    8. font-weight: ;
    9. color: white;
    10. font-size: 35px;
    11. text-shadow: #000000 1px 2px 1px;
    12. }
    14. SPAN#ampm
    15. {
    16. font-family: Helvetica;
    17. color: #transparent;
    18. font-size: 15px;
    19. text-shadow: #000000 1px 2px 1px;
    20. }
    22. SPAN#calendar
    23. {
    24. font-family: Helvetica;
    25. font-weight: ;
    26. text-align: center;
    27. color: white;
    28. text-shadow: #000000 1px 2px 1px;
    29. }
    31. </style>
    33. <script type="text/javascript">
    34. function init ( )
    35. {
    36. timeDisplay = document.createTextNode ( "" );
    37. document.getElementById("clock").appendChild ( timeDisplay );
    38. }
    40. function updateClock ( )
    41. {
    42. var currentTime = new Date ( );
    44. var currentHours = currentTime.getHours ( );
    45. var currentMinutes = currentTime.getMinutes ( );
    46. var currentSeconds = currentTime.getSeconds ( );
    48. // Pad the minutes and seconds with leading zeros, if required
    49. currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
    50. currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
    52. // Choose either "AM" or "PM" as appropriate
    53. var timeOfDay = ( currentHours < 24 ) ? "AM" : "PM";
    55. // Convert the hours component to 24-hour format if needed
    56. currentHours = ( currentHours > 24 ) ? currentHours - 24 : currentHours;
    58. // Convert an hours component of "0" to "24"
    59. currentHours = ( currentHours == 24 ) ? 0 : currentHours;
    61. // Compose the string for display
    62. var currentTimeString = currentHours + ":" + currentMinutes;
    64. // Update the time display
    65. document.getElementById("clock").firstChild.nodeValue = currentTimeString;
    66. }
    68. function init2 ( )
    69. {
    70. timeDisplay = document.createTextNode ( "" );
    71. document.getElementById("ampm").appendChild ( timeDisplay );
    72. }
    74. function amPm ( )
    75. {
    76. var currentTime = new Date ( );
    78. var currentHours = currentTime.getHours ( );
    80. // Choose either "AM" or "PM" as appropriate
    81. var timeOfDay = ( currentHours < 24 ) ? "" : "";
    83. // Convert the hours component to 24-hour format if needed
    84. currentHours = ( currentHours > 24 ) ? currentHours - 24 : currentHours;
    86. // Convert an hours component of "0" to "24"
    87. currentHours = ( currentHours == 24 ) ? 0 : currentHours;
    89. // Compose the string for display
    90. var currentTimeString = timeOfDay;
    92. // Update the time display
    93. document.getElementById("ampm").firstChild.nodeValue = currentTimeString;
    94. }
    96. function init3 ( )
    97. {
    98. timeDisplay = document.createTextNode ( "" );
    99. document.getElementById("calendar").appendChild ( timeDisplay );
    100. }
    102. function calendarDate ( )
    103. {
    104. var this_weekday_name_array = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag")
    105. var this_month_name_array = new Array("Januar","Februar","MŠrz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember") //predefine month names
    107. var this_date_timestamp = new Date()
    109. var this_weekday = this_date_timestamp.getDay()
    110. var this_date = this_date_timestamp.getDate()
    111. var this_month = this_date_timestamp.getMonth()
    112. var this_year = this_date_timestamp.getYear()
    114. if (this_year < 1000)
    115. this_year+= 1900;
    116. if (this_year==101)
    117. this_year=2001;
    119. document.getElementById("calendar").firstChild.nodeValue = this_weekday_name_array[this_weekday] + ", " + this_date + ". " + this_month_name_array[this_month] + " " + this_year //concat long date string
    120. }
    122. </script>
    124. </head>
    127. </style>
    128. </head>
    129. <body>
    130. <img id="img1" class="fade-in">
    131. <img id="img2" class="fade-out">
    132. <script>
    133. // By Mk321024 <mk321024@yahoo.com>
    135. var interval = 15; // Seconds between change (must be > duration)
    136. var imageDir = "./Wallpapers/";
    137. var duration = 3;
    139. var images = [
    140. "1.png",
    141. "2.png",
    142. "3png",
    143. "4.png",
    144. "5.png",
    145. "6.png",
    146. "7.png",
    147. "8.png",
    148. "9.png",
    149. "10.png",
    150. "11.png",
    151. "12.png",
    152. "13.png",
    153. "14.png",
    154. ];
    156. //// Hier musst man nichts mehr ändern :) ////
    158. var index = 0;
    159. var imageCount = images.length;
    161. var randomize = function(){
    162. return Math.round(5 - 10 * Math.random());
    163. };
    165. var fade = function(){
    166. img1.style.zIndex = 1;
    167. img2.style.zIndex = 2;
    168. img1.className = "fade-in";
    169. img2.className = "fade-out";
    171. index = (index + 1) % imageCount;
    172. if(!index){
    173. images.sort(randomize);
    174. }
    176. var tmp = img1;
    177. img1 = img2;
    178. img2 = tmp;
    180. setTimeout(function(){img1.src = imageDir + images[index];}, duration * 1000);
    181. setTimeout(fade, interval * 1000);
    182. };
    184. images.sort(randomize);
    185. img1.src = imageDir + images[index];
    186. fade();
    187. </script>
    190. <table style="position: absolute; top: 0px; left: 0px; width: 320px; height: 130px;" cellspacing="0" cellpadding="0" align="center">
    191. <tr align="center" valign="top" border="0" cellpadding="0">
    192. <td width="320" height="130" background="ClockBar.png" valign="top">
    193. </td>
    194. </tr>
    195. </table>
    198. <table style="position: absolute; top: 32px; left: 0px; width: 320px; height: 461px;" cellspacing="0" cellpadding="0" align="center">
    199. <tr align="center" valign="top" border="0" cellpadding="0">
    200. <td height="10" valign="top">
    201. <span id="clock">
    202. <script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script></span><span id="ampm">
    203. <script language="JavaScript">amPm(); setInterval('amPm()', 1000 )</script>
    204. </span>
    205. </td>
    206. </tr>
    207. <tr align="center">
    208. <td id="date" valign="top" halign="center">
    209. <span id="calendar">
    210. <script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script>
    211. </span>
    212. </td>
    213. </tr>
    214. </table>
    216. </body>
    217. </html>
    Alles anzeigen