Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/07/2009, 19:48
Zack78
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 17 años
Puntos: 1
Como imprimir varibles en html de javascrip

Tengo un script en javascript que me dibuja la grilla, que lo baje de internet

Codigo Javascript

Código HTML:
// Variable de Conteo de lineas
    var lineCount = new Array();

    /**
     * Agrega una linea de datos a un formulario
     * @param string div El ID del div objetivo donde se agrega una linea
     * @param string line El ID del div que contiene la linea a agregar
     * @param string f Funcion extra para pasarle a los eventos
     */
    function addFormLine(div, line, f)
    {
        var f = (f == null) ? "" : f;
        lineCount[div] = lineCount[div] == null ? 1 : lineCount[div] + 1;
        var mySelf = div + "_line_" + lineCount[div];
        var myNum = lineCount[div];
        var divTarget = document.getElementById(div);
        var divLine = document.getElementById(line).innerHTML;
        var divTitle = document.getElementById(line).getAttribute('title');
        var newDiv = document.createElement('div');
        newDiv.className = 'row';
        newDiv.setAttribute('id', mySelf);
        divLine = divLine.replace(/mySelf/g, mySelf);
        newDiv.innerHTML = divLine;
        newDiv.innerHTML += "<div class=\"cell\"><img style=\"cursor: pointer;\" src=\"../images/remove.gif\" border=\"0\" onclick=\"removeFormLine(\'" + mySelf + "\');" + f + "\"></div>";

        if (divTitle != null && divTarget.hasChildNodes() == false){
            var titles = divTitle.split(",");
            var newTitle = document.createElement('div');
            newTitle.className = 'row';
            for (i = 0; i < titles.length; ++i){
                var titleSize = titles[i].match(/\(\w+\)/,'');
                titleSize = titleSize[0].replace(/[\(\)]/g,'');
                var titleName = titles[i].replace(/\(\w+\)/,'');
                newTitle.innerHTML += "<div class=\"title\" style=\"width: " + titleSize + "px;\">" + titleName + "</div>";
            }
            divTarget.appendChild(newTitle);
            divTarget.setAttribute('cab', '1');
        }
        divTarget.appendChild(newDiv);
		
		//Imprime el total de filas
		document.form1.totalfilas.value=myNum;
    }

    /**
     * Elimina una linea de un formulario
     * @param string div El ID del div que se quiere eliminar
     */
    function removeFormLine(div)
    {
        var parentName = div.replace(/_line_\w+/g, '');
        var divParent = document.getElementById(parentName);
        var divTarget = document.getElementById(div);
        var hasTitle = divParent.getAttribute('cab');
        divParent.removeChild(divTarget);
        if (hasTitle != null && divParent.childNodes.length == 1){
            divParent.innerHTML = "";
        }
		
		//Imprime el total de filas
		document.form1.totalfilas.value=document.form1.totalfilas.value-1;
    }
	
	
Y tengo un formulario donde estas los campos de los impust

Codigo html

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="form_dinamico_asiento.js"></script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
 <form  name="form1" method="post" action="">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="col"><a href="javascript:addFormLine('myDiv', 'myLine');" class="TextoContenidoTabla">Agregar Linea +</a></th>
  </tr>
  <tr>
    <th scope="row">
    <div id="myDiv"></div>
      <div id="myLine" class="hide" title="CÓDIGO(80),DESCRIPCIÓN (307),DEBE(78),HABER(80)">
        <div>
            <input type="text" name="codigo" id="codigo" maxlength="12" style="width: 81px" class="TextoContenidoTabla">
        </div>
        <div>
          <input type="text" name="descripcion" id="descripcion" maxlength="11" style="width: 310px" class="TextoContenidoTabla">
        </div>
        <div>
          <input type="text" name="debe" id="debe" style="width: 80px" class="TextoContenidoTabla" value="0">
        </div>
        <div>
          <input type="text" name="haber" id="haber" style="width: 80px" class="TextoContenidoTabla" value="0" >
        </div>
      </div>
      <input name="totalfilas" id="totalfilas" type="hidden">
    </th>
  </tr>
</table>

</form>
</body>
</html> 
Como puedo hacer para imprimer el contador de javascript, para concatenar con el id de cada input

el contador de filas de los div en javascript de la grilla myNum

Por ejemplo: id="codigo"+myNum;

asi pero dentro del formulario, en cada fila el id= codigo1, codigo2, codigo3, ... codigoN;

Por favor ayúdenme

muchas gracias

Necesito esas variables, para hacer cálculos matemático