Problema con una funcion

tuxceno · #1 (**permalink**) 08/04/2011, 10:27

el problema que tengo es que tengo un formulario que constituye una nomina entonces creo en html inputtext del modo siguiente:

Código HTML:

Ver original[HTML]<input type="text" nombre="diastrab[]" id="diastrab[]" fncSumar() />
<input type="text" nombre="pagoxdia[]" id="pagoxdia[]" fncSumar() />[/HTML]

y el problema es que no hace la operacion y la verdad como no tengo muchos conocimientos en javascript pues me dificulta el saber cual es el problema espero me puedan ayudar.

Código Javascript:

Ver original<script type="text/javascript">
function fncSumar(c){
    campo=c.form;
    for (var i = 0; i < campo.length-1; i++) { 
    caja=document.forms["form1"].elements;
    var numero1 = Number(caja["diastrab[i]"].value);
    var numero2 = Number(caja["pagoxdia[i]"].value);
    resultado=numero1*numero2;
    if(!isNaN(resultado)){
        caja["total_pago"].value=numero1*numero2;
    }
  }
}
</script>

monxas · #2 (**permalink**) 08/04/2011, 10:47

no entiendo muy bien que hare ahi metida la funcion, pero ppara empezar, si no dices que es javascript es imposible que se ejecute.

Código HTML:

Ver original<input type="text" nombre="diastrab[]" id="diastrab[]" <script> fncSumar()</script> />
<input type="text" nombre="pagoxdia[]" id="pagoxdia[]"<script> fncSumar()</script> />

Igual que tienes las etiuquetas <script> en la definicion de la funcion, debes tenerlas en todos los codigos javascript

de todas formas no creo que ahi en medio de los inputs pinten mucho.
que puieres que pase?
Cuando quieres que pase?

Perr0 · #3 (**permalink**) 08/04/2011, 10:48

disculpa pero estas con unos errores horribles

primero los tag se escriben en estos signos <> y no corchetes []

lo otro para llamar la funcion fncSumar()

en los inputs reemplaza fncSumar() por onclick="fncSumar()"

de verdad no me atrebo a seguir mirando tu código porque ya me dio un principio de autopsia...te recomiendo que leas y te informes, para que puedas entender mas las respuestas. Si no sabes javascript hay muchos manuales que te ayudaran como www.librosweb.es.

salu2

tuxceno · #4 (**permalink**) 08/04/2011, 10:57

mira lo que pasa que los tags a los que te refieres del html pues si enverdad no es que me haya equivocado son los tagas que puse en este foro para que se viera como html por un lado por otro lado el llamado a la funcion si esta mal pero fue al escribirlo aqui en el foro por que en el codigo lo tengo como tu lo mencionas perro onclick="fncSumar()"

entonces esos 2 errores que me detectaste son mera transcripcion aqui al foro pero en codigo estoy bien el problema real es que ya no voy a obiar cosas por que las obvio suponiendo que el preblema que tengo no es tan simple pero bueno ahi va el codigo tal cual debe de ser pero sigo necesitando ayuda pues aunque esta bien escrito no me funciona.

Código Javascript:

Ver original<script type="text/javascript">
function fncSumar(c){
    campo=c.form;
    for (var i = 0; i < campo.length-1; i++) { 
    caja=document.forms["form1"].elements;
    var numero1 = Number(caja["diastrab[i]"].value);
    var numero2 = Number(caja["pagoxdia[i]"].value);
    resultado=numero1*numero2;
    if(!isNaN(resultado)){
        caja["total_pago"].value=numero1*numero2;
    }
  }
}
</script>

Código HTML:

Ver original<html>
<head></head>
<body>
<input name="diastrab[]" type="text" id="diastrab[]" size="15" onKeyUp="fncSumar()" />
<input name="pagoxdia[]" type="text" id="pagoxdia[]" size="15" onKeyUp="fncSumar()" />
</body>
</html>

Perr0 · #5 (**permalink**) 08/04/2011, 11:15

para ahorrar trabajo entendiendo lo inentendible, porque no se si obviaste el form, si existen mas inputs...bla bla bla.....
, esto es lo que quieres hacer?

Código Javascript:

Ver original<script type="text/javascript">
function fncSumar(c){
    d=document.f.diastrab;
    p=document.f.pagoxdia;  
    r=document.f.res;   
    if(!d.value || !p.value) return false;
    if(isNaN(d.value) || isNaN(p.value)) return false;
    res=d.value*p.value;
    r.value=res;
}
</script>
 
<form name="f">
<input name="diastrab" type="text" size="15" onKeyUp="fncSumar()" />
<input name="pagoxdia" type="text" size="15" onKeyUp="fncSumar()" />
<p>resultado <input name="res" type="text" size="15" readonly /></p>
</form>

salu2

tuxceno · #6 (**permalink**) 08/04/2011, 11:27

si se me olvido el form y esta bien lo que me propones pero sigue sin funcionar por que mis inputtext son diastrab[] con corches por que como son muchos o sea mira lo que hago pido el numero de trabajadores a los que se les va a pagar entonces pueden ser 10 y creo diez inputtext de diastrab[] y diez de pagoxdia[] entonces tengo un array de inputtext y el problema es que no se como ´procesar en javascript una funcion que reciba los valores del array diastrab[] y del array pagoxdia[].

ese es mi problema por que la funcion que tengo mas la que tu me estas proponiedo si funcionan para un inputtext diastrab y para un inputtext pagoxdia pero para cuando son varios ya no.

monxas · #7 (**permalink**) 08/04/2011, 12:43

mira, no puedes esribir tres lineas sin un solo punto o coma. relee tu frase sin imagenarte las pausas, proque nosotros no sabemos donde van.

Cuando tienes una duda no pongas un codigo que sabes que esta mal (me refiero a lo de onclick).

Te voy a resolver tu duda.
Si estaclaro clarinete que olvidandoceme el form pos como que no claro lo de cos corches pos son corches tu sabras que es importa pero aqui no porque esto no es lo bueno lo bueno es lo otro lo que quiero es que funcione alla claro porque aqui como que para que no como lo ven?

Entendiste algo? lo mismo entendemos nosotros (al menos yo) de lo que tu nos has puesto.
Frases cortas y claras.
Explicando que quieres hacer, que error te da y enseñando el codigo.
Ademas no reescribas el codigo, copialo. si hay fallos los localizamos.
A que asi mejor?

Perr0 · #8 (**permalink**) 08/04/2011, 12:57

disculpe tuxceno, pero hubiera sido muy preferible que te hubieras dado un "pequeño" esfuerzo en postear...

no porque postee aquí no tengo cosas que hacer...asi que esfuerzate en redactar y escribir bien...minímo no crees.

ahora a lo tuyo......

el código de abajo no coloque id ni names, para que entiendas como funciona, tu se los puedes agregar con los arrays para recogerlos con POST o GET o como quieras...espero te sirva

Código Javascript:

Ver original<script type="text/javascript">
function fncSumar(objeto,x){
    if(x==1){
        d=objeto;
        do
        objeto=objeto.nextSibling;
        while(objeto.type!="text");
        p=objeto;
    }else if(x==-1){
        p=objeto;
        do
        objeto=objeto.previousSibling;
        while(objeto.type!="text");
        d=objeto;
    }
    objeto=p;   
    do
    objeto=objeto.nextSibling;
    while(objeto.tagName!="INPUT");
    r=objeto;
    if(!d.value || !p.value) return false;
    if(isNaN(d.value) || isNaN(p.value)) {
        r.value="";
        return false;
    }
    res=d.value*p.value;
    r.value=res;
}
 
</script>

Código HTML:

Ver original<form name="f">
<form name="f">
<input type="text" size="15" onKeyUp="fncSumar(this,1)" />
<input type="text" size="15" onKeyUp="fncSumar(this,-1)" />
resultado <input type="text" size="15" readonly /><br />
<input type="text" size="15" onKeyUp="fncSumar(this,1)" />
<input type="text" size="15" onKeyUp="fncSumar(this,-1)" />
resultado <input type="text" size="15" readonly /><br />
<input type="text" size="15" onKeyUp="fncSumar(this,1)" />
<input type="text" size="15" onKeyUp="fncSumar(this,-1)" />
resultado <input type="text" size="15" readonly /><br />
<input type="text" size="15" onKeyUp="fncSumar(this,1)" />
<input type="text" size="15" onKeyUp="fncSumar(this,-1)" />
resultado <input type="text" size="15" readonly /><br />
<input type="text" size="15" onKeyUp="fncSumar(this,1)" />
<input type="text" size="15" onKeyUp="fncSumar(this,-1)" />
resultado <input type="text" size="15" readonly />
</form>

salu2

NOTA: lo que dice monxas verdad, tómalo como crítica constructiva

tuxceno · #9 (**permalink**) 08/04/2011, 12:58

atendiendo a lo que mencionas, bueno pues voy a tratar de ser mas explicito y poner la puntuacion necesaria para que sea mas entendible lo que quiero expresar.
bueno el problema que tengo es que teno una array dinamico de inputtext en una pagina html los cuales se crean mediante un bucle for(), dependiedo de cuantos quiera el usuario.
el detalle es que necesito que si el usuario pone en el primer inputtext diastrab[1]=5, y en el primer inputtext pagoxdia[]=10 que en inputtext total_pago[1]=50 pero en tiempo real.
y con el codigo que les muestro no funciona. el problema esta en que no se procesar el array de valores en javascript creo yo.

Código HTML:

Ver original<script type="text/javascript">function fncSumar(c){
    campo=c.form;
    for(var i=0;i < campo.length-1;i++){
     d=document.form1.diastrab[i];
     p=document.form1.pagoxdia[i];
     //r=document.form1.total_pago[i];
     if(!d.value || !p.value) return false;
     if(isNaN(d.value) || isNaN(p.value)) return false;
         res=d.value*p.value;
        document.form1.total_pago[i]= r.value;
    }
}
 </script>

Código HTML:

Ver original<!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>
<link href="file:///C|/xampp/htdocs/interprog/listado_mat.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<form id="form1" name="form1" method="POST" action="">
<input name="diastrab[]" type="text" id="diastrab[]" size="6" class="validate-integer" onKeyUp="fncSumar(this)"/>
<input name="pagoxdia[]" type="text" id="pagoxida[]" size="6" class="validate-float" onKeyUp="fncSumar(this)"/>
<input type="text" name="total_pago[]" id="total_pago[]" />
</form>
</body>
</html>

Perr0 · #10 (**permalink**) 08/04/2011, 13:03

una página con la demo
http://perr0.netii.net/exs/multimultiplicacion/

tuxceno · #11 (**permalink**) 08/04/2011, 14:00

Gracias perro eso es exactamente lo que necesito lo unico que no entiendo son los parametros que lleva la funcion fncSumar(this,1)"
fncSumar(this,-1)"

pero por lo demas esta excelente paraceme que ya entendi lo de los parametros, 1, -1 te sirven para idetificar quien envia el valor a la funcion javascript.

te agradezco bastante voy a tratar de adaptarlo.

tuxceno · #12 (**permalink**) 08/04/2011, 14:12

Una pregunta mas a perr0 oye y puedo anexarle el nombre al inputtext ya que necesito almacenar en una bd de mysql lo que contenga cada inputtext

Perr0 · #13 (**permalink**) 08/04/2011, 20:45

asi es tuxeno, lo deje sin nombre y id para que "tu jueges",

ahi colocas esos name="nombre[]"

para despues capturarlos como un array.

lo habia escrito con anterioridad...

salu2