Login

Rena1958HH · 20.09.2008, 02:14

Hallo,

ich möchte auf meiner Homepage (die ich bei repage.de habe) einen Weihnachtscountdown-Zähler einbinden.

D.h. eine Grafik hochladen und nun suche ich einen Script oder sowas dafür wo ich dann nur noch das Enddatum eingeben muss und das Startdatum; Beisp.: Noch....Tage bis Heiligabend

Hat da jemand einen Tipp für mich wo ich fündig werden könnte und wo es so einfach erklärt ist, daß auch ein Neuling das begreift *wie* da *was* und *wo* einzugeben ist?:?

Ich hab schon gegooglet, aber irgendwie sind das alles bömische Dörfer für mich :oops::oops:

Lieben Gruss,
Rena

Pedro · 20.09.2008, 04:28

http://www.emailsanta.com/clock.asp

Code:
Instructions for creating your own "Countdown to Christmas Clock" as seen at http://www.emailsanta.com/clock.asp.

There are 3 steps to creating your own countdown clock.  Each step is discussed in turn below and must be carefully followed in order for the script to work.  A "SAMPLE FULL PAGE CODE" is provided at the end.

NOTES:

·  Make sure to cut and paste the code below from Notepad with word wrap off so that the code does not become garbled (e.g. converts "<" to "&lt;").

·  Because this code is javascript, it ONLY works inside an HTML or similar web page (e.g. .htm, .asp etc.).

·  A link to www.EmailSanta.com on your page is appreciated.  Here is some sample code to cut & paste:

<p><a href="http://www.emailsanta.com/">EmailSanta:</a> Send your Christmas Wish to Santa Claus!</p>

·  Save your work!  This code is provided "as is".  EmailSanta is not responsible for its use.

·  To change the message that appears between Christmas and New Years, change the msg for "var myMainMessage" (The clock automatically resets on January 1st.)

·  CSS can be used to format the text & background colour etc. of the countdown clock.

Step 1.  Put the JavaScript code appearing between the asterisks between the "<head>" & "</head>" tags of your page.  

************************

<script type="text/javascript"><!--

//<![CDATA[

var startPosition=0;

function Xmascountdown()

{

var XmasDay = "December 25,"

var today = new Date()

var thisYear = today.getFullYear()

var XmasDate = new Date(XmasDay + thisYear)

var diff = XmasDate.getTime() - today.getTime();

var days = Math.floor(diff / (1000 * 60 * 60 * 24));

if ((days < 0) && (days >= -1)) {

var myMainMessage=" M E R R Y   C H R I S T M A S   F R O M   T H E   E L V E S   A T   E M A I L S A N T A . C O M !!! ...";

var speed=175;

var scrollingRegion=100;

var mainMessage=myMainMessage;

var tempLoc=(scrollingRegion*3/mainMessage.length)+1;

var aut="emsanta"

if (tempLoc<1) {tempLoc=1}

var counter;

for(counter=0;counter<=tempLoc;counter++);

mainMessage+=mainMessage;

document.clock.Xmascountdown.value =mainMessage.substring(startPosition,startPosition+scrollingRegion);

startPosition++;

if(startPosition>scrollingRegion) startPosition=0;

setTimeout("Xmascountdown()",speed); 

}

else {

if (days >= 0) {

var theDay = XmasDate;

}

else {

var theDay = new Date(XmasDate.getYear()+1,XmasDate.getMonth(),XmasDate.getDate());

}

var second = Math.floor((theDay.getTime() - today.getTime())/1000);

var minute = Math.floor(second/60);

var hour = Math.floor(minute/60);

var day = Math.floor(hour/24);

CDay= day;

CHour= hour % 24;

CMinute= minute % 60;

CSecond= second % 60;

var DayTill =  CDay + " days, " + CHour + " hours, " + CMinute + " minutes and " + CSecond + " seconds ";

document.clock.Xmascountdown.value = DayTill;

var counter = setTimeout("Xmascountdown()", 1000);

}

}

//]]>

//-->

</script>

************************

Step 2.  Replace the "<body>" tag of your page with the following code between asterisks (or add the "onload..." portion to your existing <body> tag if there is already other info in it).  NOTE:  a valid web page cannot have 2 BODY tags!

************************

<body onload="Xmascountdown()">

************************

Step 3.  Place the following code snippet wherever you'd like the clock to appear on your page.  You can add whatever else you want to the page, just make sure the following code appears on the page and everything should work ok.

************************

   <form name="clock">

    <input type="TEXT" size="45" name="Xmascountdown">

   </form>

************************

************************

SAMPLE FULL PAGE CODE

************************

<html>

<head>

<script language="javascript" type="text/javascript"><!--

//<![CDATA[

var startPosition=0;

function Xmascountdown()

{

var XmasDay = "December 25,"

var today = new Date()

var thisYear = today.getFullYear()

var XmasDate = new Date(XmasDay + thisYear)

var diff = XmasDate.getTime() - today.getTime();

var days = Math.floor(diff / (1000 * 60 * 60 * 24));

if ((days < 0) && (days >= -1)) {

var mainMessage =" M E R R Y   C H R I S T M A S   F R O M   T H E   E L V E S   A T   E M A I L S A N T A . C O M !!! ... ";

var speed=175;

var scrollingRegion=100;

var tempLoc=(scrollingRegion*3/mainMessage.length)+1;

if (tempLoc<1) {tempLoc=1}

var aut="emsanta"

var counter;

for(counter=0;counter<=tempLoc;counter++);

mainMessage+=mainMessage;

document.clock.Xmascountdown.value =mainMessage.substring(startPosition,startPosition+scrollingRegion);

startPosition++;

if(startPosition>scrollingRegion) startPosition=0;

setTimeout("Xmascountdown()",speed); 

}

else {

if (days >= 0) {

var theDay = XmasDate;

} else {

var theDay = new Date(XmasDate.getYear()+1,XmasDate.getMonth(),XmasDate.getDate());

}

var second = Math.floor((theDay.getTime() - today.getTime())/1000);

var minute = Math.floor(second/60);

var hour = Math.floor(minute/60);

var day = Math.floor(hour/24);

CDay= day;

CHour= hour % 24;

CMinute= minute % 60;

CSecond= second % 60;

var DayTill =  CDay + " days, " + CHour + " hours, " + CMinute + " minutes and " + CSecond + " seconds";

document.clock.Xmascountdown.value = DayTill;

var counter = setTimeout("Xmascountdown()", 1000);

}

}

//]]>

//-->

</script>

</head>

<body onload="Xmascountdown();">

   <form name="clock">

    <p><input name="Xmascountdown" size="45"></p>

   </form>

<p><a href="http://www.emailsanta.com/">EmailSanta:</a> Send your Christmas Wish to Santa Claus!</p>

</body>

</html>

Rena1958HH · 20.09.2008, 19:40

Hallo Pedro,

danke für Deine Mühe.

Schöne wäre es ja wenn ich das ganze irgendwie in Deutsch hätte; denn hier geht es wieder los was ich nicht verstehe bzgl. *head* und was mit *body* gemeint ist...

LG,
Rena

Ebba · 20.09.2008, 22:16

Um zu wissen, was "head" und "body" ist, sollte man zumindest ein gaaanz kleines bißchen von HMTL verstehen...
Wie willst Du sonst den Code einbauen???

Rena1958HH · 21.09.2008, 00:07

Wenn ich es wüsste, dann würde ich ja nicht fragen.;-)

Ich gehe mal davon aus, daß nicht jeder hier ein Fachmann/frau ist was HTML und so angeht. Rolleyes

Deshalb dachte ich mir, daß ich hier etwas Hilfe bekommen würde anstatt eine Gegenantwort das ich doch ein wenig von HTML wissen müsste um das einbauen zu können...:sei_gepriesen:

Pedro · (Dieser Beitrag wurde zuletzt bearbeitet: 21.09.2008, 09:33 von Pedro.)

Rena1958HH schrieb:das ich doch ein wenig von HTML wissen müsste um das einbauen zu können...

Genau das wird vorausgesetzt, wenn Du nach einem Script fragst. Hier findest Du eine sehr gute Dokumentation. Man muß sich schon etwas damit beschäftigen.

http://de.selfhtml.org/navigation/html.htm#grundgeruest

Zum Thema "Head" und "Body": Das sind die Bereiche jeder Website. Wenn das Script in den "Head" muß, kopierst du den Code in den "roten" Bereich zwischen die beiden "head"

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

     "http://www.w3.org/TR/html4/loose.dtd">

<html>

[COLOR=Red]<head>

<title>Titel</title>

 <!-- Inhalt der Datei -->

</head>[/COLOR]

[COLOR=Blue]<body>

 <!-- Oder hier: Inhalt der Datei -->

</body>[/COLOR]

</html>

Gabriele · 29.10.2008, 13:31

Hallo,

ich gehe mal davon aus, dass sich dieser Thread im Laufe der Zeit erledigt hat, aber ich habe heute durch Zufall entdeckt:
http://www.countdownclockcodes.com

Für alles, nicht nur Weihnachten.

Lieben Gruß
Gabi

30.10.2008, 11:32

Hallo Gabi.
Das ist ja wunderschön. Smile

Aber ich kann doch leider kein Englisch
und weiß jetzt nicht, ob man sich das
als Free Download runterladen kann.
Und wenn ja, wie? confused

Vivi1960 · 30.10.2008, 12:07

Da sprichst du was an Marina,
genau da liegt mein Problem Nr. 1 ebenfalls, das Englische, kann auch nur das bisschen Schulenglisch. Habe festgestellt beim Googlen, dass es fast nix gibt, was es nicht gibt, man findet immer irgendwo was, aber selten sind es deutsche Seiten.
Außerdem finde ich es als Anfänger immer sehr kompliziert, die Beschreibungen, wie wo was eingesetzt wird. confused

[Bild: attachment.php?attachmentid=4549&d=1224973689]

hsk · 30.10.2008, 12:43

Hallo Ihr zwei Beiden,

mit "Runterladen" is' da nix... :icon_troest:

Der ausgewählte Countdown soll erst mal personalisiert werden,
und zwar durch Anklicken eines der Motive,
durch das Setzen von Zieldatum und -zeit,
durch Eingabe des Wunschtextes
und Auswahl der Farben für alle diese Elemente.

Dann erscheint unterhalb der Vorschau ein Code,
mit dem Ihr das Ganze in Eure HP einbauen könnt.

Nutzungsbedingungen oder ähnliches habe ich nicht entdeckt, es heißt nur sinngemäß:
"Such' Dir Motive aus, schnapp' Dir den Zähler und baue ihn auf Deiner Seite ein!"

Gruß,
Hans

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken

Möglicherweise verwandte Themen...
Thema		Verfasser	Antworten	Ansichten	Letzter Beitrag
	Vertrauen - Bergsteiger gesucht	Heinzi	4	2.127	10.07.2019, 18:12 Letzter Beitrag: norre
	Altes Urlaubsfoto gesucht	Heinzi	0	782	30.04.2018, 20:57 Letzter Beitrag: Heinzi
	Grafiksoftware gesucht	MacRubino	13	3.364	04.04.2016, 21:32 Letzter Beitrag: Jürgen
	Präsentationsmappen - Profi Tipp gesucht	Georg62	10	2.702	22.03.2016, 15:09 Letzter Beitrag: mvm
	Dozenten gesucht	Ramona	0	719	07.05.2014, 13:48 Letzter Beitrag: Ramona
	Drache gesucht	Georg62	8	2.110	02.04.2014, 11:31 Letzter Beitrag: Georg62
	(Weihnachts-)Schriften kostenlos	Nachtviole	2	2.326	10.12.2013, 11:09 Letzter Beitrag: Unkraut
	Gesucht: Investoren für Wegwerf-Kamera!	hsk	1	1.131	19.11.2013, 09:47 Letzter Beitrag: morphsuite
	Mitfahrgelegenheit gesucht	Arlena	0	794	23.07.2013, 07:47 Letzter Beitrag: Arlena
	Weihnachts Icons	Georg62	2	1.129	03.12.2012, 10:46 Letzter Beitrag: Pywi