Buenas a todos, estoy hacino una extension para Google Chrome y utilizo la librería JQuery...
Tengo una serie de botones y una capa en la cual voy a incluir un iframe para mostrar páginas de otro dominio de forma similar a como lo hace el LightBox... mostrando un fondo oscuro transparente y una capa encima centrada.
Para ello tengo la siguiete funcion:
Código Javascript
:
Ver originalfunction showPublishDiv(width, height, url) {
$('#background').fadeIn();
$('#publishform').css({ height: height+'px', width: width+'px', left: ($(window).width() - width)/2, top: ($(window).height() - height)/2 }).fadeIn();
$('#publishform').html("").append($("<iframe></iframe>", {
src: url,
css: { "width": "100%", "height": "100%" }
}));
$('#publishform iframe').css({ "border": "0px" });
$('#publishbuttons').fadeOut();
}
y cada uno de los botones, en el evento onclick tiene la llamada a esta con diferentes url...
el caso es que cuando se debe mostrar el iframe, este aparece en el codigo pero no se ve en la web, y en la consola del chrome me aparece el siguiente mensaje...
Código:
Refused to display document because display forbidden by X-Frame-Options.
Que puede ser ???