Ejecutar funcion en HTML externo

[rodomiro]

Hola gente como les va? tengo una duda sobre una funcion que se ejecuta en mi página, es la siguiente:

Tengo un html con una galeria de imagenes en jquery, donde yo puedo crear botones y asignarles un link para que carge una foto X en el display correspondiente, y lo hago asi:

Código PHP:

  var gallery = this; // "this" is the gallery instance 
             
            $('#cap1').click(function() { 
                gallery.show( 3 ); // call the play method 
            });  
   

Entonces a los link en el ID les pongo cap1 y me carga la foto nº3, todo eso funciona bien.

PERO, si el maldito PERO.. mediante Thickbox yo cargo un HTML que quiero que tenga el menu con los links que ya mencione, pero si en ese HTML pongo un link con el ID=CAP1 no carga la foto ya que obviamente en el html del menu no esta la galeria.

Entonces mi pregunta es, como puedo lograr que al hacer click en menu.html la pag. index.html recoga ese click y lo ejecute?, ojala puedan ayudarme nuevamente! estare eternamente agradecido como siempre.

MUCHAS GRACIAS!!.

[America|UNK]

Supongo que tickbox trabaja con frames para abrir un HTML, obviamente si es otro frame es otra pàgina por lo tanto tienen diferentes objetos, tienes que indicar los nombres de los frames para interactuar en diferentes frames, averigua como se hace en Tickbox.

[rodomiro]

OK, gracias voy a ver si sale algo al respecto! :D

[rodomiro]

Uff revise el foro pero no pude encontrar nada! lo que si entendi es que ese html efectivamente se carga en un iframe, pero desconosco el nombre de ese iframe y no se como nombrarlo en la funcion, codigo:

Código PHP:

      <script> 
    // Load the classic theme 
    Galleria.loadTheme('galleria.classic.min.js'); 
     
    // Initialize Galleria 
 $('#galleria').galleria({ 
        extend: function(options) { 
            var gallery = this; // "this" is the gallery instance 
             
            $('#cap1, iframe').click(function() { 
                gallery.show( 3 ); // call the play method 
            }); 
             
            $('#cap2').click(function() { 
                gallery.show( 6 ); // call the play method 
            }); 
        } 
    }); 
    </script>  
  

Ese es el codigo entero, el #galleria esta en el html (root) y el #cap esta en el famoso iframe, como puedo comunicarle al script q el #cap esta en un iframe?

Ojala me puedan ayudar gracias! :D

[America|UNK]

Código Javascript:

$(window.frames['NombreDelFrame']).load(function(){
    $('#cap1',this.document).click(function() {
        gallery.show( 3 );
    }); 
})
 

El frame tiene que estar cargado para asignarle el evento onclick, tu frame tiene que estar en el mismo dominio de tu página.

[rodomiro]

Muchas gracias!, lamentablemente no supe como encontrar el nombre del iframe que crea Thickbox asique no me resulto.

Pero agradesco tu tiempo.

Saludos.

[InKarC]

Asi se encuentra el ID de cualquier elemento con Google Chrome:




> Click derecho

> Inspeccionar Elemento

> Busca el <iframe>

> Mira el ID (u otro atributo)