centauro: Tabellenzeile mit Array-Element löschen

Beitrag lesen

Soooo....jetzt funktionierts, bei mir im Firefox.

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
 <head>  
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
  <title>Untitled Document</title>  
 <script type="text/javascript">  
 <!--  
  
 var daten = new Array();  
 function treffe_auswahl(auswahl) {  
  //Table-element und Zellendefinition  
  
    var w=95+'%';  
             var table = document.getElementsByTagName("table")[0];  
             var row = table.insertRow(-1); // -1 = am ende  
             var cell = row.insertCell(-1);  
        cell.style.width=w;  
     cell.style.wordWrap='break-word';  
    var cell2 = row.insertCell(-1);  
  
    for (var i = 0; i < daten.length; i++) {  
     if (daten[i].indexOf(auswahl.value) > -1) {  
      row.setAttribute('id', 'row'+i);  
     }  
    }  
  
  
  //Ende  
  if (auswahl.checked) {  
   var neuer_string = auswahl.value + '\n' + prompt(auswahl.value, '');  
   daten.push(neuer_string);  
   //Table-element  
   document.getElementById('idNode').value = daten[1];  
  
   //Ende  
  
  }  
  else {  
   for (var i = 0; i < daten.length; i++) {  
    if (daten[i].indexOf(auswahl.value) > -1) {  
     document.getElementById("idNode").deleteRow(i);  
     daten.splice(i, 1);  
  
    }  
   }  
  }  
  
  for (var i = 0; i < daten.length; i++) {  
               var farbe = (i % 2) ? "#84c1de" : "#FFFFFF";  
     row.setAttribute("bgcolor",farbe);  
  
   if (daten[i].indexOf(auswahl.value) > -1) {  
  
 //  cell2.innerHTML = '<a onClick=textAendern(daten['+i+']);>&Auml;ndern</a>\n\n';  
   cell2.innerHTML = '<a onclick=textAendern('+i+');>&Auml;ndern</a>\n\n';  
   cell.innerHTML = daten[i];  
  }  
 }  
  
  }  
 //}  
 //-->  
 </script>  
 <script type="text/javascript">  
  
 function textAendern(nnode) {  
 // alert(nnode);  
  for (i=0; i<=nnode; i++) {  
  
     if (i==nnode) {  
   nnode=i+1;  
   var x=document.getElementById('idNode').rows  
      var y=x[nnode].cells  
   var old_txt = y[0].innerHTML;  
   var new_txt = prompt('Bitte geben Sie den neuen Text ein', old_txt)  
      y[0].innerHTML=new_txt;  
   exit;  
   }  
  }  
 }  
  
 </script>  
 </head>  
 <body>  
<form>  
 <table border="1">  
 <tr><td>  
 <label for="vorne_mitte"><input name="vorne_mitte" id="vorne_mitte" type="checkbox" title="Vorne mitte" value="Dem Besichtigungseindruck nach zu urteilen, hat ein Ansto&szlig; an der Fahrzeugfront stattgefunden, so da&szlig; "  onclick="treffe_auswahl(this)"></label></td><td width="10%">&nbsp;</td>  
      <td width="300" align="center"><label for="fahrzeugdach_vorne"><input name="fahrzeugdach_vorne" id="fahrzeugdach_vorne" type="checkbox" title="Fahrzeugdach vorne" value="Dem Besichtigungseindruck nach zu urteilen, hat ein Ansto&szlig; am Fahrzeugdach stattgefunden, so da&szlig;" onclick="treffe_auswahl(this)"></label>  
 </td>  
 </tr>  
 </table>  
  
 <div style="height: 200px;overflow-y: scroll">  
  <table id="idNode" border="2">  
  
    </table>  
 </div>  
 </form>  
 </body>  
</html>  
  

Nur das löschen der richtigen Zeilen durch entfernen des Häkchens, wie gesagt, funktioniert nicht.

Gruß,

Centauro