Utilizar funciones javascript en contenido cargado asíncronamente

[superficial]

Buenos dias, a ver si me pueden orientar. No se si el fallo viene por otro lado, y como soy bastante neófito en esto, me gustaría descartar.

Tengo una página (index.html) que carga asíncronamente otra (formulario.html) cuando se pulsa un determinado enlace. Esta página que se carga es un formulario que incluye varias llamadas a funciones javascript ante eventos de algunos de sus campos (onClick, para ser más concretos). El caso es que esas llamadas no se ejecutan. Es decir, mi código es el siguiente:

Código:

<select class="select_grande" name="select_publicidad" onChange="mostrar_otros()">

y mostrar_otros() está definida en el mismo archivo así:

Código:

function mostrar_otros()
{
  if(document.form.select_publicidad.selectedIndex == 6)
    alert("Hola");
  else
    alert("Adios");
}

El caso es que si no hago la llamada a la función y coloco directamente esto:

Código:

<select class="select_grande" name="select_publicidad" onChange='alert("Adios");'>

sí que funciona.

¿Estoy incluyendo las funciones javascript mal? En qué archivo deben ir definidas, en index.html o en formulario.html que es el que se carga asíncronamente?

Gracias de antemano. Un saludo.

[Legoltaz]

Iniciado por superficial

Buenos dias, a ver si me pueden orientar. No se si el fallo viene por otro lado, y como soy bastante neófito en esto, me gustaría descartar.

Tengo una página (index.html) que carga asíncronamente otra (formulario.html) cuando se pulsa un determinado enlace. Esta página que se carga es un formulario que incluye varias llamadas a funciones javascript ante eventos de algunos de sus campos (onClick, para ser más concretos). El caso es que esas llamadas no se ejecutan. Es decir, mi código es el siguiente:

Código:

<select class="select_grande" name="select_publicidad" onChange="mostrar_otros()">

y mostrar_otros() está definida en el mismo archivo así:

Código:

function mostrar_otros()
{
  if(document.form.select_publicidad.selectedIndex == 6)
    alert("Hola");
  else
    alert("Adios");
}

El caso es que si no hago la llamada a la función y coloco directamente esto:

Código:

<select class="select_grande" name="select_publicidad" onChange='alert("Adios");'>

sí que funciona.

¿Estoy incluyendo las funciones javascript mal? En qué archivo deben ir definidas, en index.html o en formulario.html que es el que se carga asíncronamente?

Gracias de antemano. Un saludo.

Creo que tendrías que definir las funciones en el archivo que cargas (formulario.html) con AJAX.

[GatorV]

O buscar en las FAQs esta puesta la solución de como ejecutar el contenido que viene por AJAX.

Saludos.