Blindtext per Javascript
Während meiner Recherche nach Blindtextgeneratoren bin ich auch über zwei Lösungen zum Generieren von Blindtext gestolpert, die auf jeweils einem Javascript basieren. Beide scheinen von befreundeten Programmierern erstellt worden zu sein und das eine Skript (filler_text.js von Silus Grok) sieht sich als Weiterentwicklung des anderen Skripts (ftod.js von Alessandro). Ich denke, dass die Benutzung beider Skripte sinnvoll ist (natürlich nur immer jeweils eins 
) und so möchte ich hier beide vorstellen.
ftod.js
Um das Javascript (gibt es hier) zu benutzen, muss dies im gleichen Verzeichnis wie die *.html-Datei(en) liegen. In der *.html-Datei selber bindet man dann folgenden Code innerhalb von <head></head> ein:
<script type="text/javascript" src="ftod.js"></script>
<script type="text/javascript">
window.onload=function(){
AddFillerLink("blindtext","navigation");
}
</script>
Es gibt nun zwei verschiedenen Herangehensweisen. Grundsätzlich ist es so, dass das Skript an die Stellen einen Link einfügt, wo es eine bestimmte id vorfindet. Im oberen Codebeispiel sind dies alle Tags, die die id="blindtext" oder aber die id="navigation" haben. Das ganze kann nach Belieben erweitert oder umbenannt werden.
Die erste Herangehensweise wäre also einfach einen Absatz oder irgendeinen anderen Tag mit der id="blindtext" an der gewünschten Stelle im Dokuement einzufügen:
<p id="blindtext"></p>
Die andere Methode wäre es einfach bestehende ids, wie z. B. "navigation", "fussbereich" oder ähnliche in das "Skript aufzunehmen".
Demo: ftod.js
Das Skript erstellt die Anzahl der Wörter nach dem Zufallsprinzip. Sowohl die Wörter wie auch der Linktext können im Javascript selber angepasst werden.
filler_text.js
Das Javascript filler_text.js (hier zum Download) versteht sich als Weiterentwicklung. Hierfür muss das Javascirpt in die html-Datei eingebunden und im <body>-Tag geladen werden:
<head>
<script type="text/Javascript" src="filler_text.js"></script>
<title></title>
</head>
<body onload='loremload();'>
Jetzt kann man an den gewünschten Stellen im Dokument Blindtext einfügen und zwar differenzierter als das mit dem Skript ftod.js möglich ist.
[FILLER TEXT] generiert Zufallstext. Wird die Seite neu geladen, so ändert sich der Text.
[FILLER TEXT 25w] 25 Wörter werden generiert.
[FILLER TEXT 3 x 25w] Generiert drei Elternelemente und füllt diese mit jeweils 25 Wörtern. Ist das Elternelement <body>, so werden drei Absätze (<p>) generiert.
[FILLER TEXT 3P x 25w] Generiert drei Absätze mit jeweils 25 Wörtern.
[FILLER TEXT 3P.body x 25w] Generiert drei Absätze (mit 25 Wörtern) mit der Klasse "body"
[FILLER TEXT 3P.body] füllt drei body.Absätze mit Text
Eine sehr gute Demonstrations der Wirkungsweise hat der Autor hier Bereit gestellt, wobei der Quelltext zu diesem Dokument wie folgt aussieht:
<html>
<head>
<title>Test HTML for Filler Text v 0.1 Beta</title>
<script type="text/Javascript" src="filler_text.js"></script>
<style type="text/css">
DIV.borderer {border: 5px solid #003399;}
</style>
</head>
<body onload='loremload();'>
<ul>
<li>[FILLER TEXT 3 x 4 w]</li>
</ul>
[FILLER TEXT 3 div.borderer x 4w]
<ul>
[FILLER TEXT 3lix10w]
</ul>
<p>[FILLER TEXT]</p>
<p style='border: 5px dashed #CC3300;'>[FILLER TEXT 150w]</p>
<ol>
<li>[FILLER TEXT 3]</li>
</ol>
[FILLER TEXT 300w]
</body>
</html>
Diesen Artikel weiterempfehlen:
Verwandte Artikel:
- Kategorien:
- Skripte
- Tags:
- blindtext, javascript
- Beitrag:
- Druckvorschau
- Kommentare:
- Kommentar abgeben oder Kommentare verfolgen
«« Zum vorherigen Beitrag — Zum nächsten Beitrag »»
Dirk Jesse nutzt das schon länger für YAML. Das funktioniert.
Hey,
I have a question for the webmaster/admin here at http://www.webwork-tools.de.
May I use part of the information from this post above if I give a backlink back to your website?
Thanks,
Charlie
Hi Charlie,
Yes, sure.