Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/01/2008, 11:32
yazo
 
Fecha de Ingreso: abril-2003
Mensajes: 363
Antigüedad: 21 años, 10 meses
Puntos: 3
Como crear linea html

Hola:

Estoy intentando usar un fragmento de código que encontré en una página (ahora no recuerdo cual), es un script que añade o borra campos input según la necesidad del usuario.

El código actual es:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
  <title>Formularios Dinamicos</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <script language="javascript" type="text/javascript">
  // <!--

  // Variable de conteo de "Divs"
  var count = 0;

  // Funcion que agrega una nueva linea
  function addLine(){

    // Se agrega un numero al conteo
    count += 1;

    // Div donde se agregara la nueva linea
    var content = document.getElementById('myDiv');

    // Se crea un nuevo "DIV" que se agregara a content
    var divIdName = 'my' + count + 'Div';
    var newDiv = document.createElement('div');
    newDiv.setAttribute('id', divIdName);

	// Se crea un nuevo "INPUT"
    var newInput = document.createElement('input');
    newInput.type = 'text';
    newInput.size = '10';
    newInput.name = 'myInput[]';

	// Se crea un Link para poder borrar la linea
    var newDelete = document.createElement('a');
    newDelete.href = 'javascript:delLine("' + divIdName + '")';
    newDelete.innerHTML = 'Borrar Linea';

	// Se agrega el "INPUT" y el link al "DIV"
    newDiv.appendChild(newInput);
    newDiv.appendChild(newDelete);
    content.appendChild(newDiv);
  }

  // Se borra la linea solicitada
  function delLine(div){
    var content = document.getElementById('myDiv');
    var remove = document.getElementById(div);
    content.removeChild(remove);
  }

  // -->
  </script>
</head>
<body>

<form method="POST" action="">
  <a href="javascript:addLine();">Añadir Linea +</a><br>
  <div id="myDiv"></div>
  <br><input type="submit">
</form>

</body>
</html> 
Actualmente añade un campo de texto y el texto "Borrar linea".

¿Como podría hacer para que se añada la siguiente línea de código?
Es una línea nueva en una tabla.

Código HTML:
<tr>
    <td><input type="text" name="orden" id="orden"></td>
    <td><input type="text" name="concepto" id="concepto"></td>
    <td><input type="text" name="precio" id="precio"></td>
  </tr> 
Gracias por vuestra ayuda.