Foros del Web » Programando para Internet » Javascript »

Tabla Dinamica ayuda al ingresar valores

Estas en el tema de Tabla Dinamica ayuda al ingresar valores en el foro de Javascript en Foros del Web. Que tal amigos del foros del web siempre leo esta web y me parece de gran ayuda.. pero siempre se cae o posiblmente sea mi ...
  #1 (permalink)  
Antiguo 16/09/2009, 10:38
Avatar de HiToGoRoShi  
Fecha de Ingreso: abril-2008
Mensajes: 849
Antigüedad: 16 años
Puntos: 31
Tabla Dinamica ayuda al ingresar valores

Que tal amigos del foros del web siempre leo esta web y me parece de gran ayuda.. pero siempre se cae o posiblmente sea mi navegador bueno... el asunsto es este cree un codigo que me permit agregar una fila y borrar la fila en la posición que yo quiera, me costo mucho pero leyendo y leyendo pude entender el codigo de manera perfecta y lo moldee a mi manera.

Pueden verlo en linea http://www.anexcons.com/demo.html tambien les dejo el codigo

Código:
<script language="javascript">
	
function add(){
	var a=0;
	var num=0;
								
	var TABLE = document.getElementById("tabla");
	var TROW = document.getElementById("fila");
	
	var content = TROW.getElementsByTagName("td");
	var newRow = TABLE.insertRow(-1);
	
	var newCell = newRow.insertCell(newRow.cells.length);
  	ar = 'RACK LCD de 19-21';
  	newCell.innerHTML = ar;
	
	var newCell = newRow.insertCell(newRow.cells.length);
	++num;
  	ca = '<input name="ca'+num+'" type="text" size="5">';
  	newCell.innerHTML = ca;
	//Parte Logica	
	a = document.form1.cnt.value;
	document.form1.ca1.value=(a);

	var newCell = newRow.insertCell(newRow.cells.length);
		
 	pr = '<input name="pr1" value="120" type="text" size="5">';
 	newCell.innerHTML = pr;
	b = document.form1.pr1.value;
	
	var newCell = newRow.insertCell(newRow.cells.length);
	
 	pa = '<input name="pa1" type="text" size="5">';
 	newCell.innerHTML = pa; 
	document.form1.pa1.value=(a*b);	
	
	var newCell = newRow.insertCell(newRow.cells.length);	
    // creamos una nueva ID para el boton de remover

 	btn = '<input type="button"  value="X" onclick="remove(this)">';
	newCell.innerHTML = btn; 	
	
}
	
function remove(obj) {
  fila = obj.parentNode.parentNode;
  document.getElementById('tabla').removeChild(fila);
}

</script>		

<form name="form1">

<table width="33%" border="0" bgcolor="#999999" >
  <tr>
    <td width="8%"><div align="center" class="Estilo4"><span class="Estilo8">1</span></div></td>
    <td width="58%" align="center" valign="middle"><div align="center"><span class="Estilo3" style="font-size: 12pt">
      <select name="ar1" size="1" id="ar1" onchange="boleta()">
        <option value="">-- Seleccione su compra --</option>
        <option value="">Rack LCD 15-21&ordm; Giratorio</option>
        <option>Rack LCD 22-32&ordm; Giratorio</option>
        <option>Rack LCD 32-42&ordm; Giratorio</option>
        <option>Rack LCD 23-32&ordm; Techo</option>
        <option>Rack LCD 32-42&ordm; Techo</option>
        <option value="">Rack LCD 15-21&ordm; Riel Fijo</option>
        <option value="">Rack LCD 23-32&ordm; Riel Fijo</option>
        <option>Rack LCD 32-42&ordm; Riel Fijo</option>
      </select>
    </span></div></td>
    <td width="11%" align="center" valign="middle"><div align="center"><span class="Estilo3" style="font-size: 12pt"><span class="Estilo3" style="font-size: 12pt">
      <input name="cnt" type="text" id="cnt" value="0"  size="5" maxlength="2" />
    </span></span></div></td>
    <td width="23%" align="center" valign="middle"><input type="button" value="Add" onclick="add()" /></td>
  </tr>
</table>
<p>&nbsp;</p>

<table width="816" border="1">
<tbody id="tabla">
  <tr id="fila">
    <td width="254">Articulo Adicionado:</td>
    <td width="165">Cantidad a Pedir:</td>
    <td width="121">Precio Unitario:</td>
    <td width="121">Acumulado:</td>
    <td width="121">Accion:</td>
  </tr>
</table>

</form>
1) El problema es el siguiente... cuando yo ingreso una cantidad esta realiza las funciones correctas y multiplica la cantidad por el precio unitario monstrandolo en el acumulado... pero SOLO en la primera fila, en la segunda no aparece nada...

2) Mi segundo problema es este como hago para usar los SWITCH para cada opción de mi lista de articulos, ya que lo intente y no me funciono.

3) OPCIONAL este es un bonus que quiero meter en ves de usar un boton para eliminar las filas, quisiera usar una imagen, lo vi por ahi pero no me acuerdo creo que se insertava javascript en las etiquetas de hipervinculo..

Espero su ayuda GRACIAS
  #2 (permalink)  
Antiguo 16/09/2009, 16:30
Avatar de HiToGoRoShi  
Fecha de Ingreso: abril-2008
Mensajes: 849
Antigüedad: 16 años
Puntos: 31
Respuesta: Tabla Dinamica ayuda al ingresar valores

nadie me puede ayudar ?
  #3 (permalink)  
Antiguo 17/06/2010, 21:46
 
Fecha de Ingreso: marzo-2010
Ubicación: San Luis Potosi
Mensajes: 41
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Tabla Dinamica ayuda al ingresar valores

Lo puediste resolver? Tengo un problema parecido xD
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:26.