problema al hacer una referencia a una funcion.

[margaro]

trato de llamar a una funcion en javascript en el evento onclick de un boton:

Código HTML:

<input type="button" value="..." name="grid" onload="cargarTabla();"> 

luego en un archivo .js tengo lo siguiente:

Código:

window.onload=function(){
   function cargarTabla(){
       .................
  }
}

pero al hacer esto en firebug me da el siqguiente error: "cargarTabla is not defined".

si pongo la funcion fuera del window.onload si funciona asi:

Código:

function cargarTabla(){
       .................
  }

window.onload=function(){
   }

lo cierto es que necesito(creo que no viene al tema el explicar porque), que esta funcion este dentro del window.onload, necesito que toda la pagina HTML este cargada. ¿se puede hacer lo que necesito?

[laratik]

y que tal si haces:

Código Javascript:

function cargarTabla(){
       .................
  }
 
window.onLoad = cargarTabla;
 

[margaro]

ups!!! disculpa me equivoque en el codigo html, copie y pegue algo que estaba probando.... es este

Código HTML:

<input type="button" value="..." name="grid" onclick="cargarTabla();"> 

(asi no me funciona).

[Maracanaido]

No puedes llamar a una función si no está declarada fuera del evento.

Puedes hacer esto:

Código Javascript:

window.onload = cargarTabla;
 
function cargarTabla () {
................
}
 

Y en el html:

Código HTML:

<input type="button" value="..." name="grid" onclick="cargarTabla();">
 

O bien...

Código Javascript:

window.onload = cargarTabla;
document.getElementById("btCargarTabla").onclick = cargarTabla;
 
function cargarTabla () {
...............
}
 

Y en el html:

Código HTML:

<input type="button" value="..." name="grid" id="btCargarTabla">
 

[laratik]

Iniciado por Maracanaido

Puedes hacer esto:

Código Javascript:

window.onload = cargarTabla;
 
function cargarTabla () {
................
}
 

¿que diferencia hay entre eso y lo que yo coloque?

Código Javascript:

function cargarTabla(){
    .................
  }
 
 
window.onLoad = cargarTabla;
 

Voy a explicar el error de hacer esto:

Código Javascript:

window.onload=function(){
   function cargarTabla(){
       .................
  }
}
 

Resulta que estas declarando la función cargarTabla dentro de una función anonima, eso quiere decir que el alcance de cargarTabla se restringe solo a esa función anonima.... piensa un poco en POO, claro que javascript no sigue un paradigama orientado a objetos, pero es muy parecido.

En conclusión la función cargaTablas solo puede ser llamada dentro de la función anonima, no se si me hice entender.

[Maracanaido]

Iniciado por laratik

¿que diferencia hay entre eso y lo que yo coloque?

Ninguna, por eso le contesto al creador del tema que parece que no se ha enterado y no a ti.

[laratik]

Iniciado por Maracanaido

Ninguna, por eso le contesto al creador del tema que parece que no se ha enterado y no a ti.

No hay problema , es más creo que si hay diferencia, es más eficiente que primero escribas la función y luego la llames (tal vez sea un purista, pero empece a programar con C++).

[margaro]

gracias por sus respuestas problema solucionado!!!