Zuletzt bearbeitet am 3. Oktober 2008
Durch Anklicken auf ein Bildchen soll ein Skript ausgelöst werden, das ein neues Fenster mit Probetext und dem Hintergrundbild öffnet. So können zufallsgenerierte Bilder auf ihre Wirkung getestet werden.
Hier sind einige Beispielbilder:
Mit den folgenden Standardformat-Klassen kann eine Art Flussdiagramm entworfen werden.
Die AnwenderIn sieht mehrere Bildchen.
Diese Bildchen liegen in einem div-Container.
Der Container schiebt den folgenden Text nach unten.
height
wird festgelegt und richtet sich nach Höhe und Anzahl der ganzen Bildchen.
clear: left
macht am Ende einen Umbruch.
Sie sind nebeneinander angeordnet.
float: left
Sie identifiziet die Bildchen als Verlinkungen.
Die Anker verweisen auf eine JavaScript-Funktion.
Die Funktion ist für alle Bildchen gleich.
<a href="javascript:testseite(..)"><img ...></a>
Es wird eine Variable, der Dateiname des Bildes, übergeben.
testseite('name.endung')
Die Variable name.endung repräsentiert eine Zeichenkette und wird deshalb in Anführungszeichen gesetzt.
Die JavaScript-Funktion verarbeitet den Dateinamen weiter.
function testseite(bildchen)
{ ... }
Sie klickt auf ein Bildchen.
Der Quelltext wird zusammengesetzt.
In den Style-Vorgaben wird das Hintergrundbild geladen.
body {background-image: url(pfad/name.endung);}
Der Quelltext wird unter meldung
abgelegt.
Es öffnet sich ein neues Fenster.
meldung
wird geladen.