Uhrzeit und Datumsanzeige. FF und IE unterschiedliche formatierung!

blockbaster · 31.10.2007, 11:21

Hallo zusamm,
ich möchte gerne für eine Homepage das aktuelle Datum und die Uhrzeit ausgeben.

Dazu habe ich folgendes Script benutzt.

PHP-Code:


			
///////////////////////////////////////////////////////////

// "Live Clock Advanced" script - Version 1.0

// By Mark Plachetta (astroboy@zip.com.au)

//

// Get the latest version at:

// http://www.zip.com.au/~astroboy/liveclock/

//

// Based on the original script: "Upper Corner Live Clock"

// available at:

// - Dynamic Drive (http://www.dynamicdrive.com)

// - Website Abstraction (http://www.wsabstract.com)

// ========================================================

// CHANGES TO ORIGINAL SCRIPT:

// - Gave more flexibility in positioning of clock

// - Added date construct (Advanced version only)

// - User configurable

// ========================================================

// Both "Advanced" and "Lite" versions are available free

// of charge, see the website for more information on the

// two scripts.

///////////////////////////////////////////////////////////



///////////////////////////////////////////////////////////

/////////////// CONFIGURATION /////////////////////////////



    // Set the clock's font face:

    var myfont_face = "arial";



    // Set the clock's font size (in point):

    var myfont_size = "10";



    // Set the clock's font color:

    var myfont_color = "#FFC22F";

    

    // Set the clock's background color:

    var myback_color = "#1c146b";



    // Set the text to display before the clock:

    var mypre_text = "";



    // Set the width of the clock (in pixels):

    var mywidth = 30;



    // Display the time in 24 or 12 hour time?

    // 0 = 24, 1 = 12

    var my12_hour = 0;



    // How often do you want the clock updated?

    // 0 = Never, 1 = Every Second, 2 = Every Minute

    // If you pick 0 or 2, the seconds will not be displayed

    var myupdate = 1;



    // Display the date?

    // 0 = No, 1 = Yes

    var DisplayDate = 1;



/////////////// END CONFIGURATION /////////////////////////

///////////////////////////////////////////////////////////



// Browser detect code

        var ie4=document.all

        var ns4=document.layers

        var ns6=document.getElementById&&!document.all



// Global varibale definitions:



    var dn = "";

    var mn = "th";

    var old = "";



// The following arrays contain data which is used in the clock's

// date function. Feel free to change values for Days and Months

// if needed (if you wanted abbreviated names for example).

    var DaysOfWeek = new Array(7);

        DaysOfWeek[0] = "Sonntag";

        DaysOfWeek[1] = "Montag";

        DaysOfWeek[2] = "Dienstag";

        DaysOfWeek[3] = "Mittwoch";

        DaysOfWeek[4] = "Donnerstag";

        DaysOfWeek[5] = "Freitag";

        DaysOfWeek[6] = "Samstag";



    var MonthsOfYear = new Array(12);

        MonthsOfYear[0] = "Januar";

        MonthsOfYear[1] = "Februar";

        MonthsOfYear[2] = "März";

        MonthsOfYear[3] = "April";

        MonthsOfYear[4] = "Mai";

        MonthsOfYear[5] = "Juni";

        MonthsOfYear[6] = "Juli";

        MonthsOfYear[7] = "August";

        MonthsOfYear[8] = "September";

        MonthsOfYear[9] = "Oktober";

        MonthsOfYear[10] = "November";

        MonthsOfYear[11] = "Dezember";



// This array controls how often the clock is updated,

// based on your selection in the configuration.

    var ClockUpdate = new Array(3);

        ClockUpdate[0] = 0;

        ClockUpdate[1] = 1000;

        ClockUpdate[2] = 60000;



// For Version 4+ browsers, write the appropriate HTML to the

// page for the clock, otherwise, attempt to write a static

// date to the page.

    if (ie4||ns6) { document.write('<span id="LiveClockIE" style="width:'+mywidth+'px; background-color:'+myback_color+'"></span>'); }

    else if (document.layers) { document.write('<ilayer bgColor="'+myback_color+'" id="ClockPosNS" visibility="hide"><layer width="'+mywidth+'" id="LiveClockNS"></layer></ilayer>'); }

    else { old = "true"; show_clock(); }



// The main part of the script:

    function show_clock() {

        if (old == "die") { return; }

    

    //show clock in NS 4

        if (ns4)

                document.ClockPosNS.visibility="show"

    // Get all our date variables:

        var Digital = new Date();

        var day = Digital.getDay();

        var mday = Digital.getDate();

        var month = Digital.getMonth();

        var hours = Digital.getHours();



        var minutes = Digital.getMinutes();

        var seconds = Digital.getSeconds();



    // Fix the "mn" variable if needed:

        if (mday == 1) { mn = "."; }

        else if (mday == 2) { mn = "."; }

        else if (mday == 3) { mn = "."; }

        else if (mday == 21) { mn = "."; }

        else if (mday == 22) { mn = "."; }

        else if (mday == 23) { mn = "."; }

        else if (mday == 31) { mn = "."; }



    // Set up the hours for either 24 or 12 hour display:

        if (my12_hour) {

            dn = "AM";

            if (hours > 12) { dn = "PM"; hours = hours - 12; }

            if (hours == 0) { hours = 12; }

        } else {

            dn = "";

        }

        if (minutes <= 9) { minutes = "0"+minutes; }

        if (seconds <= 9) { seconds = "0"+seconds; }



    // This is the actual HTML of the clock. If you're going to play around

    // with this, be careful to keep all your quotations in tact.

        myclock = '';

        myclock += '<font style="color:'+myfont_color+'; font-family:'+myfont_face+'; font-size:'+myfont_size+'pt;">';

        myclock += mypre_text;

        myclock += hours+':'+minutes;

        if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }

        myclock += ' '+dn;

        if (DisplayDate) { myclock += 'Uhr <br> '+DaysOfWeek[day]+', '+mday+mn+' '+MonthsOfYear[month]; }

        myclock += '</font>';



        if (old == "true") {

            document.write(myclock);

            old = "die";

            return;

        }



    // Write the clock to the layer:

        if (ns4) {

            clockpos = document.ClockPosNS;

            liveclock = clockpos.document.LiveClockNS;

            liveclock.document.write(myclock);

            liveclock.document.close();

        } else if (ie4) {

            LiveClockIE.innerHTML = myclock;

        } else if (ns6){

            document.getElementById("LiveClockIE").innerHTML = myclock;

                }            



    if (myupdate != 0) { setTimeout("show_clock()",ClockUpdate[myupdate]); }

}

eingebunden per

PHP-Code:


			
<script language="javascript" src="liveclock.js">

</script>

Beim Aufruf der Seite erscheint im Internet Explorer 7 folgende formatierung:

PHP-Code:


			
11:18:40

Uhr 

Mittwoch, 

31. 

Oktober

Im Firefox:

PHP-Code:


			
11:18:40 Uhr 

Mittwoch, 31. Oktober

Kann mir da einer weiterhelfen?
Ich möchte gerne, dass die formatierung von FF auch im IE funktioniert.

Grüße Christian

Speedy19102000 · 01.11.2007, 01:17

Moin!

Versuch mal dieses Beispiel!

Bei mir wird bei Deinem Script nichts angezeigt.

MfG Speedy

blockbaster · 01.11.2007, 09:15

PHP-Code:


			
<body onLoad="show_clock()">

fehlte im Body.

Werde ich mal morgen ausprobieren! Schon einmal Danke

blockbaster · 07.11.2007, 09:34

Ok, funktioniert im IE jetzt prima. Aber die Ausgabe für den FF oder NS erfolgt im DIV. Kann man dieses auch normal ausgeben?

Ich habe da das Problem, dass ich meine Homepage zentriert ausgebe und das layer, jenach Auflösung, verschoben ist.

Die anderen Scripte funktioneren teilweise im FF überhaupt nicht.

Speedy19102000 · 07.11.2007, 10:49

Moin!

Zitat:

Zitat von blockbaster

Ich habe da das Problem, dass ich meine Homepage zentriert ausgebe und das layer, jenach Auflösung, verschoben ist.

Hier der Link

100% ig!

MfG Speedy

blockbaster · 07.11.2007, 10:56

Ich verstehe nicht was du mir damirt sagen möchtest.

Speedy19102000 · 07.11.2007, 11:03

Notfalls <div style="text-align:center;"> OBJEKT </div>

EDIT: Ich hasse den FF!

blockbaster · 07.11.2007, 11:12

Das ist mir schon klar.
Ich glaube, dass das problem mit der Uhr ein bekanntes Problem ist. Habe jetzt schon insgesamt 2 Stunden gegoogelt und finde immer die gleichen Probleme.

Entweder funktioniert die Uhr+Datum im IE oder im FF. Aber beide zusammen geht irgendwie nicht.

Speedy19102000 · 07.11.2007, 11:14

Zeig mal den gesammten Code!

blockbaster · 07.11.2007, 11:30

PHP-Code:


			
<body onload="ZeitAnzeigen()">



<div id="Uhr" style="position: absolute; visibility: visible; font-style:normal; font-variant:normal; font-weight:normal; left:140px; top:151px; width:143px; height:15px"#FFC22F" face="Arial" style="font-weight:700" size="2" top: 153px; left: 140px; width:144px; height:40px">&nbsp;</div>



<script language="javascript">

<!--





window.setTimeout("ZeitAnzeigen()",1000);

Wochentagname = new Array("Sonntag,","Montag,","Dienstag,","Mittwoch,","Donnerstag,","Freitag,","Samstag,");



function ZeitAnzeigen() {

  var Jetzt    = new Date();

  var Tag      = Jetzt.getDate();

  var Monat    = Jetzt.getMonth() + 1;

  var msJahr   = Jetzt.getYear();

  var nsJahr   = Jetzt.getYear() + 1900;

  var Stunden  = Jetzt.getHours();

  var Minuten  = Jetzt.getMinutes();

  var Sekunden = Jetzt.getSeconds();

  var WoTag    = Jetzt.getDay();

  var Vortag   = ((Tag < 10) ? "0" : "");

  var Vormon   = ((Monat < 10) ? ".0" : ".");

  var Vorstd   = ((Stunden < 10) ? "0" : "");

  var Vormin   = ((Minuten < 10) ? ":0" : ":");

  var Vorsek   = ((Sekunden < 10) ? ":0" : ":");

  var msDatum  = Vortag + Tag + Vormon + Monat  + "." + msJahr;

  var nsDatum  = Vortag + Tag + Vormon + Monat  + "." + nsJahr;

  var Uhrzeit  = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;

  var msJetzt  = Wochentagname[WoTag] + "  " + msDatum + "  " + Uhrzeit;

  var nsJetzt  = Wochentagname[WoTag] + "  " + msDatum + "  " + Uhrzeit;

  // Ausgabe für MS Internet Explorer & Mozilla Firefox

  document.getElementById('Uhr').innerHTML = msJetzt



  // Ausgabe für Netscape Navigator Browser

  if(document.layers) {

    document.Uhr.document.write('+nsJetzt+')

    document.close()

  }



  var timer=setTimeout("ZeitAnzeigen()",1000)

}

// -->

</script>

Speedy19102000 · 07.11.2007, 12:08

HTML-Code:

<html>
<head>
<title>-</title>

<script language="javascript"> 
window.setTimeout("ZeitAnzeigen()",1000); 
Wochentagname = new Array("Sonntag,","Montag,","Dienstag,","Mittwoch,","Donnerstag,","Freitag,","Samstag,"); 

function ZeitAnzeigen() { 
  var Jetzt    = new Date(); 
  var Tag      = Jetzt.getDate(); 
  var Monat    = Jetzt.getMonth() + 1; 
  var msJahr   = Jetzt.getYear(); 
  var nsJahr   = Jetzt.getYear() + 1900; 
  var Stunden  = Jetzt.getHours(); 
  var Minuten  = Jetzt.getMinutes(); 
  var Sekunden = Jetzt.getSeconds(); 
  var WoTag    = Jetzt.getDay(); 
  var Vortag   = ((Tag < 10) ? "0" : ""); 
  var Vormon   = ((Monat < 10) ? ".0" : "."); 
  var Vorstd   = ((Stunden < 10) ? "0" : ""); 
  var Vormin   = ((Minuten < 10) ? ":0" : ":"); 
  var Vorsek   = ((Sekunden < 10) ? ":0" : ":"); 
  var msDatum  = Vortag + Tag + Vormon + Monat  + "." + msJahr+ ",<br />"; 
  var nsDatum  = Vortag + Tag + Vormon + Monat  + "." + nsJahr; 
  var Uhrzeit  = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden; 
  var msJetzt  = Wochentagname[WoTag] + " <br /> " + msDatum + "  " + Uhrzeit; 
  var nsJetzt  = Wochentagname[WoTag] + "  " + msDatum + "  " + Uhrzeit; 
  // Ausgabe für MS Internet Explorer & Mozilla Firefox 
  document.getElementById('Uhr').innerHTML = msJetzt 

  // Ausgabe für Netscape Navigator Browser 
  if(document.layers) { 
    document.Uhr.document.write('+nsJetzt+') 
    document.close() 
  } 

  var timer=setTimeout("ZeitAnzeigen()",1000) 
}
</script>  

</head>

<body onload="ZeitAnzeigen()"> 

<div id="Uhr" style="text-align:center; font-style:normal; font-wheight:normal; font-face="Arial"></div>

</body>

</html>

MfG Speedy

blockbaster · 07.11.2007, 12:23

Erst einmal Danke das du mir so schnell antwortest.

Aber da kommt dann das alte "Mittwoch, 07.11.107" problem.

Werde dann wohl beim

PHP-Code:


			
<?php echo date('l, j. F  H:i') . " Uhr"; ?>

bleiben. Zeigt einem zwar nicht die laufenden sekunden an, aber so funktioniert es wenigstens. Nur der Wochentag ist auf Englisch.