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 original
function 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:
Que puede ser ??? Refused to display document because display forbidden by X-Frame-Options.