Laufband

Hier könnt ihr nützliches reinstellen, wenn ihr was gefunden habt.

Moderator: HTML-Laie

Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1446
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Laufband

Beitrag von ulli »

Nein es eilt überhaupt nicht, danke schonmal
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 354
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Laufband

Beitrag von HTML-Laie »

Butterblume hat geschrieben: Fr 15. Mai 2020, 17:37 Eilt es sehr? Dann probiere ich morgen mal was. Aber ich befüfchte, dass hape schatz da mehr Ahnung von hat
Habe als ich es gelesen habe mich gleich drangesetzt. ;)
ulli hat geschrieben: Fr 15. Mai 2020, 11:00 Ganz genau ich möchte ganz gerne das Erstell datum zeigen und dann täglich wie alt der Blog ist. Ich habe es im Forum aber es funktioniert im Blog nicht.

Hier mal der Code aus meinem Forum:

Code: Alles auswählen

<script language="JavaScript">
<!--
today = new Date();
bYear = 2011; // Start Jahr
bMonth = 09; // Start Monat
bDay = 08; // Start Tag
tYear = today.getFullYear();
tMonth = (today.getMonth() ) + 1 ;
tDay = today.getDate();
tHour = today.getHours();
fYear = 0;
fMonth = 0;
fDay = 0;
fHour = 0;
x = 0;
y = 0;
z = 0;
a = 0;
b = 0;
c = 0;
function testMonth() {
 if (y==4 || y==6 || y==9 || y==11) x=30
 else if (y==2) x=28
 else x=31
}
function testDay() {
 fDay = (z - bDay) + tDay;
 if (fDay > a) {
 fMonth += 1;
 fDay = fDay - a;
 }
}
y = bMonth;
testMonth();
z = x;
y = bMonth;
testMonth();
a = x;
if (bMonth <= tMonth) {
 fYear = tYear - bYear;
 fMonth = (tMonth - bMonth);
 testDay();
}
fYear = (tYear - bYear) - 1
fMonth = ((12 - bMonth) + tMonth) - 1;
testDay();
if (fMonth >= 12) {
 fYear += 1;
 fMonth -= 12;
}
with(Math) {
theYear=fYear;
tensYear=floor(theYear/10);
onesYear=theYear-(tensYear*1);
theMonth=fMonth
tensMonth=floor(theMonth/10);
onesMonth=theMonth-(tensMonth*1);
theDay=fDay
tensDay=floor(theDay/10);
onesDay=theDay-(tensDay*1);
var testArray = new makeArray("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
for (z=1; z<=12; z++) {
 if (tMonth==z) {
 var b=testArray[z]
 }
}
for (z=1; z<=12; z++) {
 if (bMonth==z) {
 var c=testArray[z]
 }
}
}
var page
page = "Wir haben heute den <b>"+tDay+". "+b+" "+tYear+".</b><br>"
page += "Ullis Plauderstube ist am <b>"+bDay+". "+c+" "+bYear+"</b> online gegangen. <br>"
page += "Seit <b>"
if(parseInt(tensYear+onesYear) == 1) {
 page += tensYear + onesYear + " Jahr</b>,<b> "
}
else {
 page += tensYear + onesYear + " Jahre</b>,<b> "
}
if(parseInt(tensYear+onesYear) == 0) {
 page += ""
}

if(parseInt(tensMonth+onesMonth) == 1) {
 page += tensMonth + onesMonth + " Monat </b>und<b> "
}
else {
 page += tensMonth + onesMonth + " Monate </b>und<b> "
}
if(parseInt(tensDay+onesDay) == 1) {
 page += tensDay + onesDay + " Tag</b>."
}
else {
 page += tensDay + onesDay + " Tagen </b>sind wir nun da </b>"
}
function makeArray() {
 this.length = makeArray.arguments.length
 for (var i = 0; i < this.length; i++)
 this[i+1] = makeArray.arguments[i]
}
//-->
</script>

<font face="Kristen ITC ">

<p align="center">

<script language="JavaScript">
<!-- Hide this script from old browsers --
document.write(page)
// -- End Hiding Here -->
</script>

wobwi ich ehrlich gesagt nicht draus schlau werde wie weit das gehört
Das Script ist vollständig so wie du es gepostet hast.

Entferne am Ende des Scripts folgendes:

Code: Alles auswählen

<script language="JavaScript">
<!-- Hide this script from old browsers --
document.write(page)
// -- End Hiding Here -->
</script>
Dafür setzt du dann folgendes wieder darunter:

Code: Alles auswählen

<style type="text/css">
<!--
.marquee {
                max-width: 100vw; /* iOS braucht das */
                white-space: nowrap;
                overflow: hidden;
                /* hier evtl. noch font-size, color usw. */
        }

        .marquee span {
                display: inline-block;
                padding-left: 100%;
                animation: marquee 30s linear infinite;
        }

        /* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
        .marquee span:hover {
                animation-play-state: paused
        }

        /* Make it move */
        @keyframes marquee {
                0%   { transform: translateX(0); }
                100% { transform: translateX(-100%); }
        }
=-->
</style>

<script>
        if (document.getElementById("marquee")) {
                var laufschrift = document.getElementById("marquee");
                len = laufschrift.innerHTML.length;
                laufschrift.firstChild.style.animationDuration = len/6 +"s";
        }
</script>

<div id="marquee" class="marquee"><span>
<script language="JavaScript">
<!-- Hide this script from old browsers --
document.write(page)
// -- End Hiding Here -->
</script></span></div>
Dann nur noch den Code an die Stelle setzen wo er erscheinen soll. Sollte so eigentlich funktionieren.

LG Hape ;)
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7524
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Laufband

Beitrag von Butterblume »

Hape schatz, ich sag mal in ullis namen vielen dank! Vielleicht kann ich oder jemnd anderes das auch noch nutzen, nur eben mit anderm datum!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1446
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Laufband

Beitrag von ulli »

Danke schön, habe es auf meiner Testseite eingebaut, nun muss ich nur noch die Stelle finde wo ich die Schriftfarbe ändern kann ach und eventuell Größe

Testseite Ulli
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7524
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Laufband

Beitrag von Butterblume »

Hallo ulli,
Das musst du meist extra davor setzten
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1446
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Laufband

Beitrag von ulli »

Danke Karin hab gefunden nun morgen mal schauen wie ich es in meiner Pokerlady an die richtige Stelle bekomme
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7524
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Laufband

Beitrag von Butterblume »

Einfach da in die seite einfügen wo du ihn haben möchtest!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Antworten

Zurück zu „Nützliches für den Websitebau“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 13 Gäste