Detektiv gesucht
Autor: René W.
Besucht 1314,
Followers 2,
Geteilt 0
https://testseite.watelet.ch/mit-effekte.html
Auf dieser Seite, zu unterst, hat es eine Laufschrift (Typenwriter).
Leider hatte ich diesen html script gelöscht und finde die Seite, wo ich das rauskopiert hatte nicht mehr.
Vielleicht gibt es Jemand, wo aus dem Script herausfinden kann, wie die Seite heissst?
Meine Bmühungen verliefen im Sand.
Gepostet am
Google findet einen Eintrag, dies hier:
https://ngb.to/threads/1259-Buchstaben-nach-und-nach-erscheinen-lassen
für ihr Script
JJ.
Autor
Besten Dank JJ.
Dieser Script ist ähnlich, aber nicht der welchen ich hatte.
Dieser Script läuft nicht so ruckelfrei.
Ist dieses Script ???
<script>
var i = 1;
var text;
function triggerTypewriter() {
text = document.getElementById('text').innerHTML;
typewriter();
}
function typewriter() {
if(i <= text.length) {
var e = document.getElementById('text');
e.innerHTML = text.substr(0, i) + "_";
i++;
window.setTimeout(typewriter, 80);
}
}
</script>
Gruß
MCMACMASTER
Autor
Danke Klaus G.
Dieser Script läuft bei mir gar nicht, warum auch immer nicht?
<script>
var i = 1;
var text;
function triggerTypewriter() {
text = document.getElementById('text').innerHTML;
typewriter();
}
function typewriter() {
if(i <= text.length) {
var e = document.getElementById('text');
e.innerHTML = text.substr(0, i) + "_";
i++;
window.setTimeout(typewriter, 80);
}
}
</script>
<div id="text">Ab dem 01.04.1923 erschien als Ersatz für die Zeitschrift "Der Arbeiter Sport" die Zeitschrift „Der Arbeiter Fußball“ als Zeitschrift der Märkischen Spiel Vereinigung. Zu dieser Serie wurden die Spielklassen in der Märkischen Spiel Vereinigung abgeschafft. Es wurden drei Regionalbereiche gebildet (Norden, Osten, Süd-Westen), in denen alle Staffeln gleichberechtigt (gleichhoch) waren (Quelle: aus DHM-AF 3-1928 abgeleitet)._</div>
Dann vielleicht so ???
Autor
Ist das einCode füt HTML?
Der läuft auch nicht leider.
Probier mal diesen hier:
https://webdesign.weisshart.de/marquee.php
Könnte aber sein, dass nicht alle, oder die älteren Browser den nicht lesen können.
Der Microsoft Edge wird bald mit Chromium Innerein verfügbar sein. Dann ist der größte Markanteil abgedeckt. :-)
Schau mal hier: http://www.beikuki.de/Tutorial_01/lauftext.html ?
Ich habe mal den entsprechenden Teil rauskopiert, vielleicht reicht es dir ja?
Autor
Hallo Rainer
Besten Dank aber "rar" geht nicht. Der Datei ist keine App zum Ausführen zugeordnet ....
Zudem kann weder die Schriftfarbe noch die Schriftgrösse angepasst werden.
Autor
Auch an André G. ein Danke, geht bei mir leider auch nicht.
Diese hier sollten laufen. :-)
https://www.wbrnet.info/vbhtm/9261_Laufschriften_I.html
good luck!
Autor
JavaScript kann, soviel ich weiss, in WSX5 nicht eingefüht werden?
Basiert die Arbeit von KolAsim nicht auf JavaScript? Ich meine, dies sollte kein Problem darstellen.
Autor
Ich wüsste nicht wo und wie man einen Javascript einfügen könnte.
Sehr viele Scripte benötigen HTML, CSS und Java. (CSS gibt es in verschiedenen Versionen: CSS, CSS2, CSS3.)
Im Prinzip kannst du JS überall einbinden. Probier es doch einfach mal an einem Demo-Projekt aus.
Du wirst sicherlich schnell bemerken, wo du hängen bleibst. Dann haust du hier deine Infos rein.
Autor
Ich hatte das wirklich versucht, auch mehrmals.
Ich hatte keinen JS-Code welchen ich zum laufen gebracht hatte.
JS Dateien würden sich unter Schritt 1 > Code > Hinzufügen > Verlinkte Datei Hochladen einbinden lassen.
Eizelne Segmente können wie auf dieser Seite beschrieben eingebunden werden.
Folgenen Code habe ich aus der deine Testseite kopiert.
<script>
var i = 1;
var text;
function triggerTypewriter() {
text = document.getElementById('text').innerHTML;
typewriter();
}
function typewriter() {
if(i <= text.length) {
var e = document.getElementById('text');
e.innerHTML = text.substr(0, i) + "_";
i++;
window.setTimeout(typewriter, 80);
}
}
</script>
</head>
<body onload="triggerTypewriter();">
<div id="text">Ab dem 01.04.1923 erschien als Ersatz für die Zeitschrift "Der Arbeiter Sport" die Zeitschrift „Der Arbeiter Fußball“ als Zeitschrift der Märkischen Spiel Vereinigung. Zu dieser Serie wurden die Spielklassen in der Märkischen Spiel Vereinigung abgeschafft. Es wurden drei Regionalbereiche gebildet (Norden, Osten, Süd-Westen), in denen alle Staffeln gleichberechtigt (gleichhoch) waren (Quelle: aus DHM-AF 3-1928 abgeleitet).</div>
Das durchgestrichene löschts du raus. Dann kopierst du es in ein html-Code Feld, auf der Seite und Position wo es angezeigt werden soll. Hier im Beispiel die Seite Start.
Dann gehst Du auf den Punkt 3 Sitemap und wählst dort die entsprechende Seite.
Alles weiter siehe im Anhang.
js läuft in X5 oder habe ich was falsch verstanden?
Ne ne, js läuft.
Autor
Was mache ich denn falsch? Bei mir funktioniertt es nicht.
WS X5 Pro 2019.3.11
Mein Vorgehen:
Erstellen der Sitemap:
Was hier unklar ist: unten Dateiformat: html, php, asp, cfm, jsp (?)
Ich hatte html gewählt, geht nicht
Dann jsp (denke das ist JavaScript?) geht auch nicht.
Ich sehe den Text, aber es bewgt sich nichts.
Der Trigger-Befehl funktioniert so, wie von Rainer angegeben ja auch nicht.
Gib mal in den Eigenschaften der Seite im Reiter "Erweitert" beim "benutzerdefinierten Code" im Bereich "nach dem <BODY>-Tag" ein
<body onload="triggerTypewriter();"></body>
Den Code trägst Du so wie von Rainer angegeben in das HTML-Objekt ein.
Ich sehe gerade bei Dir fehlt in Zeile 8 des Code-Teils ein f. Es muss dort stehen function typewriter() {
Autor
Besten Dank Franz-Jodef, ich werde das sehr gerne versuchen.
Doch der Funktioniert so. Ich habe es probiert bevor ich es hier schreibe. Bei deiner Version gibt es dann zwei mal den Body-Tag. Ich habe nicht umsonst angegeben innerhalb Body-Tag.
Autor
Ich habe jetzt die 3 Fehler behoben, aber es geht auch so nicht.
@Rainer: Du hast recht; es funktioniert so wie Du es geschrieben hast. Ich hatte es auch probiert und zunächst klappte es nicht, weil ich einen Fehler eingebaut hatte. Allerdings funktioniert meine Version auch, da es unschädlich ist zwei Body-Tags zu haben.
@René: Kannst Du mal Deine Testseite online stellen oder Deine Einstellungen als Screenshot posten?
Autor
Ich habe die Seite jetzt online:
https://testseite.watelet.ch/weitere-effekte.html
Es betrifft die unterste Zeile. Der volle Text ist ersichtlich, aber es bewegt sich gar nichts.
Das liegt daran, dass dieser Typewriter nicht angestoßen wird. Du hast nicht, wie von Rainer angegeben, unter Eigenschaften der Seite im Reiter "Erweitert" im benutzerdefinierten Code "Innerhalb des <BODY>-Tag" den Eintrag onload="triggerTypewriter();" vorgenommen. Dieser steuert diese Funktion nämlich an, sobald der Seitenbereich geladen wird.
Wenn es dann immer noch nicht funktioniert, solltest Du das HTML-Objekt löschen, das folgenden Inhalt hat:
<html>
<head>
<script>
var i = 1; var text;
function triggerTypewriter() { text = document.getElementById('text').innerHTML; typewriter(); }
function typewriter() { if(i <= text.length) { var e = document.getElementById('text');
e.innerHTML = text.substr(0, i) + "_"; i++; window.setTimeout(typewriter, 100); } }
</script>
</head>
<body onload="triggerTypewriter();">
<div id="text">Ab dem 01.04.1923 erschien als Ersatz für die Zeitschrift "Der Arbeiter Sport" die Zeitschrift „Der Arbeiter Fußball“ als Zeitschrift der Märkischen Spiel Vereinigung. Zu dieser Serie wurden die Spielklassen in der Märkischen Spiel Vereinigung abgeschafft. Es wurden drei Regionalbereiche gebildet (Norden, Osten, Süd-Westen), in denen alle Staffeln gleichberechtigt (gleichhoch) waren (Quelle: aus DHM-AF 3-1928 abgeleitet).
</div>
</body>
</html>
Autor
Habe nachgeschaut, doch das hatte ich:
<body onload="triggerTypewriter();"></body>
Unzten auf Fateinamenformat HTML
Haken gestzt bei Diese Seeite in die Sitemap einbinden
Autor
Wenn es dann immer noch nicht funktioniert, solltest Du das HTML-Objekt löschen, das folgenden Inhalt hat:
Das ist genau der gleiche Code welcher auf der Seite bereits funktioniet.
Unerhalb dem Button: Refresh Page.
Und läuft nur mit HTML ohne onload="triggerTypewriter()
Gibt es eine Möglichkkeit einen Code einzubauen mit welchem man
Die Schriftart (Arial)
Die Schriftgrösse
Die Schriftfarbe
Die Hintergrunfarbe
definieren/bestimmen kann?
Ich versteh nicht ganz, was Du meinst... Aber versuche doch mal folgendes: Kopiere das HTML-Objekt das nicht funktioniert in eine neue Seite. Bei den Eigenschaften dieser Seite wählst Du im Reiter "Erweitert" im Bereich "benutzerdefinierter Code" den Eintrag "Innerhalb des <BODY>-Tag" aus und trägst unten nur onload="triggerTypewriter();" ein. Dann sollte es auch damit funktionieren.
Für die Bestimmung der Formatmerkmale gibst Du im Reiter "Erweitert" des HTML-Objekts folgendes ein:
.textformat{font-family: Arial; font-size: 14px; background-color: #000000; color: #ff0000;}
Im Reiter HTML-Code musst Du den Bereich <div id="text"> ergänzen, so dass er <div class="textformat" id="text"> lautet. Die Werte für größe und Farbenpasst Du Deinen Bedürfnissen an.
Das mit der ID ändern sollte er nicht machen, denn sonst funktioniert das JAvascript nicht mehr.
LINK
Also bei mir funktioniert es so, wie ich es beschrieben habe. Aber alternativ ist es auch möglich,
<div id="text">
so zu belassen und im Reiter "Erweitert" als CSS-Code
#text{font-family: Arial; font-size: 14px; background-color: #000000; color: #ff0000;}
einzutragen.
( It > De) ... Ihr ursprünglicher Code auf Ihrer LINK-Seite wurde falsch eingegeben ...
... wenn Sie Strg + U (Ctrl+U) drücken, werden Fehler zwischen den Zeilen 278 > 303 angezeigt ...
... um richtig zu funktionieren, müssen Sie diesen Code, den ich in einem HTML-Code-Objekt korrigiert habe, in das Feld "HTML-Code" einfügen:
<div id="text">Ab dem 01.04.1923 erschien als Ersatz für ... Bla bla, bla bla bla.... bla bla bla.... bla bla bla.... </div>
<script>
var i = 1; var text;
function triggerTypewriter() { text = document.getElementById('text').innerHTML;
typewriter();}
function typewriter() { if(i <= text.length) { var e = document.getElementById('text');
e.innerHTML = text.substr(0, i) + "_"; i++; window.setTimeout(typewriter, 80); }}
triggerTypewriter();
</script>
... wenn Sie der Schriftart eine andere Größe und Farbe zuweisen möchten, ... fügen Sie im Expertenfeld "CSS-Code" den folgenden Code ein (v.Franz-Josef):
#text {font-size:22px;color:red}
.
hallo und hallo alle zusammen, ciao
.