Funktion in dynamischer Tabelle aufrufen
Sigge
- javascript
Hallo,
als erstes muss ich gestehen, das ich noch Anfänger bin und hoffe das meine Frage nicht zu trivial ist.
Ich erzeuge eine Tabelle (hab ich im Netz gefunden und meinen Bedürfnissen angepasst). Funktioniert super!
for (i=0; i< parent.lfdnr; i++){
parent.i = i;
parent.oben.uebertragen();
tb=document.createElement("tbody");
document.getElementById('Tabelle').appendChild(tb);
var Zeile = document.createElement("tr");
Zeile.id = "Zeile"+i;
tb.appendChild(Zeile);
for(var y=0;y<7;y++){
//-->
switch (y){
case 0:
var eingwert = parent.artikel;
var Zelle = document.createElement("<td align='left' valign='middle'>");
break;
case 1:
var eingwert = parent.ergaenz;
var Zelle = document.createElement("<td align='left' valign='middle'>");
break;
case 2:
var eingwert = parent.ausf;
var Zelle = document.createElement("<td align='right' valign='middle'>");
break;
case 3:
var eingwert = "weitere Infos"
var Zelle = document.createElement("<td align='center' valign='middle' bgcolor='CCCCCC'>");
break;
case 4:
var eingwert = parent.nr;
var Zelle = document.createElement("<td align='center' valign='middle'>");
break;
case 5:
var eingwert = parent.stck;
var Zelle = document.createElement("<td align='right' valign='middle'>");
break;
case 6:
var eingwert = parent.preis + ",- € ";
var Zelle = document.createElement("<td align='right' valign='middle'>");
break;
}
var inhalt = document.createTextNode(eingwert);
Zelle.appendChild(inhalt);
document.getElementById("Zeile"+i).appendChild(Zelle);
}
}
Jetzt mein Problem:
Wie erreiche ich, das ich durch "onKlick" auf das Tabellenfeld: case 3 oder den Text:"weitere Infos" eine Funktion starte, mit der ich dann eine neue Seite öffne. Wie die Funktion selber auszusehen hat ist mir klar, nur nicht wie ich sie an der Stelle aus der Tabelle heraus aufrufen kann.
Danke für Eure Hilfe
Sigge
Hallo Sigge,
var Zelle = document.createElement("<td align='left' valign='middle'>");
hast du das schon mal in einem anderen Browser getestet als dem IE?
http://de.selfhtml.org/javascript/objekte/document.htm#create_element
den Eventhandler bekommst du per
var element = document.createElement("td");
element.onclick = function() {
...
}
Formatieren kannst du das ganze dann über element.style.
Gruß, Jürgen
den Eventhandler bekommst du per
var element = document.createElement("td");
element.onclick = function() {
...
}Formatieren kannst du das ganze dann über element.style.
Gruß, Jürgen
Hallo Jürgen,
ich raff es nicht. Stelle mich wahrscheinlich im Augenblick zu dumm an. Nicht desto Trotz, Danke für Deine Hilfe.
Könntest Du es mal in mein Script einbauen (wenn es nicht zu viel verlangt ist)
Habe die Tabelle mal unter FF und Opera versucht, hast leider recht: Geht nicht!
Sigge
Hallo Sigge,
Könntest Du es mal in mein Script einbauen
wie ich schon geschrieben habe:
var Zelle = document.createElement("td");
Zelle.onclick = function() {
window.open(...);
}
Zelle.style.backgroundColor = "#CCCCCC";
(wenn es nicht zu viel verlangt ist)
geht so.
Habe die Tabelle mal unter FF und Opera versucht, hast leider recht: Geht nicht!
daher erzeuge die Zellen wie oben beschrieben und mache die Formatierungen per CSS.
Gruß, Jürgen
Hallo Jürgen,
wie gesagt hatte mich nur zu dumm angestellt.
Danke jetzt funzt es!
Sigge