Hallo,
ich habe das WordPress Standard DE-Edition 1.6-Theme für meine Bedürnisse angepasst und möchte nun noch in dem Header per JavaScript die System-Uhrzeit anzeigen lassen. Das js-Script hat in einer Versuchsdatei auch schon so funktioniert, wie ich es mir vorgestellt habe, nur nach dem Einbinden in den Header scheint das Script nicht zu laufen oder nicht eingebunden zu werden.
Mir ist jetzt nicht klar, ob es an meinen eher rudimentären js-Kenntnissen liegt, oder ob WP mit dem Einbinden von js grundsätzlich ein Problem hat (wo ich dann gerne wüsste, ob es da Lösungsansätze gibt).
Das Skript und eine dazugehörige Tabelle habe ich in eigenen Dateien ausgelagert und dann im head-Bereich als weltzeit.js und im body-Bereich als weltzeit.php wie folgt eingebunden:
...
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archiv <?php } ?> <?php wp_title();?></title><meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<script src="wp-content/themes/default_de/inc/weltzeit.js" type="text/javascript" language="JavaScript"></script>
<link rel="shortcut icon" href="wp-content/themes/default_de/images/favicon_rrp.gif" />
...
</head>
<body onLoad="clock();">
<div id="page">
<div id="header">
<div id="headerimg">
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
</div>
<?php include('wp-content/themes/default_de/inc/weltzeit.php');?>
</div>
<hr />
Die weltzeit.php wird im Layout wie gewünscht korrekt dargestellt und sieht wie folgt aus:
<?php
?>
<div id="seitenkopf">
<table class="weltzeit">
<form name="datum">
<tr>
<td class="ortzeit">München: </td>
<td class="uhrzeit">
<input type="text" name="time" size="20" style="border: 0; color:#636563; font-size:0.9em; face:verdana; background-color:transparent;" value="" class="date">
</td>
</tr>
</form>
</table>
</div>
<?php
?>
In dem input-Tag sollte jetzt eigentlich die Uhr erscheinen, was sie jedoch nicht tut. Das Feld ist leer und lässt sich beschreiben.
Die weltzeit.js dazu sieht so aus:
function clock() {
var t = new Date();
var year = t.getFullYear();
var month = t.getMonth();
var day = t.getDate();
var hours = t.getHours();
var min = t.getMinutes();
var sec = t.getSeconds();
var monate = newArray("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");
if (min < 10)
min = "0" + min;
if (sec < 10)
sec = "0" + sec;
document.datum.time.value =day+". "+monate[month]+" "+ year +" | " + hours + ":" + min + " " + status;
window.setTimeout("clock()", 900);
}
Falls es sich nicht um eine grundsätzliche WP-Problematik handelt, vermute ich, das es an der Zuweisung
"document.datum.time.value"
liegen könnte. Aber wie schon gesagt, da sind meine Kenntnisse noch nicht ausreichend.
In der Hoffnung, das jetzt ein Profi bis hierhin durchgehalten hat und die Problematik erkannt hat, wäre ich für eine Hilfestellung dankbar.
Danke im voraus, Jan