einzelne spalte einer Tabelle löschen

alexf812 · 18.02.2008, 23:26

hallo,

ich habe z.B. so eine Tabelle:

Code:

<table>
<tr>
<td>1.spalte</td>
<td>2.spalte</td>
<td>3.spalte</td>
</tr>
<tr>
<td>1.spalte</td>
<td>2.spalte</td>
<td>3.spalte</td>
</tr>
</table>

wie kann man jetzt alle werte in der ersten spalte löschen?

Rinaldo · 19.02.2008, 00:40

?

Lösche doch die beiden Einträge <td>1. Spalte</td>. Wo liegt das Problem?

alexf812 · 19.02.2008, 09:49

ich wollte ja wissen wie es mit javascript möglich ist... wenn ich es wüsste, hätte ich nicht gefragt

Rinaldo · 19.02.2008, 11:23

Konnte niemand wissen - dann haben wir Dich wohl umsonst verschoben...

Malleus · 19.02.2008, 12:20

Wenn ich Dich richtig bzgl. "Werte löschen" verstanden habe, versuch' mal folgendes:

PHP-Code:


			
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<html>

<head>

<title>Test</title>

<script type="text/javascript">

function deleteColumn( colIndex )

{

    var rows= document.getElementById("myTable").rows;;

    

        for (var i=0;i<rows.length;i++)

            rows[i].cells[ colIndex ].innerHTML = "&nbsp;"

            

            

};



</script>



</head>



<body>



<table id="myTable">

<tr>

<td>1.spalte</td>

<td>2.spalte</td>

<td>3.spalte</td>

</tr>

<tr>

<td>1.spalte</td>

<td>2.spalte</td>

<td>3.spalte</td>

</tr>

</table>

<button onclick="deleteColumn(0)">Delete</button>



</body>

</html>

tschau

Frank

alexf812 · 19.02.2008, 13:53

Zitat:

Zitat von Rinaldo

Konnte niemand wissen - dann haben wir Dich wohl umsonst verschoben...

ok, kein problem. aber hab ja nicht umsonst ins js-forum geschrieben :-)

alexf812 · 19.02.2008, 13:56

Zitat:

Zitat von Malleus

Wenn ich Dich richtig bzgl. "Werte löschen" verstanden habe, versuch' mal folgendes:

PHP-Code:


			
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function deleteColumn( colIndex )
{
    var rows= document.getElementById("myTable").rows;;
    
        for (var i=0;i<rows.length;i++)
            rows[i].cells[ colIndex ].innerHTML = "&nbsp;"
            
            
};

</script>

</head>

<body>

<table id="myTable">
<tr>
<td>1.spalte</td>
<td>2.spalte</td>
<td>3.spalte</td>
</tr>
<tr>
<td>1.spalte</td>
<td>2.spalte</td>
<td>3.spalte</td>
</tr>
</table>
<button onclick="deleteColumn(0)">Delete</button>

</body>
</html>

tschau

Frank

Mit dem löschen das hast du richtig verstanden.
Sieht sehr gut aus, aber kann es leider erst heut abend probieren.

getElementById('id').rows wusste ich gar nicht das sowas geht. auch dann mit den cells, aber wieder was dazugelernt :-)