Hallo Sascha,
Deshalb habe ich direkt noch eine frege. Wie kann ich den Text
in der Farbe und der Größe verstellen? Mir gelingt es immer
nur den kurz angezeigten (…) zu färben. Dann kommt wieder
die standart farbe schwarz.
Du musst ein sog. „Style-Sheet“ (style type=„text/CSS“),
eine Formatierungsanweisung für das betreffende Element -
erstellen.
Ich habe das mal exemplarisch gemacht. Bei Style-
sheets (CSS) unterscheidet man zwischen „Klassen“
und „Identifikatoren“. Das Datum selbst wird in den
Identifikator „birthday“ (p id=„birthday“) eingetragen
und eine mögliche Umrahmung könnte die Klasse „mybox“
genannt werden.
Mit den „Style Sheets“ (im HEAD-Bereich des HTML-
Dokuments) kann man diesen Klassen und ID’s exakte
Formatierungen zuordnen:
.mybox { /* Box um Text */
width: 280px; height: 122px; /* Bildhoehe! */
border:#666666 solid 1px; background:#006666; /* Rahmen */
text-align:center; color:yellow; font-size:12px; font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
.mybox img { float:left; border:none; }
/* eigentlicher veraenderlicher Text */
#birthday { color:white; font-size:9px; }
// —
function MyDateDiff(y, m, d, h, u, s) {
var dd = new Date((new Date()).getTime()-(new Date(y,m,d,h,u,s)).getTime());
var match = /\s+0?(\d+):0?(\d+):0?(\d+)/.exec( dd.toString() );
this.years = dd.getFullYear()-1970; this.months = dd.getMonth();
this.days = dd.getDate()-1; this.hours = match[1]; this.minutes = match[2];
this.seconds = match[3];
}
function update(id, y, m, d, h, u, s){
var dist = new MyDateDiff(y, m-1, d, h, u, s);
with( dist ) {
document.getElementById(id).innerHTML = years + ’ Jahr(en), ’ + months
- ’ Monat(en), ’ + days + ’ Tag(en), ’ + hours + ’ Stunde(n), ’
- minutes + ’ Minute(n) und ’ + seconds+ ’ Sekunde(n)’;
}
}
// —
window.onload = setInterval(function(){update(‚birthday‘, 1946, 7, 6, 15, 15, 0)}, 1000);
// —
Hallo
Ich bin seit
…
auf der Welt.
Siehe auch: http://l-o-l.pytalhost.com/xyz.html
In der Box der Klasse „mybox“ befinden sich also
ein Bild und drei Textelemente. Ich denke, aus obigem
HTML-Beispiel lässt sich das entnehmen.
Grüße
CMБ