nicht angemeldet
Problem mit Tabellenfunktion
Hallo,
ich hab ein Problem mit einer Funktion, bei der eine Tabellenzelle entfernt wird und das links liegende Tabellenfeld einen veränderten colspan-Wert erhält.
Mein Problem hierbei ist, dass die Funktion soweit funktioniert, wie man an der alert-Ausgabe des HTML-Codes feststellt. Nur aktualisiert sich diese Tabelle leider nicht. Wieso wird der veränderte colspan-Wert in der Tabelle nicht übernommen, wenn der Code doch richtig ausgegeben wird?
Für Hilfe wäre ich sehr dankbar !!!
MfG
Timo
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="JavaScript">
function IncreaseColSpan()
{
curSelection = window.doc.document.selection;
elementTagName = "TD";
curRange = curSelection.createRange();
curTag = curRange;
alert(curTag['tagName']);
if(curTag['tagName'] == elementTagName)
{
alert(curTag['tagName']);
return curTag;
//return curRange;
}
curTag = curRange.parentElement();
alert(curTag['tagName']);
if (curSelection.type != "Text")
{
return;
}
//for(var i=0; i<16; i++)
while(curTag['tagName'] != elementTagName)
{
if(curTag['tagName'] != elementTagName)
{
curTag = curTag['parentNode'];
alert(curTag['tagName']);
alert("While-Schleife");
}
}
if(curTag != 0)
{
var curTABLE = curTag['parentNode'];
alert("curTable: " + curTABLE['tagName']);
var curTR = curTABLE;
var curTABLE = curTABLE['parentNode'];
var curTABLE = curTABLE['parentNode'];
var clonedNode = curTag.cloneNode();
var childNodes = curTag['childNodes'];
alert("curTable: " + curTABLE['tagName']);
//alert("curTag: " + curTag['tagName']);
//alert("clonedNode: " + clonedNode['tagName']);
//alert("childNode: " + childNodes[0].tagName);
//alert("childNode Länge: " + childNodes.length);
curCellIndex = curTag['cellIndex'];
alert("curCellIndex: " + curCellIndex);
curRowIndex = curTR['rowIndex'];
alert("curRowIndex: " + curRowIndex);
curTABLE.rows[curRowIndex].deleteCell(curCellIndex + 1);
curTag.colspan = 2;
//curTag.rowspan = 2;
alert("colspan: " + curTag['colspan']);
//curTag.rows[i].insertCell(curCellIndex);
alert(doc.innerHTML);
}
}
</script>
<body bgcolor="#FFFFFF" text="#000000">
<p> </p>
<div class="document" id="doc" contenteditable="false" style="OVERFLOW: auto;" height="100%" width="100%">
<table width="500" border="1" align="center">
<tr>
<td>1</td>
<td>5</td>
<td>9</td>
<td>13</td>
</tr>
<tr>
<td>2</td>
<td>6</td>
<td>10</td>
<td>14</td>
</tr>
<tr>
<td>3</td>
<td>7</td>
<td>11</td>
<td>15</td>
</tr>
<tr>
<td>4</td>
<td>8</td>
<td>12</td>
<td>16</td>
</tr>
</table>
</div>
<input type="submit" value="Increase Column Span" onclick="IncreaseColSpan()">
<script language="JavaScript">
doc.contentEditable = "true";
</script>
</body>
</html>