Problema al Agregar TR a un TBODY

RenacidoJH · #1 (**permalink**) 31/05/2011, 22:35

Cordial Saludo,

les escribo a ustedes ya que no he podido solucionar un pequeño inconveniente que tengo con la siguiente funcion JavaScript que no funciona en IE*, pero el Mozilla y Chrome SI:

* Probado en IE9 (Me imagino que en las otras tampoco).

Código Javascript:

Ver originalfunction addHora() {
 var hora = parseInt(document.horario.tothoras.value);
 hora = (hora + 1);
 var newTR = "<tr>\n";
 if (hora > 3 && (hora - 1) % 3 == 0) {        
  newTR += "<th class='title2' colspan='7'>Descanso</th>\n";
  newTR += "</tr>\n"
  newTR += "<tr>\n";
 }
 newTR += "<th class='title2'>" + hora + "ª Hora</th>\n";
 for (var i = 1; i <= 6; i++) {
  newTR += '<td id="' + dia(i) + "-" + hora + '">\n';
  newTR += tdVacio(dia(i), hora);
  newTR += "</td>\n";
 }
 newTR += "</tr>\n";
 alert('Checkpoint 1');
 alert(newTR);
 document.getElementById("clases").innerHTML = newTR;
 alert('Checkpoint 2');
 document.horario.tothoras.value = hora;
}

El cual se supone agrega un TR con varios TD en la siguiente tabla:

Código HTML:

Ver original<table>
<tr>
<th class="title2" scope="col">Hora</th>
<th class="title2" scope="col">Lunes</th>
<th class="title2" scope="col">Martes</th>
<th class="title2" scope="col">Miercoles</th>
<th class="title2" scope="col">Jueves</th>
<th class="title2" scope="col">Viernes</th>
<th class="title2" scope="col">Sabado</th>
</tr>
<tbody id="clases">
</tbody>
</table>

Alguien sabe, cual puede ser el inconveniente??? agradecería cualquier tipo de ayuda.

Les comento que me muestra los mensajes: Checkpoint 1 y el contenido de la variable newTR. pero no sale el mensaje Checkpoint 2.

abimaelrc · #2 (**permalink**) 01/06/2011, 20:46

Trata algo así

Código HTML:

Ver original<html>
<body>
<script language="JavaScript">
function function1() {
   document.getElementById('myTable').insertRow(-1).insertCell(-1).innerText = 'Texto añadido';
} 
</script>
<table id="myTable" border="1" cellspacing="5" cellpadding="5">
   <tr>
       <td width="100">3</td>
       <td width="100">4</td>
   </tr>
   <tr>
       <td>1</td>
       <td>2</td>
   </tr>
</table>
<button onclick="function1();">Add a cell</button>
</body>
</html>

Lo tomé de aquí y lo modifiqué http://www.java2s.com/Code/JavaScrip...RowExample.htm

RenacidoJH · #3 (**permalink**) 01/06/2011, 21:06

Gracias por tu respuesta... pues, luego de buscar mas y mas... encontre que el problema es que IE no soporta el innerHTML en algunas etiquetas como el tbody. asi que implemente algo similar a lo que describes y modifique la función.

Todo era cuestión de usar
insertRow(); insertCell(); createElement(); este ultimo para poder crear los TH.