Objekte
konstruieren
javascript/objekte
so
sieht es aus
function Person(vorname, nachname){
this.vorname = vorname;
this.nachname = nachname;
this.zeigeName = showName;
this.zeigeInit = showInit;
this.getVorname = getV;
this.getNachname = getN;
function showName(){
document.write(this.vorname + " ");
document.write(this.nachname);
}
function showInit(){
var i1 = this.vorname.charAt(0);
var i2 = this.nachname.charAt(0);
document.write(i1 + "." + i2 + ".");
}
function getV(){
return this.vorname;
}
function getN(){
return this.nachname;
}
}
// Personenobjekte erzeugen
var p0 = new Person("", "");
var p1 = new Person("", "");
var p2 = new Person("", "");
var p3 = new Person("", "");
var p4 = new Person("", "");
var p5 = new Person("", "");
var p6 = new Person("", "");
var p7 = new Person("", "");
var p8 = new Person("", "");
var p9 = new Person("", "");
var p10= new Person("", "");
var p11 = new Person("", "");
// Eine Person ausgeben
function showP (p){
p.zeigeInit();
document.write(" ");
p.zeigeName();
// dient einzig der Verlinkung
zurueck();
}
// Personenliste in einem Array erstellen
var personen = new Array(p0,p1,p2,p3,p4,p5,p6,p7,p8,p9,p10,p11);
function fillArray(){
for (i = 0; i < 12; i++){
personen[i] = new Person("Person", i);
}
}
function showAll(personen){
for(var i = 0; i < personen.length; i++){
personen[i].zeigeName();
document.write("
");
}
// dient einzig der Verlinkung
zurueck();
}
function zurueck(){
document.write("<br />");
document.write("<a href =\"arraysUndObjekte.html\">zurück</a>");
}
// Eine Person in einer Tabelle ausgeben
function showP_table(p){
// dient einzig der Formatierung mit CSS
css();
document.write("<table>");
document.write("< align=\"left\">");
document.write("<td>");
document.write(p.getVorname());
document.write("</td>")
document.write("<td>");
document.write(p.getNachname());
document.write("</td>")
document.write("<td>");
p.zeigeInit()
document.write("</td>");
document.write("</tr></table>");
// dient einzig der Verlinkung
zurueck();
}
// Personen in einer Tabelle ausgeben
function showAll_table(personen){
// dient der Formatierung mit CSS;
css();
document.write("<table style=\"border:1px solid red;\">");
for (var i=0; i<12; i++){
document.write("< style=align=\"left\">");
document.write("<td>");
document.write(personen[i].getVorname());
document.write("</td>")
document.write("<td>");
document.write(personen[i].getNachname());
document.write("</td>");
document.write("<td>");
personen[i].zeigeInit();
document.write("</td>");
document.write("</tr>");
}
document.write("</table>");
// dient einzig der Verlinkung
zurueck();
}
// Elemente mit dem Objekt style formatieren
function tabelle () {
document.all.tabelle.style.backgroundColor = "grey";
document.all.tabelle.style.fontSize = "1.5em";
document.all.tabelle.style.fontFamily="Verdana";
document.all.tabelle.style.padding="10px";
}
// Funktion zur Einbindung externer Stylesheetdateien
function css() {
document.write("<link href=\"../styles/stylesheet_content.css\" rel=\"stylesheet\" type=\"text/css\" />");
}