How can I view a part of an other website on my website?

Question

I want to show a specific part of an external website on my website.

specific part of an external website

How do I do this? Can this action be illegal in some way?

**no embed available on this website. It looks pretty old too.

I think you need this: http://stackoverflow.com/questions/18145273/how-to-load-an-external-website-into-a-div-of-a-html-page — Onovar, Aug 06 '14 at 09:41
@Onovar he wants to grab a specific element from that page, not necessarily the whole page. — TheOneWhoPrograms, Aug 06 '14 at 09:47
Ok, I tested this and it's working good. How do I make it auto scroll to the exact place I want to view? @Onovar — Imnotapotato, Aug 06 '14 at 13:41

score 2 · Accepted Answer · answered Aug 06 '14 at 09:57

2

<div id="ab"><iframe src="//hodekar.tk"></iframe></div>
and this css
#ab { display : block; overflow : hidden} iframe{ margin: -50px -60px} use minus margin so it will goes in that div and unuseful content will not be displayed in webpage. specify height of div and iframe

answered Aug 06 '14 at 09:57

Rahiil

110
1
11

Ok, I tested this and it's working good. How do I make it auto scroll to the exact place I want to view? – Imnotapotato Aug 06 '14 at 13:25
Thank You, I Played with it a little bit and understood! :) – Imnotapotato Aug 06 '14 at 14:18

score 1 · Answer 2 · answered Aug 06 '14 at 09:51

1

im not sure if u can do that.. der may be a few privacy issue.. But u can show a different page in you webpage by using the iframe tag. http://www.w3schools.com/tags/tag_iframe.asp Or HTML 5 supposrt video tags.. So if you can download the video u can display it using the video tags.. http://www.w3schools.com/html/html5_video.asp

answered Aug 06 '14 at 09:51

KevinPB

35
7

Ok, I tested this and it's working good. How do I make it auto scroll to the exact place I want to view? – Imnotapotato Aug 06 '14 at 13:41

ondObno · Answer 3 · 2014-08-06T16:02:26.263

0

You can do it using iframes. This HTML element can embed another document from another page, but it also acts as other page.

Simple targetting with the selectors does not seem to be a solution. But you could use iframe to load the page and than extract part of it with jQuery.

I think this should work for you:

video = $("your_frame_selector").contents().find("selector_of_the_DOM_element")

edited Aug 06 '14 at 16:02

answered Aug 06 '14 at 09:45

ondObno

91
5

Please try adding an explanation of how to use them, why they might be helpful, etc. We don't like answers that are simply links to external sites as those links can possibly die. Sample code would be nice. Please note he doesn't want to simply show another website from his, he wants a specific element from another website on his. – TheOneWhoPrograms Aug 06 '14 at 09:46
possible to show specific section of website using iframe ? – Kheema Pandey Aug 06 '14 at 09:51
I have tried and, unfortunately, it looks like not. – ondObno Aug 06 '14 at 10:20
Hello @ondObno, Can you explain? :) – Imnotapotato Aug 06 '14 at 13:42
I made it much easier :) Check my own answer to the post – Imnotapotato Aug 07 '14 at 06:39
Yes, nice. But could it be used like that if you don't know what is the actual position of an element? – ondObno Aug 07 '14 at 07:30

score 0 · Answer 4 · answered Aug 07 '14 at 06:38

Here is the simplest way to do this: http://jsfiddle.net/hAtul/vk9avk7e/

Thank you guys :) !

CSS:

  #ab {
      display : block;
      overflow : hidden;
      width: 724px;
      height: 391px;      
}
iframe { height: 387px; width: 641px; margin-left: -42px; }

HTML:

<div id="ab">
    <iframe src="http://www.mycampage.com/webcamtelaviv#player" scrolling="no" onload="javascript:jumpScroll()"></iframe>
</div>

How can I view a part of an other website on my website?

4 Answers4