ejecutar funcion al cargar pagina

[jmg1189]

hola a todos

tal vez sea una pregunta tonta, pero es qu apenas comienzo a manejar javascript.
BUeno, mi pregunta es la siguiente. tengo una función javascript que se ejecuta en el evento onchange en algunas cajas de texto asi;

Código Javascript:

function calculo_imp(total,vrdcto1,dcto1,totalD1,vriva1,iva1,vrretefuente1,retefuente1,vrica1,reteica1,totalG1){
                if(total.==""){  total.value=0; }
                if(vrdcto1==""){  vrdcto1.value=0; }
                if(dcto1==""){  dcto1.value=0; }
                var Dcto = (parseFloat(total)*parseFloat(vrdcto1))/100;
                if(Dcto==''){  Dcto.value=0; }
                dcto1.value=(Dcto).toFixed(2);
                totalD1.value=(parseFloat(total)-dcto1.value).toFixed(2);
                if(totalD1==""){  totalD1.value=0; }
                if(vriva1=="") { vriva1.value=0; }
                if(iva1==""){ iva1.value=0; }
                var iva =(totalD1.value*parseFloat(vriva1))/100;
                iva1.value=(iva).toFixed(2);
                if(vrretefuente1==""){  vrretefuente1.value=0; }
                if(retefuente1==""){  retefuente1.value=0; }
                var retefuente =(totalD1.value*parseFloat(vrretefuente1))/100;
                retefuente1.value = (retefuente).toFixed(2);
                if(vrica1=="") { vrica1.value=0; }
                if(reteica1=="") { reteica1.value=0; }
                reteica1.value=((totalD1.value*parseFloat(vrica1))/100).toFixed(2);
                if(totalG1==""){ totalG1.value=0; }
                totalG1.value=(parseFloat(totalD1.value)+parseFloat(iva1.value)-parseFloat(retefuente1.value)-parseFloat(reteica1.value)).toFixed(2);
            }
 

ésta me funciona bien, lo que me gustaría saber, es como hago para que al cargar la pagina, ésta función se ejecute. He leido que se puede llamar una función en usando

Código Javascript:

$(document).ready(function(){ calculo_imp(); })
 

y lo intenté así, pero no funciona, no sé si sea por los parametros y no encuentro mucha información, podrían ayudarme?

gracias.

[ZedGe1505]

No te funciona por que a calculo_imp() no les estas pasando los parámetros que necesita..

calculo_imp() es una función distinta a calculo_imp(total,vrdcto1,dcto1,totalD1,vriva1,iva 1,vrretefuente1,retefuente1,vrica1,reteica1,totalG 1)

[Alexis88]

Lo que sospechas tiene mucho sentido. Si no le pasas los argumentos a la función, ¿cómo esperas a que opere con ellos?

Y como alternativa a jQuery, también puedes ejecutar la función delegando el evento DOMContentLoaded al documento:

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    calculo_imp(/* Argumentos */);
}, false);
 

Un saludo

[ZedGe1505]

Iniciado por Alexis88

Lo que sospechas tiene mucho sentido. Si no le pasas los argumentos a la función, ¿cómo esperas a que opere con ellos?

Y como alternativa a jQuery, también puedes ejecutar la función delegando el evento DOMContentLoaded al documento:

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    calculo_imp(/* Argumentos */);
}, false);
 

Un saludo

=O y que ganas??
Cual es la diferencia con $(document).ready()?

[jmg1189]

SI, la verdad es que soy algo novato jeje.
estos parametros son los ids de las cajas de texto, entonces por ejemplo podría hacerlo así?

Código Javascript:

$(document).ready(function(){ calculo_imp("#total", "#vrdcto"); })
 

Así estan bien indicados los ID de las cajas de texto, o se debe hacer sin comillas?

Y gracias por las prontas respuestas (Y)

[ZedGe1505]

Debes leer de js xD

Si quieres leer los valores de tus cajas debes hacerlo así

Código Javascript:

$(document).ready(function(){ calculo_imp(); })
 

Código Javascript:

function calculo_imp(){
             var valor1 = $("#IDCAJADETEXTO").val();
             alert(valor1);
            }
 

Te dejo un link http://www.anerbarrena.com/jquery-val-4648/

[jmg1189]

Iniciado por ZedGe1505

Debes leer de js xD

Si quieres leer los valores de tus cajas debes hacerlo así

Código Javascript:

$(document).ready(function(){ calculo_imp(); })
 

Código Javascript:

function calculo_imp(){
             var valor1 = $("#IDCAJADETEXTO").val();
             alert(valor1);
            }
 

Te dejo un link [url]http://www.anerbarrena.com/jquery-val-4648/[/url]

gracias por tu respuesta, y si debo leer jeje, investigo pero no entiendo mucho.

mira, segun lo que tu me dices, lo hice de la siguiente forma;

Código Javascript:

$(document).ready(function(){ 
                var total = $("#total").val(); var vrdcto = $("#vrdcto").val(); var dcto = $("#dcto").val();
                var totalD = $("#totalD").val(); var vriva = $("#vriva").val(); var iva = $("#iva").val();
                var vrretefuente = $("#vrretefuente").val(); var retefuente = $("#retefuente").val();
                var vrica = $("#vrica").val(); var reteica = $("#reteica").val(); var totalG = $("#totalG").val();
                calculo_imp(total,vrdcto,dcto,totalD,vriva,iva,vrretefuente,retefuente,vrica,reteica,totalG); })
 

pero aún no se ejecuta al cargar la pagina, que puede ser?.

[Alexis88]

Iniciado por ZedGe1505

=O y que ganas??
Cual es la diferencia con $(document).ready()?

La diferencia está en cargar toda una librería para hacer algo que en dos o tres líneas también se puede.

[Alexis88]

jmg1189, si vas a usar esa función para obtener solo los valores de esos elementos, entonces, tómalos directamente sin utilizar argumentos que serían innecesarios, pero si piensas reutilizar la función con otros elementos, entonces, conserva los argumentos.

Un saludo

[jmg1189]

Si, lo que pasa es que uso la función en varias cajas, cada que en una de dichas cajas cambia, llama la funcion y me altera los valores de las demas cajas, la idea era que la función se cargara al iniciarl el formulario sin necesidad de ir y cambiar un valor en alguna caja para que calcule, pero la verdad no sé como hacerlo. investigo pero la verdad no encuentro como.

[Alexis88]

Básicamente tienes que pasarle los argumentos a la función, recibirlos en ella y tomar a los elementos:

Código Javascript:

function calculo_imp(total, vrdcto1, dcto1, totalD1, vriva1, iva1, vrretefuente1, retefuente1, vrica1, reteica1, totalG1){
    var Total = document.querySelector(total).value,
        Vrdcto1 = document.querySelector(vrdcto1).value,
        Dcto1 = document.querySelector(dcto1).value,
        TotalD1 = document.querySelector(totalD1).value,
        Vriva1 = document.querySelector(vriva1).value,
        Iva1 = document.querySelector(iva1).value,
        Vrretefuente1 = document.querySelector(vrretefuente1).value,
        Retefuente1 = document.querySelector(retefuente1).value,
        Vrica1 = document.querySelector(vrica1).value,
        Reteica1 = document.querySelector(reteica1).value,
        TotalG1 = document.querySelector(totalG1).value;
}
 

La llamada a la función tendría esta forma:

Código Javascript:

calculo_imp("id del campo total", "id del campo vrdcto1", /* el resto de argumentos */);
 

Y para ejecutarla al cargar la página, basta con hacerlo como te lo indiqué en mi primera respuesta:

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    calculo_imp("id del campo total", "id del campo vrdcto1", /* el resto de argumentos */);
}, false);
 

Una vez tomados los valores de cada elemento, puedes proceder a operar con ellos. Como presumo que son valores numéricos por las operaciones que realizas, deberás de aplicarles los métodos de conversión necesarios, como parseFloat que veo que usas en algunas líneas.

Un saludo

[jmg1189]

gracias por tus respuestas, mira, lo intenté así

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
                calculo_imp("#total","#vrdescuento","#descuento","#totalD","#vriva","#iva","#vrretefuente","#retefuente","#vrica","#reteica","#totalG");
            }, false);
 

ubicando los ids de las cajas al llamar la función, pero igual no funcionó.

la función la modifiqué así, y ahora no funciona jeje.

Código Javascript:

function calculo_imp(total1,vrdcto1,dcto1,totalD1,vriva1,iva1,vrretefuente1,retefuente1,vrica1,reteica1,totalG1){
                 var total = document.querySelector(total).value,
                vrdcto1 = document.querySelector(vrdescuento).value,
                dcto1 = document.querySelector(descuento).value,
                totalD1 = document.querySelector(totalD).value,
                vriva1 = document.querySelector(vriva).value,
                iva1 = document.querySelector(iva).value,
                vrretefuente1 = document.querySelector(vrretefuente).value,
                retefuente1 = document.querySelector(retefuente).value,
                vrica1 = document.querySelector(vrica).value,
                reteica1 = document.querySelector(reteica).value,
                totalG1 = document.querySelector(totalG).value;
                if(total1==""){ total1.value=0; }
                if(vrdcto1==""){ vrdcto1.value=0; }
                if(dcto1==""){ dcto1.value=0; }
                var Dcto = (parseFloat(total1)*parseFloat(vrdcto1))/100;
                if(Dcto==''){ Dcto.value=0; }
                dcto1.value=(Dcto).toFixed(2);
                totalD1.value=(parseFloat(total1)-dcto1.value).toFixed(2);
                if(totalD1==""){ totalD1.value=0; }
                if(vriva1=="") { vriva1.value=0; }
                if(iva1==""){ iva1.value=0; }
                var iva2 =(totalD1.value*parseFloat(vriva1))/100;
                iva1.value=(iva2).toFixed(2);
                if(vrretefuente1==""){  vrretefuente1.value=0; }
                if(retefuente1==""){  retefuente1.value=0; }
                var retefuente2 =(totalD1.value*parseFloat(vrretefuente1))/100;
                retefuente1.value = (retefuente2).toFixed(2);
                if(vrica1=="") { vrica1.value=0; }
                if(reteica1=="") { reteica1.value=0; }
                reteica1.value=((totalD1.value*parseFloat(vrica1))/100).toFixed(2);
                if(totalG1==""){ totalG1.value=0; }
                totalG1.value=(parseFloat(totalD1.value)+parseFloat(iva1.value)-parseFloat(retefuente1.value)-parseFloat(reteica1.value)).toFixed(2);
            }
 

Creo que mejor busco otra forma de hacerlo porque no supe como más hacerlo.

[Alexis88]

Fíjate en la manera en la que estás intentando tomar a los elementos y realizar las operaciones. Estás utilizando los argumentos para almacenar valores en lugar de usarlos para tomar a los elementos que es lo que deberías hacer ya que dichos argumentos son los identificadores de los campos de texto. Incluso en la primera línea intentas tomar a un elemento con el argumento total que no existe ya que tu primer argumento es total1, sin embargo, en el código original era total.

Revisa con calma cada línea y haz las correcciones respectivas.

[jmg1189]

Iniciado por Alexis88

Revisa con calma cada línea y haz las correcciones respectivas.

ok, muchas gracias por tu ayuda, revisaré a ver si logro hacerlo funcionar.

[andrinson]

Si lo que quieres es que se ejecute solo al terminar la carga de la web necesitas menter todo en lo siguiente window.onload = function() {
//aquí metes todo
}

[jmg1189]

Iniciado por andrinson

Si lo que quieres es que se ejecute solo al terminar la carga de la web necesitas menter todo en lo siguiente window.onload = function() {
//aquí metes todo
}

hola, gracias por tu respuesta. Lo que necesito es que pueda invocar la función en el eventoonchange de cada caja y ademas que al iniciar la pagina se ejecute la función. en las cajas me funciona bien al invocar la funcion, pero no pude hacer que pésta también se ejecute al cargar o recargar pagina.

[jmg1189]

Iniciado por Alexis88

Revisa con calma cada línea y haz las correcciones respectivas.

Tal vez a alguien le pueda servir, pude solucionarlo modificando la función y así me quedó:

Código Javascript:

function calculo_impu(){
                var total = $("#total").val(), descuento = $("#descuento").val(), vrdescuento = $("#vrdescuento").val(),
                totalD = $("#totalD").val(), vriva = $("#vriva").val(), iva = $("#iva").val(),
                vrretefuente = $("#vrretefuente").val(), retefuente = $("#retefuente").val(), vrica = $("#vrica").val(),
                reteica = $("#reteica").val(), totalG = $("#totalG").val();
                if(total==""){ total.value=0; }
                if(descuento==""){ descuento.value=0; }
                var Dcto = ((parseFloat(total)*parseFloat(descuento))/100).toFixed(2);
                if(Dcto==''){ Dcto.value=0; }
                $("#vrdescuento").val(Dcto);
                var totalD1=(parseFloat(total)-Dcto).toFixed(2);
                $("#totalD").val(totalD1);
                if(vriva=="") { vriva.value=0; }
                if(iva==""){ iva.value=0; }
                var iva1 =((totalD1*parseFloat(vriva))/100).toFixed(2);
                $("#iva").val(iva1);
                if(vrretefuente==""){  vrretefuente.value=0; }
                if(retefuente==""){  retefuente.value=0; }
                var retefuente1 =((totalD1*parseFloat(vrretefuente))/100).toFixed(2);
                $("#retefuente").val(retefuente1);
                if(vrica=="") { vrica.value=0; }
                if(reteica=="") { reteica.value=0; }
                var reteica1=((totalD1*parseFloat(vrica))/100).toFixed(2);
                $("#reteica").val(reteica1);
                if(totalG==""){ totalG.value=0; }
                var totalG1=(parseFloat(totalD1)+parseFloat(iva1)-parseFloat(retefuente1)-parseFloat(reteica1)).toFixed(2);
                $("#totalG").val(totalG1);
            }
            $(document).ready(function(){
                calculo_impu();
            });
 

al final invoco la función cada que a pagina se recargue.
Gracias a todos por su ayuda.

[Alexis88]

Como ya no utilizas argumentos, puedes colocar solo el nombre:

Código Javascript:

$(document).ready(calculo_impu);
 

Un saludo