Katja: Hochzeitshomepage - Countdown

Hallo Leute!
Ich bin blutiger Anfänger und hoffe auf Eure Nachsicht! Ich finde mich in den Grundbegriffen des HTML schon ganz gut zurecht. Meine Hochzeit steht im Okt. bevor und wir würden gerne eine HP dazu gestalten! Ich würde gerne einen Countdown bis zur Trauung einbinden!Ich weiß, dass es im Archiv schon einige Beiträge gibt - leider bin damit aber etwas überfordert (oder ich hab noch nicht den richtigen gefunden)! Vielleicht kann mir jemand von Euch weiterhelfen!
Herzlichen Dank und LG aus Wien!

  1. hi, kann man mit JavaScript machen:

    1. dies geht im <body>:

    Noch <script type="text/javascript">gbtage()</script> Tage bis zur hochzeit.

    2. dies geht im <head>

      
    <script type="text/javascript">  
    function gbtage()  
    {  
    var eventdate = new Date("October 27, 2007 00:00:00 GMT");  
    d=new Date();  
    count=Math.floor((eventdate.getTime()-d.getTime())/1000);  
    count=Math.floor(count/(60*60*24));  
    document.write(count);  
    }  
    </script>  
    
    

    LG, Inita

    1. Hi!

      Das sind ein paar Flüchtigkeitsfehler in deinem Script.

      Noch <script type="text/javascript">gbtage()</script> Tage bis zur hochzeit.

      Besser:
      <script type="text/javascript">document.write( "Noch " + gbtage() + " Tage bis zur Hochzeit." );</script>
      So wird bei Usern ohne JS dann gar nichts ausgeben.
      Das ist besser als ihnen eine halbe Sache zu präsentieren.

      document.write(count);

      Und das document.write innerhalb deiner Funktion sollte wohl return heissen, wenn ich mir ansehe, wie du die Funktion dann weiter nutzen willst.

      Schöner Gruß,
      rob

      1. document.write(count);
        Und das document.write innerhalb deiner Funktion sollte wohl return heissen, wenn ich mir ansehe, wie du die Funktion dann weiter nutzen willst.

        Nein, das hat schon seine Richtigkeit. Die Funktion wird während des Seitenaufbaus aufgerufen und ausgeführt, sodass sie im Ergebnis die Anzahl der Tage ins Dokument schreibt. Wollte man deinem Vorschlag mit dem return nachgehen, müsste man das document.write im Body ausführen.

        Siechfred

        --
        Ein Selbständiger ist jemand, der bereit ist, 16 Stunden am Tag zu arbeiten, nur um nicht 8 Stunden für einen Anderen arbeiten zu müssen.
        1. Hi!

          Nein, das hat schon seine Richtigkeit. Die Funktion wird während des Seitenaufbaus aufgerufen und ausgeführt, sodass sie im Ergebnis die Anzahl der Tage ins Dokument schreibt.

          Ja, stimmt. Da hast du recht.
          Nachdem ich jetzt nochmal in das Posting geschaut habe, sehe ich dort das "dies geht im <head>".

          Schöner Gruß,
          rob

          1. hallo,

            danke viel mal fuer die Hinweise, ich kann nur ganz basics JS leider.

            LG,
            Inita

            1. An Euch alle einen vielen lieben Dank!!!
              Ihr macht mir wirklich eine Riesenfreude!!!

  2. Moin

    <html>  
    <head>  
    <title>Hochzeit</title>  
    <script type="text/javascript">  
    function trau_dich(derTag) {  
    var d=derTag.split(".");  
    var heut=new Date();  
    heut.setMilliseconds(0);  
    var t=(new Date(d[2],d[1]-1,d[0],heut.getHours(),heut.getMinutes(),heut.getSeconds())).getTime();  
    var rest=(t-heut.getTime())/86400000;  
    var termin=document.getElementById("termin");  
    if (termin) {  
    var fc=termin.firstChild;  
    if (fc && fc.nodeType==3) termin.firstChild.data=rest;  
    else termin.appendChild(document.createTextNode(rest));  
    }}  
    window.onload=function() {  
    trau_dich("17.10.2007");  
    }  
    </script>  
    </head>  
    <body>  
    <p>Nur noch <span id="termin">wenige</span> Tage Freiheit!</p>  
    </body>  
    </html>
    

    Gruß
    rfb

    --
    Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
    (Galileo Galilei)