Iframe not loading and showing white background - javascript

i want to load a specific part of website in iframe, unfortunately iframe is not loading , i have tried object, iframe, framset and jquery too load but i am failed.
I need your help to sort it out and show a specific part from this website
http://www.weddingwire.com/weddings/2816607/wedding_new_website/preview
i need this part of website (http://prntscr.com/30051k)
Please help me .
Thanks

You won't be able to embed this website using iframe since it have X-Frame-Options header.
You can try displaying it with curl.

Related

Chrome extension menu for iframes

Is a chrome extension able to display different iframes, though through of which one is able to select different iframes in a menu bar inside the chrome extension?
I’d appreciate any helenter image description herep ! :)
If so, how can it be done ? Do I need to use JavaScript or is it done in the html file fullly? I’d very much appreciate an example :)
Yes but no, the content scripts will NOT execute in the iframes loaded dynamically via JavaScript in the page, only the html i think.
reference: https://stackoverflow.com/a/8917679/4674037
an iFrame is the separate web page with a separate URL.
You can not get iFrame content, but you can integrate your chrome extension directly into iFrame through URL in the manifest file. In this way, your extension will work with iFrame content as usual.

jQuery - go to page, take screenshot without load this page

I am trying to write an application in style of 4chan thread saver. I know that I can make a screenshot using html2canvas and even managed to do it. But how to load a html page without load it in browser? I care about keep the style of the page
This is not a jQuery issue. However, you should be able to do a XMLHttpRequest defined here and supply the url, to get the web page html back.

Change location of Chrome extension background page

I have a question on chrome extension background. I wanna use background to load other website to parse data I want and pass it to my tab use Message API.
But, I have no idea to load the webpage in background, I don't want to use iframe.
First, I tried the window.location.href to change, but it didn't work.
Does anyone have any ideas?
Thanks a lot.

Controling link behaviours in an Iframe

Ok so any help here would be great
I have a HTML page with an I frame loading a site of mine in it…
What I need to do is check in the iframe from the main document, the target attribute of a link and if it's blank, hijack it and add my own custom functionality from outside of the iframe in the main HTML document
The issue I have is the site being loaded in to the frame is on a different domain so I am not sure if this can be done? I have full control of the site been loaded in to the I frame so is there something in there I can set to allow it?
What I effectively want to do is hijack the links in an iframe which I guess could be an issue?
Can this be done, alternately does anyone know a way I could achieve what I am trying to do?
Thanks

Loading offsite content with AJAX

I'm building a PHP page that will load some off site content into a DIV. There are other static elements on the page also. The problem I'm having is that the page takes too long to load because PHP loads the off site content before displaying the page.
I am considering loading the off site content in the DIV via AJAX. I'm assuming the rest of the page would load regardless of how long it takes the AJAX DIV to load.
The content will not need to update or change while the original page is loaded. It just needs to load the content once.
I have been searching for a while and have found a lot of different techniques for doing this. Such as jQuery.
Do you have any suggestions on how to do this?
Any links to tutorials would be great.
Thanks
I guess this can help you:
$('#result').load('ajax/test.html');
Reference: jquery
If you control the second (off-site) domain, you can get around the same-origin policy issues by loading a script on the secondary domain. That script should kick off the various AJAXish content updates you want.
on example1.com:
<div id="stuff-from-example2"></div>
<script src="http://www.example2.com/js/stuff.js"></script>
in stuff.js:
$('#stuff-from-exampl2").load('http://www.example2.com/fragment.html');
You can get around the same-origin policy by loading the data using JSONP.
Here are the JQuery docs

Categories