Colorbox show specific element of another page

Question

I'm wondering if this is somehow possible, though it is not allowed to manipulate content from another domain via Javascript through an iframe.

I'm wanting to use Colorbox to load a specific element from another page. So, if on the other website, there is a container div#shell, I want the Colorbox to show me only the content within div#shell.

This content is on another domain, so, I'm not sure if this is possible. I think I'll be limited to screenshots...

score 3 · Answer 1 · edited May 23 '17 at 12:03

3

No for security reasons.

Take a look @http://en.wikipedia.org/wiki/Cross-site_scripting

http://msdn.microsoft.com/en-us/library/ms533028.aspx

Using CSS to affect div style inside iframe

CSS override body style for content in iframe?

edited May 23 '17 at 12:03

Community

1
1

answered Feb 02 '12 at 18:23

s3mre8

288
1
4
11

score 0 · Answer 2 · answered Feb 02 '12 at 18:25

0

Instead of an iframe, you could use jQuery ajax to pull the page into a variable and find the appropriate section by parsing the HTML.

answered Feb 02 '12 at 18:25

kitti

14,663
31
49

1

Agreed, and remember that the jQuery AJAX calls support pulling only part of the content of the target, as in `$('#result').load('ajax/test.html #container');` which would acquire only the element with ID of container. – CSSian Feb 03 '12 at 18:27

Colorbox show specific element of another page

2 Answers2