JS Countdown grafisch formatieren

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
Benutzeravatar
TLoD
Mitglied
Beiträge: 161
Registriert: 04.08.2007 14:57
Wohnort: Nürnberg
Kontaktdaten:

JS Countdown grafisch formatieren

Beitragvon TLoD » 12.07.2010 15:57

Hallo Gemeinde,

ich habe einen JS Countdown auf meiner Seite laufen und möchte nun statt den geschriebenen Wörtern "Tage - Tag" "Stunden - Stunde" "Minuten - Minute" "Sekunden- Sekunde" eine Grafik angezeigt bekommen.

Aktuell formatiere ich die Anzeige wie folgt:

Code: Alles auswählen

// Anzeige formatieren
          (days!=1)?days=days+"<br>&nbsp;Tage&nbsp;":days=days+"<br>&nbsp;Tag&nbsp;";
          (hours!=1)?hours=hours+"<br>&nbsp;Stunden&nbsp;":hours=hours+"<br>&nbsp;Stunde&nbsp;";
          (minutes!=1)?minutes=minutes+"<br>&nbsp;Minuten&nbsp;":minutes=minutes+"<br>&nbsp;Minute&nbsp;";
          if(seconds<10) seconds="0"+seconds;
          (seconds!=1)?seconds=seconds+"<br>&nbsp;Sekunden&nbsp;":seconds=seconds+"<br>&nbsp;Sekunde&nbsp;";


Nun soll es grafisch werden und das wollte ich so lösen, jedoch kennt JS an dieser Stelle wohl keine eingefügten Grafiken?!

Code: Alles auswählen

// Anzeige formatieren
          (days!=1)?days=days+"<br>&nbsp;<img src="images/Tage.png">&nbsp;":days=days+"<br>&nbsp;<img src="images/Tag.png">&nbsp;";


Leider kenne ich mich in JS nicht aus und komme hier nicht so recht weiter.
Evtl. kann mir jemand von Euch ja an Hand eines Beispiels erklären wie ich es anstellen muss.

Besten Dank & Gruß
LG Marc

Wir leben alle unter dem gleichen Himmel, aber wir haben nicht alle den gleichen Horizont.

Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 15340
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:

Re: JS Countdown grafisch formatieren

Beitragvon Dr.Death » 12.07.2010 21:19


Benutzeravatar
TLoD
Mitglied
Beiträge: 161
Registriert: 04.08.2007 14:57
Wohnort: Nürnberg
Kontaktdaten:

Re: JS Countdown grafisch formatieren

Beitragvon TLoD » 13.07.2010 15:08

Dr.Death hat geschrieben:Hi,

schau mal hier kurz rein:

viewtopic.php?f=87&t=179054&hilit=countdown


Besten Dank, jedoch kapieren tu ich das nicht so recht...
LG Marc

Wir leben alle unter dem gleichen Himmel, aber wir haben nicht alle den gleichen Horizont.

Benutzeravatar
TLoD
Mitglied
Beiträge: 161
Registriert: 04.08.2007 14:57
Wohnort: Nürnberg
Kontaktdaten:

Re: JS Countdown grafisch formatieren

Beitragvon TLoD » 18.07.2010 14:11

Hab die Lösung des Problems gefunden. 8)
Es dürfen im IMG-TAG keine " stehen.

falsch

Code: Alles auswählen

<img src="images/Tage.png">


richtig

Code: Alles auswählen

<img src=images/Tage.png>


Kaum habe ich die " weggelassen, hat es funktioniert.
LG Marc

Wir leben alle unter dem gleichen Himmel, aber wir haben nicht alle den gleichen Horizont.

Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 15340
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:

Re: JS Countdown grafisch formatieren

Beitragvon Dr.Death » 18.07.2010 19:05

Naja, Du hast mit " den String weit vorher geöffnet und den String mit " wieder geschlossen.
// Anzeige formatieren
          (days!=1)?days=days+"<br>&nbsp;<img src="images/Tage.png">&nbsp;":days=days+"<br>&nbsp;<img src="images/Tag.png">&nbsp;";




Besser wäre es wenn Du das:

Code: Alles auswählen

<img src="images/Tage.png">


mit dem:

Code: Alles auswählen

<img src='images/Tage.png'>


ersetzen würdest.


Zurück zu „Coding & Technik“