Problema con adicion de filas a una tabla con mozilla

ingeniero4ever · #1 (**permalink**) 05/09/2007, 14:37

Hola amigos de foros del web... bueno tengo un problema ... hace tiempo realice un proyecto con php y mysql.... y necesitaba adicionar filas a una cierta tabla de un formulario dinamico... bueno en ese momento ocupaba IE y no hize las pruebas necesarias en mozilla.... bueno ahora me di cuenta haciendo la version 2 del sistema que en mozilla al adicionar una nueva fila al formulario se va directamente a otra pagina en vez de agregar una fila a la tabla, y en IE no hace ningún problema.
El codigo que utilice fue sacado de este mismo foro por caricatos.... les dejo la version simple de lo que esta pasando .. para que lo vean y me puedan guiar...

espero que me ayuden.....

Código HTML:

<html>
<head>
<title>
    Tablas
</title>
<script language=javaScript1.2>
function suma()    {
    var miTabla = document.getElementById("cuerpoTabla");
    var fila = document.createElement("tr");
    var celda1 = document.createElement("td");
    var celda2 = document.createElement("td");
    celda1.innerHTML = "hola b6";
    celda2.innerHTML = "hola c6";
    fila.appendChild(celda1);
    fila.appendChild(celda2);
    miTabla.appendChild(fila);
}
</script>
</head>
<body style="color:blue" > 
<form name="form" action="hola.html">
	<table id=unaTabla border=1>
	<tbody id=cuerpoTabla>
		 <tr id=a1>
			  <td id=b1>hola b1</td>
			  <td id=c1>hola c1</td>
		 </tr>
		 <tr id=a2>
			  <td id=b2>hola b2</td>
			  <td id=c2>hola c2</td>
		 </tr>
		 <tr id=a3>
			  <td id=b3>hola b3</td>
			  <td id=c3>hola c3</td>
		 </tr>
		 <tr id=a4>
			  <td id=b4>hola b4</td>
			  <td id=c4>hola c4</td>
		 </tr>
		 <tr id=a5>
			  <td id=b5>hola b5</td>
			  <td id=c5>hola c5</td>
		 </tr>
		</tbody> 
	</table>
	<button onclick=suma()>sumar</button><br>
	<input type="submit" name="enviar" value="Procesar Planilla">
</form>
</body> 
</html>

derkenuke · #2 (**permalink**) 05/09/2007, 16:24

Hola ingeniero4ever:

Lo que está pasando es que IE representa mal la etiqueta <button>, que por defecto es de tipo submit, pero él la hace funcionar como tipo button. FF añade la fila, y luego envía el formulario.

Lo que hay que hacer, es forzar que sea de tipo button. Cambia el botón que ejecuta la función suma() y déjalo así:

Código PHP:

  <button type="button" onclick="suma()">sumar</button>

Entonces funcionará como se espera.

Un saludo.

ingeniero4ever · #3 (**permalink**) 15/09/2007, 20:21

Muchas gracias !!!!!!!