Foros - AJAX - multiplicar con ajax

MYGNET: http://www.mygnet.net/index.php [Imprimir | Cerrar vista de impresión]

Inicio | Foros | AJAX | Multiplicar con ajax

Multiplicar con ajax

2 respuestas para esta pregunta

multiplicar con ajax

Por art33 , Martes 12 de agosto de 2008 a las 13:32

hola a todos necesito hacer que 2 campos se multipliken en ajax, sin boton... simplemente escribir los numeros en "num1" y "num2" y mostrarlos al poner tab, me explico? desde ya gracias!!!!!!

<!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>Test</title>
<link media="screen" type="text/css" href="estilo.css" rel="stylesheet" />
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
</head>
<body>
<div class="tddd">
  <p> </p>
  <p> </p>
  <p> </p>
</div>
<p> </p>
<p> </p>
<p> </p>
<table width="63%" height="437" border="0"  align="center" cellpadding="0" cellspacing="0">
  <td height="114" align="center" valign="middle"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td height="20" colspan="5" align="center" background="images/bg.JPG" bgcolor="#EBE9ED"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="2">Pedidos</font></td>
    </tr>
    <form name="formulario" action="">
      <!--Pidiendo y mostrando datos de Cliente!!!-->
    </form>
    <td width="97" align="right" bgcolor="#EBE9ED" class="td"><span class="Estilo3">Cliente:</span> </td>
            <td width="144" bgcolor="#EBE9ED"><input type="text" id="customer" class="input" onchange="RecuperaDescripcion(this.id,this.value,'Custno','Name','datos_cliente')"/>
      </td>
      <td width="601" align="left" bgcolor="#EBE9ED" class="td"><div id="datos_cliente" style="font-size:12px"></div></td>
    <tr>
      <!--Pidiendo y mostrando datos de ALMACEN!!!-->
      <td align="right" bgcolor="#EBE9ED" class="td"><span class="Estilo3">Almacen: </span></td>
      <td align="left" bgcolor="#EBE9ED"><input type="text" id="warehouse" class="input" onchange="RecuperaDescripcion(this.id,this.value,'Whscode','Address','datos_almacen')"/></td>
      <td width="601" align="left" bgcolor="#EBE9ED" class="td"><div id="datos_almacen" style="font-size:12px"></div></td>
    </tr>
    <tr>
      <!--Pidiendo y mostrando datos de ENTIDAD!!!-->
      <td align="right" bgcolor="#EBE9ED" class="td"><span class="Estilo3">Entidad: </span></td>
      <td align="left" bgcolor="#EBE9ED"><input type="text" id="entity" class="input" onchange="RecuperaDescripcion(this.id,this.value,'Entitycode','Name','datos_entidad')"/></td>
      <td width="601" align="left" bgcolor="#EBE9ED" class="td"><div id="datos_entidad" style="font-size:12px"></div></td>
    </tr>
    <tr>
      <!--Pidiendo y mostrando datos de MONEDA!!!-->
      <td width="97" align="right" bgcolor="#EBE9ED" class="td"><span class="Estilo3">Moneda: </span></td>
      <td width="144" align="left" bgcolor="#EBE9ED"><input type="text" id="currency" class="input" onchange="RecuperaDescripcion(this.id,this.value,'Currencycod','Description','datos_moneda')"/></td>
      <td width="601" align="left" bgcolor="#EBE9ED" class="td"><div id="datos_moneda" style="font-size:12px"></div></td>
    </tr>
  </table></td>
  </tr>
  <tr>
    <td height="272" align="center" valign="top"><table width="791" height="135" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="24" align="center" background="images/bg.JPG"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="2">Lineas de Pedidos</font></td>
      </tr>
      <tr>
        <td width="100%" height="100%" bgcolor="#FFFFFF" class="td2"><div style="overflow:auto; width:100%; height:100%; FLOAT: right; OVERFLOW-X: 100%; OVERFLOW-Y:100%; OVERFLOW: scroll; WIDTH: 100%; height:100%; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #FFF; HEIGHT: 194">
          <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="1" bordercolor="#B1C3D9" bgcolor="#EBE9ED">
            <tr>
              <th background="images/bginp.jpg" scope="col"><span class="Estilo4">Producto</span></th>
              <th background="images/bginp.jpg" class="Estilo4" scope="col">UDM</th>
              <th background="images/bginp.jpg" class="Estilo4" scope="col">Descripcion</th>
              <th background="images/bginp.jpg" class="Estilo4" scope="col">Existencia</th>
              <th background="images/bginp.jpg" class="Estilo4" scope="col">Zona</th>
              <th background="images/bginp.jpg" class="Estilo4" scope="col">Precio</th>
              <th background="images/bginp.jpg" class="Estilo4" scope="col">Cantidad</th>
              <th background="images/bginp.jpg" class="Estilo4" scope="col">Importe</th>
            </tr>
              <th width="50" height="12" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> <input type="text" id="Item" class="input" style="width:57px; height:14px" onchange="RecuperaDescripcion(this.id,this.value,'Itemno','Description','datos_articulo')"/>              </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><div id="datos_udm1" style="font-size:12px"></div></th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><div id="datos_articulo" style="font-size:12px"></div></th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><div id="datos_ext1" style="font-size:12px"></div></th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><div id="datos_zon1" style="font-size:12px"></div></th>
              <th width="85" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><input type="text" name="num1" id="num1" class="input" style="width:85px; height:14px"/>
              <th width="85" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><input type="text" name="num2" id="num2" class="input" style="width:85px; height:14px"/></th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><div style="font-size:12px"></div>
                      <div id="datos_v1" style="font-size:12px"></div></th>
              <tr>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
            </tr>
            <tr>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
            </tr>
            <tr>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
            </tr>
            <tr>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
            </tr>
            <tr>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
            </tr>
            <tr>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
            </tr>
            <tr>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
            </tr>
            <tr>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
            </tr>
            <tr>
              <th height="21" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"> </th>
              <th colspan="2" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"></th>
            </tr>
          </table>
        </div></td>
      </tr>
    </table></td>
  </tr><table width="100%" height="45" border="0" cellpadding="0" cellspacing="0">
    <tr>
    </table></td>
  <td height="51" align="center" valign="middle"></tr>
    <table width="100%" border="1">
      <tr>       
      </tr>
    </table>  
</table>
</body>
</html>

Cerrar | Editar | Responder

1.- Multiplicar en AJAX

Por jluis , Jueves 21 de agosto de 2008 a las 13:15

Tu codigo es demasiado asi que no me tome la molestia de revisarlo.

Bueno no se si realmente es lo que quieres hacer pero te puede servir

Crear una funcion javascript
function Sumar()
{
var n1 = document.getElementById("input_text1").value;
var n2 = document.getElementById("imput_text2").value;
document.getElementById("div_o_span").innerHtml = n1*n2;
}

En tu codigo html asocias el evento onblur del segundo
input text ("input_text2") de la siguiente manera

<input type="text" id="input_text1" />
<input type="text" id="input_text2" onblur="Sumar();" />

con esto al perder el foco el segundo control
se llamara a la funcion javascript y te hara la suma

Espero te funcione si no veremos alguna otra solucion

Editar | Citar | Responder

2.- Correccion

Por jluis , Jueves 21 de agosto de 2008 a las 13:17

.....se llamara a la funcion javascript y te hara la suma

Espero te funcione si no veremos alguna otra solucion[/quote]

Perdon es dije suma y esmultiplicacion

Editar | Citar | Responder

Ingreso

Últimos registrados

  eltenaza
  fredyedgar
  rbdul
  zupra
  veco
  deliacristinacruz
  coimaya
  kruspe
  jpenagos
  betty10

Estadísticas

Seleccionar Navegadores

¿Más sobre ti?

¿Cuantos años tienes?
¿Eres...?
Tu correo?

¿En que te desempeñas actualmente?

Saber más de ti nos ayudara a construir una comunidad más de acuerdo a tus necesidades.

El pueblo no renuncia nunca a sus libertades sino bajo el engaño de una ilusión.
( Edmund Burke - 1729-1797. Político y escritor irlandés.)

MyGnet © Agosto 2005 - Marzo 2010, My Group Net - La comunidad de programación

usuario
contraseña