ejecutar funcion en html cargado dinamicamente

[lvfp]

Hola:

Tengo el siguiente problema:

Tengo una web que carga htmls en un div contenedor, la mayoría con botones que en lazan otros html mediante un evento click en el mismo div contenedor.

Los eventos funcionan bien, pero si cargo un html que consta de un body en el que se ejecuta una función que se encarga de crear el contenido, no funciona.

He probado con un callback pero lo que hace es que después de cargar el html en vez de generar el contenido en el div contenedor lo que hace es sustituir toda la página por el contenido generado.

No sé si me he explicado bien.

Gracias.

[abrahamhs]

Tienes un div, ese div esta en un body, no??

Luego cargas un html que tiene un body??

Bueno eso es lo que yo entiendo, creo que por obvias razones (2 body) muere.

[lvfp]

Hola, gracias.

No, no es eso, mi archivo html sólo tiene el div contenedor, lo necesito así por cuestiones de navegación (es una app híbrida).

s8.html:

Código HTML:

<div class="hoy">
 
</div>
 

Hay una función llamada "cargarsec" que se encarga de cargar con ajax los distintos html y controlar la navegación

Tengo una función choy():

Código Javascript:

function choy(){
 
for (i=0;i<xmll.length;i++){
    <!--si es el mismo mes-->
        if (matr[i][3]==ahmes){
        <!--si es el mismo día-->
            if (matr[i][4]==ahdia & matr[i][5]>5 | matr[i][4]==ahdia+1 & matr[i][5]<5){
                document.write("<div class='" + matr[i][0] + "'></div>");
                document.write("<ul>");
                document.write("<li><span  class='resaltado2'>Evento:</span> " + matr[i][1] + "</li>");
                document.write("<li><span  class='resaltado2'>Lugar:</span> " + matr[i][2] + "</li>");   
                document.write("<li><span  class='resaltado2'>Hora:</span> " + matr[i][5] + ":" + matr[i][6] + "</li>");
            document.write("</ul>");
            }
        }
    }
}
 

Pinta la página desde los datos de un array

La siguiente función se encargaría de hacer el resto, cargar la página y después cambiar el contenido del div "hoy" por lo que genera la función anterior.

Código Javascript:

function hoy(){
    cargarsec('s8', function(){
        $("#hoy").html(cargarhoy());
}
);}
 

Pero no cambia el div, sino que cambia toda la página y solo pone los datos generados.

[IsaBelM]

A ver si esto lo resuelve http://www.disegnocentell.com.ar/notas2.php?id=176

[abrahamhs]

Pues ahi veo dos problemas en tu código:
1. Un atributo class da estilo, no es un identificador. Por lo tanto esto: $("#hoy").html(cargarhoy()); jamas va a encontrar esto <div class="hoy">. O cambias el gato por punto para que busque una clase o cambias el class del div por id.

2. El segundo problema que veo es que no llamas a tu funcón adecuada, tiene otro nombre $("#hoy")[/B].html(cargarhoy()); nunca va invocar a function choy(){ ... Bueno, eso lo que veo en un vistaso rapido de como de un minuto.
Saludos

[lvfp]

Sí, tienes razón, hice tantos cambios que puse mal el código, pero poniendo cada cosa en su sitio no funciona.

[lvfp]

Gracias IsaBelm, lo miro ;)