Hola espero alguien pueda ayudarme a resolver un problema
que tengo con algunas funciones de javascript(Del cual soy un novato).
La idea es agregar 'n' filas(la fila consta de 4 campos) en las cuales necesitamos introducir información, de los cuales 2 de los campos que contiene la fila no se insertan manualmente, sino que mediante la apertura de una ventana(productos y cliente) seleccionamos el que sera ingresado en dicho campo; la fila tiene mas o menos el siguiente formato
En la primera fila coloca los datos sin mayor problema puesto que esta es mandada a la pantalla desde el script que esta en php, el problema es cuando agregamos una fila nueva; al momento de intentar ingresar los datos en los campos uno y dos, los botones funcionan y muestran las ventanas, pero no insertan los datos en el campo de texto, supongo que el problema esta en la funcion que agrega la fila puesto que no existe alguna variable que tome el valor del dato a ingresar, y desafortunadamente como mencione anteriormente no tengo conocimiento en javascript(aunke ya comence a estudiar) El codigo de lo anterior es el siguiente:
<table border="0" id="base" width="100%">
<tr class="celda">
<td width="20%" style="padding:3px;"></font>Cuenta</td>
<td width="20%" style="padding:3px;"></font>Producto</td>
<td width="15%" style="padding:3px;">Fecha de compra</td>
<td width="15%" style="padding:3px;">Cantidad</td>
<td width="30%" style="padding:3px;"> </td>
<td>
<input type="button" class="boton" value="[+]" onClick="addNewRow(event)" alt="Adicionar">
<input type="button" class="boton" value="[-]" onClick="removeLastRow(event)" alt="Remover">
</td>
</tr>
<tr id="example" class="celda">
<td>
<input id='account_name1' size="10" name='account_name1' type='text' readonly> <img src='{IMAGE_PATH}search.gif' onclick='return window.open("index.php?xxxxxxxxxxxxx","test","widt h=600,height=400,resizable=1,scrollbars=1") align='absmiddle' style='cursor:hand;cursor:pointer'></td>
<td style='padding:3px;'><input id='product_name1' size="10"name='product_name1' type='text' readonly> <img src='{IMAGE_PATH}search.gif' onclick='return window.open("index.phpxxxxxxxxxxxxxxxxxxxxxx","tes t","width=600,height=400,resizable=1,scrollbars=1" ) align='absmiddle' style='cursor:hand;cursor:pointer'></td>
<td>
<select class="combo" name="operator[]" id="opera">
<option value="January">Enero</option>
<option value="January">Febrero</option>
<option value="in">Marzo</option>
<option value="notin">Abril</option>
<option value="notin">Mayo</option>
<option value="Diciembr">Junio</option>
<option value="in">Julio</option>
<option value="notin">agosto</option>
<option value="Diciembr">Septiembre</option>
<option value="in">Octubre</option>
<option value="notin">Noviembre</option>
<option value="">Diciembre</option>
</select>
</td>
<td>
<input name="values[]" type="text" size="10" id="value">
<input type="hidden" name="btnAction" value="next">
</td>
<td> </td>
</tr>
</table>
<script type="text/javascript" language="JavaScript">
function addNewRow(){
var TABLE = document.getElementById("base");
var TROW = document.getElementById("example");
var content = TROW.getElementsByTagName("td");
var newRow = TABLE.insertRow(-1);
newRow.className = TROW.attributes['class'].value;
insertLOselect(content,newRow);
var newRow2 = TABLE.insertRow(-1);
newRow2.className = TROW.attributes['class'].value;
//window.alert(content);
copyRow(content,newRow2);
}
function removeLastRow() {
var TABLE = document.getElementById("base");
if(TABLE.rows.length > 2) {
TABLE.deleteRow(TABLE.rows.length-1);
TABLE.deleteRow(TABLE.rows.length-1);
}
}
function appendCell(Trow, txt) {
var newCell = Trow.insertCell(Trow.cells.length)
newCell.innerHTML = txt
}
function copyRow(content,Trow) {
var cnt = 0;
for (; cnt < content.length; cnt++) {
appendCell(Trow, content[cnt].innerHTML);
}
}
function insertLOselect(content,Trow) {
var cnt = 0;
for (; cnt < content.length-1; cnt++) {
appendCell(Trow, ' ');
}
}
</script>
Espero puedan darne una orientación sobre como resolver el problema.
Saludos,
