javascript - iframes - Seleccionar un elemento en iFrame jQuery

javascript iframe content

Question

En nuestra aplicación, analizamos una página web y la cargamos en otra página en un iFrame. Todos los elementos en esa página cargada tienen sus tokenid-s. Necesito seleccionar los elementos por esos tokenid-s. Medios: hago clic en un elemento en la página principal y selecciono el elemento correspondiente en la página en el iFrame. Con la ayuda de jQuery lo hago de la siguiente manera:

function selectElement(token) {
$(''[tokenid='' + token + '']'').addClass(''border'');
}

Sin embargo, con esta función puedo seleccionar los elementos en la página actual solamente, no en el iFrame. ¿Alguien podría decirme cómo puedo seleccionar los elementos en el iFrame cargado?

Gracias.

Answer 1

Aquí es simple JQuery para hacer esto para hacer que div se pueda arrastrar solo en el contenedor:

$("#containerdiv div").draggable( {containment: "#containerdiv ", scroll: false} );

Answer 2

Cuando su documento está listo, eso no significa que su iframe esté listo también.
entonces debes escuchar el evento iframe load y luego acceder a tus contenidos:

$(function() {
$("#my-iframe").bind("load",function(){
$(this).contents().find("[tokenid=" + token + "]").html();
});
});

Answer 3

Eche un vistazo a esta publicación: http://praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html

$("#iframeID").contents().find("[tokenid=" + token + "]").html();

Coloque su selector en el método de búsqueda.

Sin embargo, esto puede no ser posible si el iframe no proviene de su servidor. Otros mensajes hablan de permisos de errores denegados.

jQuery / JavaScript: acceder a los contenidos de un iframe

Answer 4

var iframe = $(''iframe''); // or some other selector to get the iframe
$(''[tokenid='' + token + '']'', iframe.contents()).addClass(''border'');

También tenga en cuenta que si el src de este iframe apunta a un dominio diferente, por razones de seguridad, no podrá acceder al contenido de este iframe en javascript.