1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. Programmierung - Entwickler Forum
  3. PHP Forum - Apache - CGI - Perl - JavaScript und Co.

JavaScript: Uhr

  • °dieWoelfin°
  • 29. Oktober 2006 um 16:36
  • °dieWoelfin°
    Meister(in)
    Beiträge
    364
    • 29. Oktober 2006 um 16:36
    • #1

    Hallo,

    ich habe folgendes gemacht:

    Code
    <TABLE borderColor=#c6c9f4 cellSpacing=2 borderColorDark=#c6c9f4 cellPadding=0 align=center borderColorLight=#24243e border=0 background="grafiken/traumuhren/uhrwinterstripe.jpg"  width=350>
    <TR height=30>
    <TD align=center  background="grafiken/traumuhren/uhrwinter1.jpg">
    </TD></TR>
    <TR>
    <td height=200px  background="grafiken/traumuhren/uhrwinter2.jpg">
    </TD></TR>
    <TR height=20>
    <TD align=center background="grafiken/traumuhren/uhrwinter3.jpg"><font size="2" color=#24243e face=Verdana>
    <SPAN id=clock>
    <script language="JavaScript">
    <!--
    /* Original by Basko (SuuMink@aol.com)
    * modified by N8i ([url]www.nightfire.ch)[/url]
    * Script is DOM compatibly */
    
    
    //Browser Sniffer
    var ns4up = (document.layers) ? 1 : 0;
    var ie4up = (document.all) ? 1 : 0;
    var mozup = (!document.all && document.getElementById) ? 1 : 0;
    
    
    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 Jahr = Jetzt.getYear();
    if (Jahr < 1900) Jahr+=1900; // Netscape/Mozilla Bugfix
    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 Datum = Vortag + Tag + Vormon + Monat + "." + Jahr;
    var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
    var Gesamt = Wochentagname[WoTag] + "«»" + Datum + "«»"  + Uhrzeit;
    if(ie4up)
    document.all.Uhr.innerHTML = Gesamt;
    if(document.layers) {
    document.NetscapeUhr.document.open();
    Gesamt = '<span class="Uhr")>' + Gesamt + '</span>';
    document.NetscapeUhr.document.write(Gesamt);
    document.NetscapeUhr.document.close();
    }
    if (mozup)
    document.getElementById("Uhr").innerHTML = Gesamt;
    window.setTimeout("ZeitAnzeigen()",1000);
    }
    // -->
    </script>
    <div id="Uhr" class="Uhr" align="center">
    </div>
    <layer id="NetscapeUhr" align="center">
    </layer>
    <script language="JavaScript">
    <!--
    window.setTimeout("ZeitAnzeigen()",1000);
    // End -->
    </script>
    
    
    
    
    
    
    </span></font></TD></TR></TABLE>
    Alles anzeigen


    Es ist eine Uhr die aus 3 Teilen besteht und im unteren Bildteil kommt dann die Datum/Uhrzeit Angabe.

    Funktioniert auch alles.

    Nun möchten wir gerne mehrere von diesen Uhren basteln und diese auf die Homepage stellen.

    Wenn ich allerdings nun unter den o.g. Code einen Absatz mache und einen neuen "Uhrencode" eingebe, dann erscheinen zwar die Bilder, aber nicht die Anzeige Uhr und Datum.

    Kann mir jemand sagen woran das liegen könnte? und dann am besten noch einen Weg wie ich diese Uhr mehrmals zu anzeige bekomme.

    Danke schon einmal im voraus.

    [Blockierte Grafik: http://www.psp-grafikwelt.de/bilderupload/sammelei/hilfeforumbanner.jpg]

  • °dieWoelfin°
    Meister(in)
    Beiträge
    364
    • 30. Oktober 2006 um 16:12
    • #2

    *pfeif* schubs

    [Blockierte Grafik: http://www.psp-grafikwelt.de/bilderupload/sammelei/hilfeforumbanner.jpg]

  • GreenRover
    Forum Guru
    Beiträge
    4.787
    • 30. Oktober 2006 um 16:50
    • #3

    document.NetscapeUhr.document
    document.all.Uhr.innerHTML

    was soll den das bewirken?? ist doch recht doppelt?!?

    dazu keine weiche...

    Code
    <script language="JavaScript">
    <!--
    var Wochentagname = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
    
    
    function ZeitAnzeigen(obj) 
    {
     var Jetzt = new Date(); var Tag = Jetzt.getDate();
     var Monat = Jetzt.getMonth() + 1;
     var Jahr = Jetzt.getYear();
     if (Jahr < 1900) Jahr+=1900; // Netscape/Mozilla Bugfix
     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 Datum = Vortag + Tag + Vormon + Monat + "." + Jahr;
     var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
     var Gesamt = Wochentagname[WoTag] + "«»" + Datum + "«»"  + Uhrzeit;
    
    
     document.getElementById(obj).innerHTML = Gesamt;
    }
    // -->
    </script>
    <div id="Uhr1" align="center"></div>
    <div id="Uhr2" align="center"></div>
    <div id="Uhr3" align="center"></div>
    
    
    <script language="JavaScript">
    <!--
    window.setTimeout("ZeitAnzeigen('Uhr1')", 1000);
    window.setTimeout("ZeitAnzeigen('Uhr2')", 1000);
    window.setTimeout("ZeitAnzeigen('Uhr3')", 1000);
    // End -->
    </script>
    Alles anzeigen
  • °dieWoelfin°
    Meister(in)
    Beiträge
    364
    • 30. Oktober 2006 um 17:03
    • #4

    Danke erstmal für die Antwort.

    Was da im JavaScript falsch ist, das was Du bemängelst, keinen Plan, da ich das Script mir geladen habe.

    Nun hab ich es mal mit Deinem Code probiert und ich bin sicher ich hab mal wieder nicht alles richtig gemacht :oops:

    Ich zeig mal was ich machen möchte:

    [Blockierte Grafik: http://www.diewoelfin-hamburg.de/upload2/woelfin/uhrproblem.jpg]


    So schauen die "Uhren" aus, hab nun einfach mal eine doppelt genommen.

    Füge ich nun Deinen Code ein, dann sieht man das in der einen Uhr 3 x die Zeit gezeigt wird und in der anderen gar nicht.

    Ich möchte aber natürlich das in beiden (und später in allen) die Zeit angezeigt wird.

    Kannst Du mir noch mal helfen bitte und sagen was ich falsch gemacht habe?

    [Blockierte Grafik: http://www.psp-grafikwelt.de/bilderupload/sammelei/hilfeforumbanner.jpg]

  • °dieWoelfin°
    Meister(in)
    Beiträge
    364
    • 30. Oktober 2006 um 17:06
    • #5

    Ich habs hinbekomen *tanzen*

    Klasse - danke Du hast mir supi geholfen :D

    [Blockierte Grafik: http://www.psp-grafikwelt.de/bilderupload/sammelei/hilfeforumbanner.jpg]

Tags

  • bilder
  • browser
  • homepage
  • background
  • anzeige
  • code
  • jahr
  • tag
  • bild
  • datum
  • array
  • div
  • javascript
  • monat
  • timeout
  • script
  • mozilla
  • doppelt
  • center
  • align
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern