Home/ Questions/Q 8293747
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T13:56:13+00:00

<div class=left style=float:left id=document-viewer> <iframe src=http://docs.google.com/viewer?url=http://www.mysite.be/doc.ppt&amp;embedded=true width=620 height=780 style=border: none; id=document-preview></iframe> </div> I have

  • 0
<div class="left" style="float:left" id="document-viewer">
    <iframe src="http://docs.google.com/viewer?url=http://www.mysite.be/doc.ppt&amp;embedded=true" width="620" height="780" style="border: none;" id="document-preview"></iframe>
</div>

I have an embedded google docs viewer. Everything works fine, but now I want to change the iframe src when I click a certain link to display another document.

 $('.document-slider-item').click(
        function(event){
           var url = 'http://docs.google.com/viewer?url=';
           url += $(this).attr('href');
           url += '&amp;embedded=true';
           event.preventDefault();
           $('#document-preview').attr('src',url);  
        });

This gives me Refused to display document because display forbidden by X-Frame-Options.

Does anyone know how to solve this ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Sorry guys I solved it, instead of changing the source, I load a new IFrame:

     $('.document-slider-item').click(
    function(event){
       event.preventDefault();
       var url = 'http://docs.google.com/viewer?url=';
       url += $(this).attr('href');
       url += '&amp;embedded=true';
       var iframe = '<iframe src="'+url+'" width="620" height="780" style="border: none;" id="document-preview"></iframe>';
       $('#document-viewer').html(iframe);
    });
    • 0