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\" />");
}