Ordenar, acumular y guardar en la bd ordenados!!!

[charly163]

LA VERDAD "NSD" IMPRESIONANTE LO RAPIDO Q CONTESTEASTE, YO HUBIERA TARDADO AÑOS EN ESCRIBIR TODO ESO!!. BUENO PARA CONTESTAR A pablo_exeg, UNA DE MIS DUDAS ES ESA, DE COMO GUARDAR EL CONTENIDO LO Q GENERE DINAMICAMENTE Y PASARLO A PHP,PARA DESPUES GUARDARLO EN LA BD. PONGO EL CODIGO.

Código:

var m1=0;
var orden=1;
var monto=0;
var pro=0;
var caras=0;
var expes=0;
var anios=0;

function calcula()
{
    	//aca empieza a chequear si el expte lo puso bien
	caras=caract.value;
	expes=num.value;
	anios=anio.value;
    
        	
	if( caras == null || caras.length == 0 )
       {alert("FALTA LA CARACTERISTICA DEL EXPEDIENTE");}
	if( expes == null || expes.length == 0 )
       {alert("FALTA EL EXPEDIENTE");}	
	if( anios == null || anios.length == 0 )
      {alert("FALTA EL AÑO DEL EXPEDIENTE");}   
 	if (anios.length !=4)
	{
		alert("EL AÑO DEBE TENER 4 DIGITOS");
		anio.value="";
	} 
	//aca termina de chequear si el expte lo puso bien
    
monto=montos.value;//guardo el valor del input
if (isNaN(monto))
{ 
 alert("NO ES UN NUMERO");
 montos.value="";//lo borro
 exit;
}
if( monto == null || monto.length == 0)
{
    alert("CAMPO VACIO");
    montos.value="";//lo borro
 exit;
}




monto=parseFloat(monto);//lo parseo
 m1=parseFloat(m1);//parseo el acumulador
// m1=m1.toFixed(2);
m1=m1+monto;//voy acumulando el input del monto
montos.value="";//lo borro
pro=programa.options[programa.selectedIndex].value;//guardo el valor de los seleccionado en el select
document.getElementById('aca').innerHTML = m1;//guardo en la etiqueta "aca" el valor del acumulador



var linea=document.getElementById('distribucion');//guardo la referncia de la linea
var ultima=linea.rows.length;//obtengo la cantidad de celdas de la fila
var row=linea.insertRow(ultima);//inserto 1 fila 

var celda1=row.insertCell(0);//inserto 1 fila
var celda2=row.insertCell(1);//inserto 1 fila
var celda3=row.insertCell(2);//inserto 1 fila

celda1.innerHTML=pro;//pongo el destino en la celda
celda2.innerHTML=monto;//pongo el monto en la celda
celda3.innerHTML="<input class='medium green' type='button' value='Eliminar' onclick='eliminarUsuario(this)'>";//pongo el boton eliminar

return false;
}

function eliminarUsuario(obj)
{
var oTr = obj;
while(oTr.nodeName.toLowerCase()!='tr')
{
oTr=oTr.parentNode;
}
var d=oTr.childNodes[1].innerHTML;
var root = oTr.parentNode;
root.removeChild(oTr);
m1=m1-d;
document.getElementById('aca').innerHTML = m1;
}

Y ACA EL ARCHIVO PHP

Código:

<table id="tablaUsuarios" border="2" name="tablaprog" >
<tbody><tr style="text-align: center;" id="fila">
	<td style="width: 268px; text-align: center;">Programa</td>
	<td style="width: 331px; text-align: center;">Monto</td>
	<td style="width: 338px; text-align: center;">Acciones</td>
</tr>
<tr>
	<td style="width: 268px; text-align: left;">	<!--aca va el select inteligente-->
    
	<select class="fancy" name="programa" id="sel">
<?php 
//$cone=mysql_connect("localhost","charly163","charly") or die("mal la conexion");
//mysql_select_db("prueba",$cone) or die("mal la base");
include_once('cone.php');
Conectate();
$cons=mysql_query("select idprograma,programa from programa");
while($r=mysql_fetch_array($cons))
{
  echo "<option class='fancy' value='$r[programa]'>$r[idprograma] | $r[programa]</option>";  
}
?>
	</select></td>
	<td style="width: 331px; text-align: center;"><input id="text1" name="montos" type="text"></td>
	<td style="width: 338px;"><input class="small orange" onclick="calcula()" value="Calcula" type="button"><input class="small pink" onclick="" value="Graba" type="button"><a class="button pop" href="#ABAJO">Abajo</a></td>
</tr>
</tbody></table>
</div>
<!--</form>-->

<!-- HR.alt2 -->
<hr class="alt2">
<!-- /HR.alt2 -->

<!-- Tabla para mostrar monto de la preliminar -->
<table>
<tbody><tr>
	<td style="width: 388px; text-align: right;"><span style="font-weight: bold;">MONTO TOTAL</span><br> </td>
	<td style="width: 155px; text-align: center; font-weight: bold;" id="aca"><br></td>
	<th style="width: 390px;">MONTO TOTAL<br></th>
       </tr>
</tbody>
</table>
<!-- /Tabla para mostrar monto de la preliminar -->


<!-- HR.alt1 -->
<hr class="alt1">

  
  <!-- Pestañas con distribucion y mas opciones -->
<ul class="tabs center">
<li><a href="#tabc1">Resultado de la distribucion</a></li>
<li><a href="#tabc2">Realizar Minuta</a></li>
<li><a href="#tabc3">Realizar OP</a></li>
</ul>

<div id="tabc1" class="tab-content">
   <table class="sortable" id="distribucion">
     <thead>
        <tr><th>PROGRAMA</th> <th>MONTO</th><th>ACCIONES</th></tr>
     </thead>
    <tbody>
        <tr id="linea"><td id="destino"></td><td id="plata"></td><td></td></tr>
     <!--   <tr><td>Joshua</td>	<td>4325.63</td>	<td><a href=""><span class="icon large pink" data-icon="T"></span></a></td></tr>
        <tr><td>Peter</td><td>5698.44</td>	<td><a href=""><span class="icon large pink" data-icon="T"></span></a></td></tr>
        <tr><td>Mary</td><td>7654.82</td><td><a href=""><span class="icon large pink" data-icon="T"></span></a></td></tr>
        <tr><td>Gretty</td><td>6732.85</td><td><a href=""><span class="icon large pink" data-icon="T"></span></a></td></tr>-->
     </tbody>
   </table>
</div>
<div id="tabc2" class="tab-content">Tab2 has an icon.</div>
<div id="tabc3" class="tab-content">Tab3</div>

HASTA ACA LLEGUE CON MUCHAS DIFICULTADES PARA HACER ESTO.