Nachträglich CSS setzen bei dynam.erz.Tabellen

[samba]

Hi,

ich habe mich an folgendem Problem festgebissen :suspekt:

Ich erzeuge dynamisch eine Tabelle wie folgt:

function ZeileErzeugen(Index,Telefonbucheintrag)
{
   var Tabelle =  document.getElementById('Telefonbuch');
   /* TextNodes fzer Zelleninhalte erzeugen */
   var Zelle_0 = document.createTextNode(Telefonbucheintrag[0]);
   var Zelle_1 = document.createTextNode(Telefonbucheintrag[1]);
   /* Zeile erzeugen - Index gibt Position an */
   Tabelle.insertRow(Index);
   /* 1. Zelle erzeugen */
   Tabelle.rows[Index].insertCell(0);
   /* TextNode einhaengen */
   Tabelle.rows[Index].cells[0].appendChild(Zelle_0);
   /* 2. Zelle erzeugen */
   Tabelle.rows[Index].insertCell(1);
   /* TextNode einhaengen */
   Tabelle.rows[Index].cells[1].appendChild(Zelle_1);
   // Zaehlen(Tabelle,Index);
}

Der Body-Bereich (Auszug) schaut so aus:

<table id="Telefonbuch" class="index" border="0" cellpadding="0" cellspacing="5">
</table>

Da ich mich mit DOM noch nicht so auskenne weiß ich nicht wie ich
für meine 2 Spalten meine CSS setzen kann?
Gibt es da vielleicht einen Befehl der mir z.B. für die linke Spalte
den <td class="left">Name</td> setzt ?

Wie kann ich dies einfach in die obige Funktion integrieren, evtl. auch bei Bedarf ein
Event unterbringen?

DANKE für Eure Hilfe

 

[Sven Mintel]

Auf die linke Zelle kannst du, wie du es ja bereits tust, per Tabelle.rows[Index].cells[0] zugreifen.

Die Zuweisung von Attributen hängst du da ran:

//Klassenname zuweisen
Tabelle.rows[Index].cells[0].className="left";
//Textfarbe ändern
Tabelle.rows[Index].cells[0].style.color="red";
//Funktionsaufruf beim onclick
Tabelle.rows[Index].cells[0].onclick=new Function('fx','alert("Ich bin links")');

...usw.

 

[samba]

Vielen Dank für die Hilfe Sven,

ich werde es nachher mal ausprobieren. Wo finde ich denn hierzu mehr Informationen. Bei selfhtml.org konnte ich keine "ausreichende" Referenz zu dem Thema DOM/javascript finden?

Nochmals Danke

samba

 

[samba]

Hi,
wollte nur noch mal kurz sagen das alles HERVORRAGEND läuft.. Thanks

Wer also noch einen Tip hat wo ich einen guten Link zum Thema DOM finde... nur her damit

Ciao samba

 

[Sven Mintel]

Wenn du mich fragst.... versuch erstmal, dich bei SelfHTML einzulesen, fürs erste ist das mehr als ausreichend:
http://de.selfhtml.org/dhtml/modelle/dom.htm
http://de.selfhtml.org/javascript/objekte/node.htm#allgemeines

Es gibt natürlich auch umfangreichere Quellen, die sind zum Einstieg aber doch etwas verwirrend, da das DOM nicht nur für Javascript Bedeutung hat:


Falls du es trotzdem wagen willst: http://www.w3.org/DOM/