Themen - Scripte, Animationen, Templates und Tipps für WebsiteX5 -

F11 für Vollbildmodus EIN/AUS
07.04.2024
 • 
Direkt zum Seiteninhalt

Themen

Ich nehme unter "Themen" gelegentlich ein neues Thema auf. Das können ein Zusatzobjekt" von WebsiteX5, ein Script für das Objekt "J HTML-Code", Software oder Generatoren sein.
Videos konvertieren und einbinden
Libre Speedtest
PHP-Chat Script
Telefon- und Skype-Button
Generator

zum Generator

Zum Script

Jeden Tag ein aktuelles Kalenderblatt anzeigen (mit einem iframe im Inklusiv-Objekt "I HTML-Code")
Öffnungszeiten 1.0
Zeitzonen
Hier finden Sie ein paar Scripte und Widgets für das Objekt HTML-Code
Sie können sich fertige Scripte, Code-Schnipsel mit ggf. Informationen zum Einbinden herunterladen.
In Ihrem Website X5 Projekt einfach das Objekt-Icon in Ihre Seite ziehen und mit einem Doppelklick auf das eingefügte Objekt öffnen, um hier den gewünschten Code einzufügen.
Bitte beachten: um PHP-Scripte in einer Seite Ihres Projektes verwenden zu können, muss diese Seite in das PHP-Format gebracht werden. Wenn Sie damit noch keine Erfahrung haben, finden Sie hier eine kleine Anleitung (PDF-Datei) dafür.
widget

Wetter Widgets

Für dieses Widget müssen Sie die Seite nicht in eine PHP-Seite umwandeln. WebsiteX5 bietet zwar zwei Objekte an, mit denen Sie das Wetter aus Ihrer Region/Stadt anzeigen können, aber Sie können auch das Widget eines deutschsprachigen Anbieters in Ihre Website mit Hilfe des Objekts HTML-Code </> das von Ihnen (mit dem Script-Generator des Anbieters erzeugte Script) einbinden.
Das Widget auf dieser Seite z.B. stammt von https://www.daswetter.com/widget/


script
Sie möchten bei jedem neuen Aufruf einer Seite einen wechselnden Spruch oder Witz anzeigen? Sie müssen eine Seite als PHP-Seite erstellen, ziehen das Objekt "HTML Code" in Ihre Seite (dorthin, wo der Sprunch angezeigt werden soll) und fügen ein Script ein, das Sie vorher am Besten im "Windows Editor" mit Ihren eigenen Sprüchen oder Witzen versehen können. Die Beispieldatei (siehe Ergebnis rechts) können Sie sich hier herunterladen.

Guten Morgen, schön dass Sie da sind.

Wir denken selten an das, was wir haben, aber immer an das, was uns fehlt.
(Arthur Schopenhauer)

Das PHP-Zitate-Script
Das Zitate-Script wurde überarbeitet und mit separater CSS-Datei versehen, die leichter bearbeitet werden kann. Diese CSS-Dateien sind ausreichend auskommentiert, so dass auch ein Einsteiger das Style leicht an eigene Bedürfnisse anpassen, und im PHP-Script einfacher eigene Zitate oder Sprüche einfügen kann (z.B. automatischer Zeilenumbruch oder sich selbst anpassender Container für das angezeigte Zitat).

„ Nichts auf der Welt ist so mächtig wie eine Idee, deren Zeit gekommen ist. “

( Victor Hugo )

„ Unsere größte Schwäche liegt im Aufgeben. Der sichere Weg zum Erfolg ist immer, es doch noch einmal zu versuchen. “

( Thomas Alva Edison )

„ Wünsche wie die Wolken sind, Schiffen durch die stillen Räume, wer erkennt im lauen Wind, ob's Gedanken oder Träume? “

( Joseph von Eichendorff )

script

Fensterbreite:

Die Fensterbreite kann man im Browserfenster mit einem kleinen Skript ermitteln. Wer also responsive Webseiten erstellt, hat hier ein kleines Hilfsmittel. Das in der txt-Datei enthaltene Script kann mit dem Objekt "HTML Code" in der eigenen Website auf jeder beliebigen Stelle eingefügt werden.
script

Zum Thema "Datenschutz"

Wer meine Webseite aufruft, erhält im Browserfenster eine "Cookie-Information". Um ebenfalls eine Grafik in dieser Nachricht anzeigen zu können, muss man eine Grafik auf seinen eigenen Server hochladen und in websiteX5 unter "(1) Einstellungen" - Karteireiter "Erweitert" unter "Datenschutz und Sicherheit" und dort unter Karteireiter "Datenschutz" > "Nachricht" folgendes eingeben:
<img src="http://www.deine-domain.de/Bildname" width="50" height="32"> eingeben, wobei Sie "deine-domain" bitte durch Ihren eigenen Domainnamen und anstelle "Bildname" den Namen Ihrer Bilddatei (z.B. cookie.png), die Sie auf Ihren Server hochgeladen haben, ersetzen. Die Zahlenwerte "width" und "height" ergeben sich aus der Breite und Höhe Ihrer Grafik. Weitere Beispiele können Sie hier in einer PDF-Datei herunterladen.
script

Das aktuelle Sternzeichen oder andere Grafiken anzeigen

Dateien wurden am 26.12.2022 überarbeitet und erweitert bis zum 31.12.2030
Wie oben zu sehen, wird eine Grafik angezeigt, die täglich wechseln kann. In diesem Beispiel wird immer das aktuelle Sternzeichen angezeigt. Das Script wurde so einfach geschrieben, dass man es ohne PHP-Kenntnisse anpassen und in einem WebsiteX5-Projekt einfügen kann. Die ZIP-Datei enthält einen Ordner mit Grafiken, eine Anleitung, dem Script selbst, die Lizenz-Information sowie zwei Coreldateien der CorelDraw-Version 11 und 21.
ZIP-Datei: "sternzeichen.zip" ( 940KB ) Das Script selbst ist nur 156KB groß.

Sie suchen ein Script, das lediglich Texte ausgibt? Datumsorientiert mit einzelnem Tag oder Zeitraum?

script

Script für eine automatische Weiterleitung auf eine andere Seite nach X Sekunden

Website X5 bietet beim Erstellen eines Formulares wie z.B. einem Kontakt-Formular die Möglichkeit, nach dem erfolgreichen versenden der Formular-Daten auf eine andere Seite weiterzuleiten. So zum Beispiel eine Seite, auf der Sie nur eine kurze Information anbieten, dass die gerade eingegebenen Daten übertragen wurden. Wenn Sie aber von dieser Seite nach X Sekunden z.B. auf eine bestimmte Seite weiterleiten möchten, können Sie ein kurzes Script in den Head-Bereich der entsprechenden Seite einfügen, oder ein Java Script verwenden. Aber bitte bedenken Sie, dass mancher Besucher Java Script in seinem Browser deaktiviert hat. Mehr Informationen und ein Beispiel zum ausprobieren inklusive Code zum herunterladen finden Sie hier >>>
script

Aktuelle Uhrzeit auf Ihrer Website anzeigen

Mit dem "get time" erhalten Sie nur die Anzeige der Uhrzeit, die auf dem PC oder Smartphone Ihres Besuchers verfügbar ist. Wollen Sie aber die echte Uhrzeit des Standortes Ihres Servers auf dem sich Ihre Website befindet anzeigen, benötigen Sie ein Script, das sich die Uhrzeit von einem Zeit-Server holt, um es anzuzeigen (siehe Anzeige  rechts). Sie können das mit Hilfe eines Java Script erledigen - vorrausgesetzt, dass der Browser Ihres Besucher auch Java Script akzeptiert. Ein freies und editierbares Script (Open Source /MIT License ) - Fontgröße und Fontfarbe können auch geändert werden - finden Sie bei GitHub > https://github.com/moment/luxon das auf jedes Land auf dieser Welt angepasst werden kann oder nutzen in dem Objekt "</> HTML-Code" folgendes kurzes Script (MEZ Berlin), das ein JavaScript vom Server (auf dem sich meine Website befindet) holt  , das sie sich hier bei mir herunterladen und kostenlos nutzen können.
Sie suchen eher eine Bahnhofsuhr, die Sie an Ihre Bedürfnisse anpassen können?
Diese Uhr verwendet allerdings nur die Lokale Uhrzeit des Besuchers.
Das Script kann in das Zusatz-Objekt "J HTML-Code" eingefügt werden. In der txt-Datei finden Sie die beiden Teile des Scriptes: der erste Teil muss unter den Seiteneigenschaften - Erweitert - vor dem </html>-Tag eingefügt, und der zweite, kurze Teil des Scriptes im Zusatz-Objekt "J HTML-Code" innerhalb der Seite eingegeben werden (Größe der Uhr anpassbar - hier 240px auf 240px).
Mehr Informationen zu diesem Script finden Sie unter (Quellenangaben): http://3quarks.com/de/Bahnhofsuhr/ 3Quarks » Bahnhofsuhr, Rüdiger Appel, Februar 2016 - Eine Anpassung für WebsiteX5 Projekte wurden von mir bereits durchgeführt (21.12.2022).

script

Count Up Script

Ihr Verein besteht schon einige Jahre und Sie möchten auf Ihrer Website gerne anzeigen, wieviele Jahre er schon besteht? Das kann man natürlich mit einem einfachen Text erledigen - "Unser Verein besteht seit 15 Jahren". Das müssen Sie jedes Jahr überarbeiten. Einfacher ist es mit dem kleinen "Count Up" Script, dass nicht nur die Jahre, sondern auch die Monate und die Tage seit Gründung des Vereins vergangen sind.
Sie können sich hier eine ZIP-Datei mit den nötigen Erklärungen zum Einbau in Ihr Projekt, herunterladen. Zusätzlich in der ZIP-Datei finden Sie Grafiken für Ihr Jubiläum...
script

Zurück zu der zuletzt besuchten Seite (history back)

Hat man einen Artikel innerhalb einer Seite, den man nicht komplett auf dieser Seite veröffnelichen möchte, da man nur das Thema anreißen und den gesamten Artikel auf einer eigenen Seite anzeigen möchte, ist es für den Besucher leichter, zur vorhergehenden Seite zurück zu finden, wenn er nur einen Button anklicken muss, der ihn zurück bringt.
Dazu reicht ein kurzes Script, dass man in dem Objekt </> HTML-Code einfügt und unter das Objekt "Text" setzt. Das kurze Script können Sie sich hier ansehen/herunterladen.
Sie möchten das gerne mit einem farbigen Button? Dann nutzen Sie dieses Script, dem ich 12 Grafiken hinzugepackt habe. Sie können aber auch eine eigene Grafik nutzen.
Man kann den Button aber auch aus nur einer Zeile HTML-Code, in dem Aussehen wie er von Ihnen zuvor  in Ihrem WebsiteX5- Projekt  unter "Vorlage" und "Textstile, Felder und Buttons" erstellt wurde, erzeugen. In meiner Website ist das Aussehen wie in diesem Beispiel zu sehen ein roter Button mit rotem Hintergrund, schwarzer Umrandung und weißem Text.
Tip: m Sicherrungskopie für Ihre Website erstellen und was man bedenken sollte!  
Javascript

Sie möchten in Ihrem Browser im Tab-Reiter Ihren Webseitentitel als  Laufschrift anzeigen ?

Hier können Sie sich ein Javascript mit einer Einbauanleitung für Ihr WebsiteX5-Projekt herunterladen, um wie auf dieser Website auf der Startseite und auf dieser Seite "Themen",  Ihren eigenen Website-Titel in einer Laufschrift anzeigen zu können. Eine Anleitung im PDF-Format inclusive des Scriptes in einer TXT-Datei können Sie sich hier herunterladen.
Wichtige Information: ich verwende dieses Script seit Sommer 2020, aber seit Januar 2021 gibt es auch ein Objekt von Incomedia, dass den gleichen Effekt ermöglicht. Das Objekt können Sie sich für 14 Credits direkt in Ihrer Software von WebsiteX5 herunterladen und installieren.
Kleines PHP-Kartenspiel
Sie suchen ein kleines Spiel für Ihre Website? Das PHP-Script, dass Sie sich hier herunterladen können kann in einer Showbox angezeigt werden. In der ZIP-Datei, die Sie sich hier herunterladen können (136KB) ist auf dem Server nur 436KB groß.
Die Zip-Datei enthält einen Ordner mit den Karten im GIF-Format, der PHP-Datei sowie einem Infotext. Die Grafik auf der linken Seite ist ebenfalls enthalten. Alles darf frei verwendet und editiert werden.
Kleines Online-Spiel für das Zusatzobjekt HTML-Code
Sie suchen ein kleines Online-Spiel für die Vorweihnachtszeit für Ihre Website? Dann können Sie das Online-Spiel "Zwei Gleiche" mittels iframe in Ihrer Seite anzeigen.
Offen / Geschlossen - PHP-Script

Offen / Geschlossen

Ein einfaches PHP Script gibt Ihnen die Möglichkeit, wenn Sie Öffnungs-, Sprech- oder Bürozeiten auf Ihrer Seite angeben wollen, zusätzlich anzuzeigen, ob gerade geöffnet oder geschlossen ist. Das Script gibt auch Feiertage als "geschlossen" an. Das Script ist ausreichend mit Erläuterungen versehen, damit man das Script leichter an die eigenen Bedürfnisse anpassen kann. Das Script gibt nur eine einzige Zeile aus. Hier ein Beispiel - die Ausgabe des Scriptes ist die fett gedruckte Zeile unterhalb der angezeigten Öffnungszeiten, die in einem Objekt "TEXT" enthalten sind:
Unsere Öffnungszeiten:
Montags bis Freitags von 8:00 Uhr bis 17:00 Uhr
Samstags von 8:00 Uhr bis 13:00 Uhr
Sonntags und an Feiertagen geschlossen.
Zur Zeit haben wir geschlossen.
Sie können sich hier dieses PHP Script herunterladen und im Zusatzobjekt J HTML-Code verwenden.

Sie wollen ein PHP-Script mit Admin-Bereich, die Anzeige der Öffnungszeiten formatiert, den aktuellen Tag markiert, das CSS über den Admin-Bereich editierbar und wahlweiser Anzeige für die Öffnungszeiten Montag-Freitag, Montag bis Samstag oder Montag bis Sonntag ? Ab Februar 2024 gibt es dafür "Öffnungszeiten 1.0"
Auf Anfrage habe ich das PHP-Script um die Ausgabe von ... geöffnet / ... geschlossen auf eine farbige Ausgabe ergänzt, die Sie sich ebenfalls hier herunterladen können.
Validation
Alle von mir zum Download angebotenen Scripte erfordern u.U. eine PHP-Engine auf dem Server oder ggf. das akzeptieren von Java Script im Browser Ihres Besuchers. Meine Scripte sind getestet sowohl mit den Firefox-, Google Crome-, Windows Edge- und dem Opera-Browser in der jeweils aktuellen Version. Angaben zu meinem Server und den  Versionen von PHP und MySQL:
Alle wichtigen Informationen zu meinem Server finden Sie unte: Über...
Die "Farb-Pipette" in WebsiteX5 und websichere Farben. Sie verwenden gerne eigene Scripte im Zusatz-Objekt "I HTML-Code " und benötigen für Ihren Code websichere Farben? Lesen Sie hier weiter...>>>
HTML-Code

Seite neu laden (reload/refresh)

Hier ein HTML-Code um eine Seite mittels Button, neu zu laden. Hierfür benötigt man nur eine kurze Zeile HTML-Code. Ein Beispiel für die Wirkungsweise finden Sie im Java-Script-Spiel "Jagt auf die Java-Gänse" (s. Button unten).
Der Code für das Zusatz-Objekt J HTML-Code um eine Seite neu zu laden, wobei in WebsiteX5-Projekten das Erscheinungsbild des Buttons dem Aussehen der unter "Vorlage" - "Textstile, Felder und Buttons"  eingestellten Werte für die Buttons innerhalb WebsiteX5 gleicht. Der Code mit kurzer Erklärung kann hier heruntergeladen werden >.
Einfach auf eine fliegende Gans klicken und so Punkte sammeln.
Es sind immer 90 Sekunden Zeit, sowie die Seite aufgerufen wird...
Text kopieren

Text oder Code zum Kopieren anbieten

Sie können Ihre Besucher Text kopieren lassen, trotzdem Sie das Kopieren von Texten aus Ihrer Website unterdrückt haben. Wer ein Script benötigt, auf einer Seite mehrere Copy-Buttons nutzen zu können wird jetzt hier auf einer Extra-Seite fündig, die ich für alle, die außer Text auch Quellcode zum Kopieren anbieten möchten -> mehr hierzu >>>

Mit dem hier folgenden Script kann man mittels des Java-Scripts [clipboard.min.js ] (, etwas Code für das Zusatz-Objekt "J HTML-Code " und durch das einfügen des von Ihnem gewünschten Text in den Code an im Script dokumentierter Stelle (siehe txt-Datei, die Sie herunterladen können) ganz einfach bewerkstelligen.
Wer sich selbst einarbeiten möchte, findet hier alles zu  clipboard.js unter: https://www.clipboardjs.com/
Anmerkung: Sollten Sie nicht wissen, wie Sie selbst eine Javascript-Bibliothek auf Ihren Server laden und im Script verlinken können, belassen Sie die Codezeile, die das JavaScript von meinem Server läd. Ansonsten finden Sie das Script u.a. auf der obengenannten Website des Entwicklers mit vielen Informationen.

Hier ein Beispiel für das platzieren der Objekte Text und Code, sowie ein Beispiel, das die Funktionsweise des Scriptes veranschaulichen soll:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
website security
Letzte Aktualisierung: 07.04.2024
internet-abc.de   /
für Kinder, Lehrkräfte und Eltern
Zurück zum Seiteninhalt