Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 15

Thema: Farbe von JavaScript Ausgabe ändern?

  1. #1
    Lanhold
    Gast

    Standard Farbe von JavaScript Ausgabe ändern?

    Ich habe eine Script zum Anzeigen eines Countdown in meine html Seite eingefügt.
    Wie kann ich die Farbe der ausgegebenen Zeile ändern. Hab jetzt schon mit <p align="center"> geschafft dass es zentriert ist. Wie ändere ich jetzt Farbe und Größe?

    Hier der Code:
    Code:
    <html>
      <head>
        <title>Datum-Countdown mit JavaScript</title>
    
        <script language="JavaScript">
          // Ziel-Datum in MEZ
          var jahr=2005, monat=8, tag=5, stunde=18, minute=00, sekunde=00;
          var zielDatum=new Date&#40;jahr,monat-1,tag,stunde,minute,sekunde&#41;;
    
          function countdown&#40;&#41; &#123;
            startDatum=new Date&#40;&#41;; // Aktuelles Datum
    
            // Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist
            if&#40;startDatum<=zielDatum&#41;  &#123;
    
              var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;
    
              /* Allgemeines Vorgehen&#58;
               * Zunächst werden die vollen Jahre gezählt
               * und anschließend der Start- und Ziel-Monat auf den jeweiligen 1. gesetzt.
               * Nun werden erst die vollen Monate vom 1. zum 1. des Start- bzw. Ziel-Monats
               * berechnet und danach die tatsächlichen Monatstage wieder mit einbezogen.
               * Dieses Vorgehen vermeidet Probleme mit den verschiedenen Monatslängen.
               * Was übrig bleibt, wird in Tagen, Stunden, Minuten und Sekunden ausgedrückt.*/
    
              // Jahre
              if&#40;startDatum<zielDatum&#41; &#123;
                while&#40;startDatum<zielDatum&#41; &#123;
                  if&#40;startDatum.setFullYear&#40;startDatum.getFullYear&#40;&#41;+1&#41;<=zielDatum&#41; jahre++;
                &#125;
                startDatum.setFullYear&#40;startDatum.getFullYear&#40;&#41;-1&#41;;
              &#125;
    
              // Restliche Tage zum Monatsende ermitteln
              var restTage=0;
              var m=startDatum.getMonth&#40;&#41;;
              if&#40;m==1-1|| m==3-1||m==5-1||m==7-1||m==8-1||m==10-1||m==12-1&#41;
                  restTage=31-startDatum.getDate&#40;&#41;;
              else if&#40;m==4-1|| m==6-1||m==9-1||m==11-1&#41; restTage=30-startDatum.getDate&#40;&#41;;
              else if&#40;m==2-1&#41; &#123;
                if&#40;startDatum.getFullYear&#40;&#41;%4==0 && &#40;startDatum.getFullYear&#40;&#41;%100!=0
                    || startDatum.getFullYear&#40;&#41;%400==0&#41;&#41;
                        restTage=29-startDatum.getDate&#40;&#41;; // Schaltjahr
                else restTage=28-startDatum.getDate&#40;&#41;;
              &#125;
    
              // Start- und Ziel-Tag merken und auf 1 setzen
              var startTag=startDatum.getDate&#40;&#41;;
              var zielTag=zielDatum.getDate&#40;&#41;;
              startDatum.setDate&#40;1&#41;;
              zielDatum.setDate&#40;1&#41;;
    
              
    
              // Tatsächlichen Start- und Ziel-Tag berücksichtigen
              if&#40;startDatum.getMonth&#40;&#41;==zielDatum.getMonth&#40;&#41;&#41; &#123;
                if&#40;startTag<=zielTag&#41; startDatum.setDate&#40;startTag&#41;;
                else &#123;
                  monate--;
                  tage=restTage+1;
                &#125;
              &#125;
              else &#123;
                startDatum.setMonth&#40;startDatum.getMonth&#40;&#41;+1&#41;;
                if&#40;startTag>=zielTag&#41; tage=restTage+1;
                else &#123;
                  monate++;
                  startDatum.setDate&#40;startTag&#41;;
                &#125;
              &#125;
              zielDatum.setDate&#40;zielTag&#41;;
    
              // Tage
              restTage=Math.floor&#40;&#40;zielDatum-startDatum&#41;/&#40;24*60*60*1000&#41;&#41;;
              startDatum.setTime&#40;startDatum.getTime&#40;&#41;+restTage*24*60*60*1000&#41;;
              tage+=restTage;
    
              // Stunden
              stunden=Math.floor&#40;&#40;zielDatum-startDatum&#41;/&#40;60*60*1000&#41;&#41;;
              startDatum.setTime&#40;startDatum.getTime&#40;&#41;+stunden*60*60*1000&#41;;
    
              // Minuten
              minuten=Math.floor&#40;&#40;zielDatum-startDatum&#41;/&#40;60*1000&#41;&#41;;
              startDatum.setTime&#40;startDatum.getTime&#40;&#41;+minuten*60*1000&#41;;
    
              // Sekunden
              sekunden=Math.floor&#40;&#40;zielDatum-startDatum&#41;/1000&#41;;
    
              // Anzeige formatieren
              &#40;jahre!=1&#41;?jahre=jahre+" Jahre,  "&#58;jahre=jahre+" Jahr,  ";
              &#40;monate!=1&#41;?monate=monate+" Monate,  "&#58;monate=monate+" Monat,  ";
              &#40;tage!=1&#41;?tage=tage+" Tage,  "&#58;tage=tage+" Tag,  ";
              &#40;stunden!=1&#41;?stunden=stunden+" Stunden,  "&#58;stunden=stunden+" Stunde,  ";
              &#40;minuten!=1&#41;?minuten=minuten+" Minuten  und  "&#58;minuten=minuten+" Minute  und  ";
              if&#40;sekunden<10&#41; sekunden="0"+sekunden;
              &#40;sekunden!=1&#41;?sekunden=sekunden+" Sekunden"&#58;sekunden=sekunden+" Sekunde";
    
              document.countdownform.countdowninput.value=
                  tage+stunden+minuten+sekunden;
    
              setTimeout&#40;'countdown&#40;&#41;',200&#41;;
            &#125;
            // Anderenfalls alles auf Null setzen
            else document.countdownform.countdowninput.value=
                "0 Jahre,  0 Monate,  0 Tage,  0 Stunden,  0 Minuten  und  00 Sekunden";
          &#125;
        </script>
      </head>
    
      <body onload="countdown&#40;&#41;">
        
        <form name="countdownform">
          <h1 color="red"><p align="center">
            <input align="center" size="75" name="countdowninput">
          </p></h1>
        </form>
       </body>
    
    </html>
    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
    Großmeister(in)
    Registriert seit
    03.12.2004
    Ort
    Schweiz
    Beiträge
    514
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    <input align="center" size="75" name="countdowninput" style="color&#58; red; size&#58; 18px">

  3. #3
    Gast

    Standard

    cool Danke für die abgefahren schnelle Hilfe
    Aber die Schriftgröße kann ich so nicht ändern, egal ob ich 18px oder 80 px eingeb. Auch ohne px gehts net.

  4. #4
    Gast

    Standard

    außerdem hab ich jetzt sonen grauenm Rahmen um den Text, wie geht der weg?
    Danke

  5. #5
    Großmeister(in)
    Registriert seit
    03.12.2004
    Ort
    Schweiz
    Beiträge
    514
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    sorry, ich mein natürlich font-size, nicht size

    was für einen rahmen?
    versuche mal

    Code:
    <input align="center" size="75" name="countdowninput" style="color&#58; red; font-size&#58; 18px; border&#58; none">

  6. #6
    Gast

    Standard

    cool, funktioniert.

  7. #7
    Gast

    Standard


    doch nicht ganz.
    Wenn ich das jetzt alles in ne Page mit schwarzem Hintergrund einbauen will hab ich um den Text nen weißen Kasten...
    Habs schon mit bgcolor: "black" versucht...

  8. #8
    Großmeister(in)
    Registriert seit
    03.12.2004
    Ort
    Schweiz
    Beiträge
    514
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    border-color: black

    oder border-width: 0px oder so was.. irgendwie sollte man auch den rahmen abstellen können

  9. #9
    Gast

    Standard

    ne es ist kein einzelner Rahen, sondern der komplette text steht in nem weißen Kasten.
    siehe attachment[/img]
    Angehängte Grafiken Angehängte Grafiken

  10. #10
    Großmeister(in)
    Registriert seit
    03.12.2004
    Ort
    Schweiz
    Beiträge
    514
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ach sooo
    background-color: black;

Ähnliche Themen

  1. Farbe ändern?
    Von Anonym im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 13.04.2008, 20:07
  2. Firefox Farbe ändern
    Von Minksi im Forum Computer - Internet Forum
    Antworten: 3
    Letzter Beitrag: 10.07.2007, 23:05
  3. Farbe in der Navigation ändern.
    Von 00eraser00 im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 2
    Letzter Beitrag: 22.09.2006, 22:14
  4. titel farbe ändern
    Von gast im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 21.04.2005, 19:53
  5. Farbe ändern
    Von Starter im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 24.01.2005, 16:12

Stichworte

Berechtigungen

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