Ergebnis 1 bis 5 von 5

Thema: JavaScript: Uhr

  1. #1
    Meister(in)
    Registriert seit
    23.05.2005
    Ort
    Hamburg
    Beiträge
    364
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard JavaScript: Uhr

    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 &#40;SuuMink@aol.com&#41;
    * modified by N8i &#40;www.nightfire.ch&#41;
    * Script is DOM compatibly */
    
    //Browser Sniffer
    var ns4up = &#40;document.layers&#41; ? 1 &#58; 0;
    var ie4up = &#40;document.all&#41; ? 1 &#58; 0;
    var mozup = &#40;!document.all && document.getElementById&#41; ? 1 &#58; 0;
    
    Wochentagname = new Array&#40;"Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"&#41;;
    
    function ZeitAnzeigen&#40;&#41; &#123;
    var Jetzt = new Date&#40;&#41;; var Tag = Jetzt.getDate&#40;&#41;;
    var Monat = Jetzt.getMonth&#40;&#41; + 1;
    var Jahr = Jetzt.getYear&#40;&#41;;
    if &#40;Jahr < 1900&#41; Jahr+=1900; // Netscape/Mozilla Bugfix
    var Stunden = Jetzt.getHours&#40;&#41;; var Minuten = Jetzt.getMinutes&#40;&#41;;
    var Sekunden = Jetzt.getSeconds&#40;&#41;; var WoTag = Jetzt.getDay&#40;&#41;;
    var Vortag = &#40;&#40;Tag < 10&#41; ? "0" &#58; ""&#41;;
    var Vormon = &#40;&#40;Monat < 10&#41; ? ".0" &#58; "."&#41;;
    var Vorstd = &#40;&#40;Stunden < 10&#41; ? "0" &#58; ""&#41;;
    var Vormin = &#40;&#40;Minuten < 10&#41; ? "&#58;0" &#58; "&#58;"&#41;;
    var Vorsek = &#40;&#40;Sekunden < 10&#41; ? "&#58;0" &#58; "&#58;"&#41;;
    var Datum = Vortag + Tag + Vormon + Monat + "." + Jahr;
    var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
    var Gesamt = Wochentagname&#91;WoTag&#93; + "«»" + Datum + "«»"  + Uhrzeit;
    if&#40;ie4up&#41;
    document.all.Uhr.innerHTML = Gesamt;
    if&#40;document.layers&#41; &#123;
    document.NetscapeUhr.document.open&#40;&#41;;
    Gesamt = '<span class="Uhr"&#41;>' + Gesamt + '</span>';
    document.NetscapeUhr.document.write&#40;Gesamt&#41;;
    document.NetscapeUhr.document.close&#40;&#41;;
    &#125;
    if &#40;mozup&#41;
    document.getElementById&#40;"Uhr"&#41;.innerHTML = Gesamt;
    window.setTimeout&#40;"ZeitAnzeigen&#40;&#41;",1000&#41;;
    &#125;
    // -->
    </script>
    <div id="Uhr" class="Uhr" align="center">
    </div>
    <layer id="NetscapeUhr" align="center">
    </layer>
    <script language="JavaScript">
    <!--
    window.setTimeout&#40;"ZeitAnzeigen&#40;&#41;",1000&#41;;
    // End -->
    </script>
    
    
    
    </span></font></TD></TR></TABLE>

    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.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Themenstarter

    Registriert seit
    23.05.2005
    Ort
    Hamburg
    Beiträge
    364
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    *pfeif* schubs

  3. #3
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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&#40;"Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"&#41;;
    
    function ZeitAnzeigen&#40;obj&#41; 
    &#123;
     var Jetzt = new Date&#40;&#41;; var Tag = Jetzt.getDate&#40;&#41;;
     var Monat = Jetzt.getMonth&#40;&#41; + 1;
     var Jahr = Jetzt.getYear&#40;&#41;;
     if &#40;Jahr < 1900&#41; Jahr+=1900; // Netscape/Mozilla Bugfix
     var Stunden = Jetzt.getHours&#40;&#41;; var Minuten = Jetzt.getMinutes&#40;&#41;;
     var Sekunden = Jetzt.getSeconds&#40;&#41;; var WoTag = Jetzt.getDay&#40;&#41;;
     var Vortag = &#40;&#40;Tag < 10&#41; ? "0" &#58; ""&#41;;
     var Vormon = &#40;&#40;Monat < 10&#41; ? ".0" &#58; "."&#41;;
     var Vorstd = &#40;&#40;Stunden < 10&#41; ? "0" &#58; ""&#41;;
     var Vormin = &#40;&#40;Minuten < 10&#41; ? "&#58;0" &#58; "&#58;"&#41;;
     var Vorsek = &#40;&#40;Sekunden < 10&#41; ? "&#58;0" &#58; "&#58;"&#41;;
     var Datum = Vortag + Tag + Vormon + Monat + "." + Jahr;
     var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
     var Gesamt = Wochentagname&#91;WoTag&#93; + "«»" + Datum + "«»"  + Uhrzeit;
    
     document.getElementById&#40;obj&#41;.innerHTML = Gesamt;
    &#125;
    // -->
    </script>
    <div id="Uhr1" align="center"></div>
    <div id="Uhr2" align="center"></div>
    <div id="Uhr3" align="center"></div>
    
    <script language="JavaScript">
    <!--
    window.setTimeout&#40;"ZeitAnzeigen&#40;'Uhr1'&#41;", 1000&#41;;
    window.setTimeout&#40;"ZeitAnzeigen&#40;'Uhr2'&#41;", 1000&#41;;
    window.setTimeout&#40;"ZeitAnzeigen&#40;'Uhr3'&#41;", 1000&#41;;
    // End -->
    </script>

  4. #4
    Meister(in)
    Themenstarter

    Registriert seit
    23.05.2005
    Ort
    Hamburg
    Beiträge
    364
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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

    Ich zeig mal was ich machen möchte:




    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?

  5. #5
    Meister(in)
    Themenstarter

    Registriert seit
    23.05.2005
    Ort
    Hamburg
    Beiträge
    364
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich habs hinbekomen *tanzen*

    Klasse - danke Du hast mir supi geholfen

Ähnliche Themen

  1. Javascript in Javascript importiere
    Von FaFoo im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 7
    Letzter Beitrag: 08.04.2008, 19:24
  2. JavaScript mit css
    Von Oeli im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 12.06.2006, 19:00
  3. Javascript
    Von Gast im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 12.04.2006, 13:07
  4. Ie/javascript
    Von Hook im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 28.08.2005, 22:23
  5. Thema: JavaScript -- Variable einfügen JavaScript o. Bild
    Von Dj_P.D. im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 29.06.2004, 16:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •