Funktion | Beschreibung |
bold() | Schrift fett<b> ... </b> fett |
big() | Größere Schrift<big> ... </big> normal big bigbig |
fixed() | Teletype-Font<tt> ... </tt> Teletype |
italics() | Schrift kursiv<i> ... </i> kursiv |
small() | Kleinere Schrift<small> ... </small> normal small smallsmall |
strike() | Text durchgestrichen<strike> ... </strike> |
sup() | Text hochgestellt<sup> ... </sup> normal hoch |
fontcolor(Farbe) | Schriftfarbe, erwartet als Parameter eine Farbangabe (z.B. '#00FF00' oder einen Farbnamen)<font color="Farbe"> ... </font> #80A000 purple darkolivegreen |
fontsize(Nummer) | Relative Schriftgröße von 1 bis 7 (3 = normal).<font size="Nummer"> ... </font> size1 size2 size3 size4 |
link(Ziel) | Verweis, erwartet als Parameter ein Verweisziel.<a href="Ziel"> ... </a> |
Das Resultat:Javascript im Headervar liste = ['alpha', 'beta', 'gamma', 'delta'];Weiter unten, im BODY, die Tabelle:<table bgcolor='#A0A0A0' cellspacing='1' cellpadding='2'> <tr bgcolor='#FFFFFF'> <SCRIPT> for (var i=0; i<liste.length; i++) { document.write("<td width='64' align='center'>"+ liste[i] +"</td>"); } </SCRIPT> </tr> </table>
alpha | beta | gamma | delta |
function Wrap(tag, txt) { return '<'+ tag +'>'+ txt +'</'+ tag.replace(/s.*/,'') +'>'; }Im schließenden Tag müssen mittels replace() evtl. übergebene Attribute entfernt werden.
function TABLE(txt) { return Wrap("TABLE bgcolor='#A0A0A0' cellspacing='1' cellpadding='2'", txt); } function TR(txt) { return Wrap("TR bgcolor='#FFFFFF'", txt); } function TD(txt) { return Wrap("TD width='64' align='center'", txt); } function TRTD(txt) { return TR(TD(txt)); }Zuletzt erweitern wir das Array-Objekt um eine Methode format(), die alle Elemente der Reihe nach HTML-formatiert (d.h. in Tags einbettet) und das Ganze als String zurückliefert.
Array.prototype.format = function(fuFormat) { var n = this.length, s = ''; for (var i=0; i<n; i++) s += fuFormat(this[i]); return s; }Nun lassen sich komplette Tabellen mit einer kompakten Anweisung erzeugen:
Hier noch die Spaltenversion:liste als horizontale Tabelle (Zeile):<SCRIPT> document.write(TABLE(TR(liste.format(TD)))); </SCRIPT>
liste als vertikale Tabelle (Spalte):<SCRIPT> document.write(TABLE(liste.format(TRTD))); </SCRIPT>
alpha |
beta |
gamma |
delta |
template |