 |
|
|
|
|
|
|
|
|
|
|
|
|
|
Text auf Server täglich als Nachricht wechseln
Hier mal ein Beispiel mittels eines Java-Skriptes. Hier der Original-Link zum Skript:
http://www.jswelt.de/index.php?opencat=JavaScripts&artid=981758170
Unten mein Beispiel, um das ich eine gepunktete Linie herum gemacht habe, damit man sieht wo das Skript angezeigt wird. Der Text und auch das Foto können täglich wechseln.
Ich habe hier 7 Fotos, die ich täglich wechsele und die man mittels Klick als Dia-Show in einer Lytebox sehen kann.
Du hast diese Seite am
aufgerufen. Datum-Skripte findet Ihr hier
Wochen-Skript findet Ihr hier
... und Deine Bildschirmauflösung ist:
Pixel.
|
|
|
|
|
|
|
|
Unten der Inhalt des Original-Skripts:
|
|
|
|
<SCRIPT LANGUAGE="JavaScript">
<!-- Anfang
var msg = new Array();
Stamp = new Date();
today = Stamp.getDate();
msg[1] = "Tip 1";
msg[2] = "Tip 2";
msg[3] = "Tip 3";
msg[4] = "Tip 4";
msg[5] = "Tip 5";
msg[6] = "Tip 6";
msg[7] = "Tip 7";
msg[8] = "Tip 8";
msg[9] = "Tip 9";
msg[10] = "Tip 10";
msg[11] = "Tip 11";
msg[12] = "Tip 12";
msg[13] = "Tip 13";
msg[14] = "Tip 14";
msg[15] = "Tip 15";
msg[16] = "Tip 16";
msg[17] = "Tip 17";
msg[18] = "Tip 18";
msg[19] = "Tip 19";
msg[20] = "Tip 20";
msg[21] = "Tip 21";
msg[22] = "Tip 22";
msg[23] = "Tip 23";
msg[24] = "Tip 24";
msg[25] = "Tip 25";
msg[26] = "Tip 26";
msg[27] = "Tip 27";
msg[28] = "Tip 28";
msg[29] = "Tip 29";
msg[30] = "Tip 30";
msg[31] = "Tip 31";
function Tip_des_Tages() {
document.write(msg[today]);
}
// Ende -->
</script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Anfang
Tip_des_Tages()
// Ende -->
</script>
|
|
|
|
Hier noch einige zusätzliche Erklärungen:
Das Skript stellt den Tag des Datums fest und zeigt entsprechend den Text an,
also der 1. Tag eines Monats ist dann entsprechend msg[1] usw. Dort ersetzt Ihr den Text “Tip 1” usw. eben durch Euren eigenen Text.
Zieht Euch ein Textfeld auf und markiert es durch einfachen Klick. Klickt im Fenster
“Text-Eigenschaften” auf den Button “HTML” und fügt dann das fertige Skript in die Objekt-HTML
“vor dem Tag” (NOF 11 “vorher”) ein und fertig.
|
|
|
|
 |
|
|
|
Ich möchte hier noch einige Beispiel zeigen, wie man z.B. verschiedene Textpassagen noch anders darstellen kann, wie z.B. fett oder in Farbe (hier rot und blau) - hier habe ich dafür Formatvorlagen (class) erstellt, einen Umbruch <br>, ein Foto das hier zentriert ist oder auch als Link.
Hierzu könnt Ihr HTML-Befehle in den Text mit einbauen, wie in meinem Beispiel unten:
|
|
|
|
msg[1] = '<b>Hallo,</b> <span class="FarbeRot"> dies ist ein roter Text,</span><span class="FarbeBlauFett"> dies ist ein blauer, fetter Text</span> und jetzt ein Umbruch zu einem täglich wechselnden Foto...<br><br><center><img src="../assets/images/textfotos/2000-09-03.jpg"
title="Unsere Katze am 03.09.2000" alt="Unsere Katze am 03.09.2000"></center><br><br>... weiter geht es hier <a href="http://www.nof-forum.de/" target="_blank"><span>zum Forum</span></a>';
|
|
|
|
Für die Fortgeschrittenen von Euch hier noch der Code inklusive einer eingebauten Lytebox Dia-Show.
|
|
|
|
msg[1] = '<br><b>Tag 1<br><br>Hallo,</b> <span class="FarbeRot"> dies ist ein roter Text,</span><span class="FarbeBlauFett"> dies ist ein blauer, fetter Text</span> und jetzt ein Umbruch zu einem täglich wechselnden Foto...<br><br><center><a href="../assets/images/textfotos/images/2000-09-03.jpg" rel="lyteshow[katze]" title="Unsere Katze am 03.09.2000"><img src="../assets/images/textfotos/2000-09-03.jpg" border="0" alt="Klick mich" title="Klick mich"></a><a href="../assets/images/textfotos/images/2000-09-05.jpg" rel="lyteshow[katze]" title="Unsere Katze am 05.09.2000"></a><a href="../assets/images/textfotos/images/2000-09-07.jpg" rel="lyteshow[katze]" title="Unsere Katze am 07.09.2000"></a><a href="../assets/images/textfotos/images/2000-09-11.jpg" rel="lyteshow[katze]" title="Unsere Katze am 11.09.2000"></a><a href="../assets/images/textfotos/images/2000-11-30.jpg" rel="lyteshow[katze]" title="Unsere Katze am 30.11.2000"></a><a href="../assets/images/textfotos/images/2000-12-30.jpg" rel="lyteshow[katze]" title="Unsere Katze am 30.12.2000"></a><a href="../assets/images/textfotos/images/2007-02-18.jpg" rel="lyteshow[katze]" title="Unsere Katze am 18.02.2007"></a><br><font size="1">für eine Lightbox-Show aller Fotos<br>auf das Foto klicken</font></center><br><br>... weiter geht es hier <a href="http://www.nof-forum.de/" target="_blank"><span>zum Forum</span></a>';
|
|
|
|
|
|
|
|
Und hier noch das kleine Skript zum Anzeigen von Wochentag, Datum und Uhrzeit (hier in PHP):
|
|
|
|
<script language="javascript">
// Datum und Zeit von Thomas Frei-Herrmann zusammengestellt
// Systemdatum erfassen in eine Variable "Datum"
Datum = new Date();
// Variablen definieren
Wochentag = Datum.getDay();
Tag = Datum.getDate();
Monat = Datum.getMonth() + 1;
Jahr = Datum.getFullYear();
Stunde = Datum.getHours();
Minute = Datum.getMinutes();
// Wochentage setzen
if (Wochentag==1)
{
Wochentag = "Montag";
}
if (Wochentag==2)
{
Wochentag = "Dienstag";
}
if (Wochentag==3)
{
Wochentag = "Mittwoch";
}
if (Wochentag==4)
{
Wochentag = "Donnerstag";
}
if (Wochentag==5)
{
Wochentag = "Freitag";
}
if (Wochentag==6)
{
Wochentag = "Samstag";
}
if (Wochentag==0)
{
Wochentag = "Sonntag";
}
// Nullen voranstellen
if (Tag < 10)
{
Tag = "0" + String(Tag);
}
if (Monat < 10)
{
Monat = "0" + String(Monat);
}
if (Minute <10)
{
Minute= "0" + String(Minute);
}
// Variable zusammensetzen
Ausgabe = Wochentag + ", der " + Tag + "." + Monat + "." + Jahr + " - " + Stunde + ":" + Minute + " Uhr" ;
// Dokumente schreiben (ausgeben)
document.write(Ausgabe);
</script>
|
|
|
|
|
|
|
|
Hier noch eine Variante zum Anzeigen von bestimmten Texten und Links innerhalb bestimmter Wochen
Die Woche beginnt hier immer am Sonntag, in PHP unten ein Beispiel mit Wochenbeginn am Montag.
|
|
|
<script language="javascript">
// Beginn Wochen-Nummer ermitteln
Date.prototype.getWeek = function() {
var onejan = new Date(this.getFullYear(),0,1);
return Math.ceil((((this - onejan) / 86400000) + onejan.getDay())/7);
}
var today = new Date();
var weekno = today.getWeek() -1;
// Ende Wochen-Nummer ermitteln
// Arbeits-Variablen
meinText1 = "dieser Link wird hier in den Wochen 1 bis 27 angezeigt: ";
meinText2 = "dieser Link wird hier in der Woche 28 angezeigt: ";
meinText3 = "dieser Link wird hier in den Wochen 29 bis 54 angezeigt: ";
meinText = "kein Text eingetragen";
meinLink = "kein Link eingetragen";
// IF-Bedingungen
if (weekno <= 27)
{
meinText = meinText1;
meinLink = "<a href='http://www.tommyherrmanndesign.com/nof/html/themen-liste.php' target='_blank'>zu meiner Hilfe-Seite</a>";
}
if (weekno == 28)
{
meinText = meinText2;
meinLink = "<a href='http://www.nof-forum.de' target='_blank'>zum NOF-Forum.de</a>";
}
if (weekno >= 29)
{
meinText = meinText3;
meinLink = "<a href='http://www.tommyherrmanndesign.com/nof/html/nof-gast.php' target='_blank'>zu meinem Gästebuch</a>";
}
// Variablen zusammensetzen
Ausgabe = "<b>Woche: " + weekno + "</b>, " + meinText + meinLink;
// Dokument schreiben (ausgeben)
document.write(Ausgabe);
</script>
|
|
|
|
|
|
|
|
Wenn Ihr das Datum, etc. lieber in PHP anzeigen wollt, dann könnte das so aussehen (hier in blau):
|
|
|
|
|
|
|
|
... vergesst bitte nicht, die Seite auf .php umzustellen:
> Bearbeiten > Benutzerdefinierte Namen > Dateierweiterung > .php wählen.
Das Skript gehört dann wieder in die HTML eines Textfeldes. Hier mein Skript dieser Anzeige als Beispiel:
|
|
|
|
<?php
// Variable gründen mit aktuellem timestamp
$timestamp = time();
// Variable gründen mit aktuellem Datum
$Datum = date("d.m.Y",$timestamp);
// Variable gründen mit aktueller Zeit
$Uhrzeit = date("H:i",$timestamp);
// Variable gründen mit Kalender-Woche
$Woche = date("W",$timestamp);
// Variable gründen numerischer Wochentag, 1=Montag bis 7=Sonntag
$Wochentag = date("N",$timestamp);
// IF-Bedingungen, numerischen Wochentag umsetzen in geschriebenen Wochentag
if ($Wochentag == 1)
{
$Wochentag = "Montag";
}
if ($Wochentag == 2)
{
$Wochentag = "Dienstag";
}
if ($Wochentag == 3)
{
$Wochentag = "Mittwoch";
}
if ($Wochentag == 4)
{
$Wochentag = "Donnerstag";
}
if ($Wochentag == 5)
{
$Wochentag = "Freitag";
}
if ($Wochentag == 6)
{
$Wochentag = "Samstag";
}
if ($Wochentag == 7)
{
$Wochentag = "Sonntag";
}
// der . fügt diesen String jeweils zusammen, das <br> erzeugt einen Umbruch
$Ausgabe = "Heute ist " . $Wochentag . ", der " . $Datum . " " . $Uhrzeit . " Uhr in der " . $Woche . ". Kalenderwoche.";
$Ausgabe .="<br><br>";
$Ausgabe .= "<a href='http://php.net/manual/de/function.date.php' target='_blank'>Hier geht es zum PHP-Manual Datum</a>";
echo $Ausgabe;
?>
|
|
|
|
|
|
|
|
... und hier das Skript zum Anzeigen der Bildschirmauflösung des Besuchers:
Deine Bildschirmauflösung ist:
Pixel. Guckt zu diesem Thema bitte auch hier.
|
|
|
|
<script type="text/javascript">
document.write(screen.width + " x " + screen.height);
</script>
|
|
|
|
nach oben
|
|
|
|
Viel Erfolg!
|
|
|
|
zurück
|
|
|
|
|
|
