0

i want to show part of a webpage in iframe. i have tried jquery to hide header and footer and to show content part only but not working. i have tried to apply CSS but not applied as the webpage comes from another website.

i just want to remove header and footer section using jquery or CSS if possible.

this is the code i am trying:

<iframe src="http://schweizer.deco-apparel.com/create_products/Ultra-Cotton-100-Cotton-T-Shirt?n=9465742" height="500px" width="100%" ></iframe>

here is link to this code: http://jsfiddle.net/chetan17/gxth1b12/

is there any way to hide div with id header and id footer section?

Thanks

Francois
  • 10,730
  • 7
  • 47
  • 80
chetan patel
  • 596
  • 1
  • 6
  • 16
  • @francois b. thanks, i was trying to edit this links. – chetan patel Oct 11 '14 at 08:31
  • If it's from another website that you are not the owner of, give up.. but if you are the owner of the other website, you have to modify the code or create a copy of that page w/o the headers and show only the one that you wanted to show – Alleo Indong Oct 11 '14 at 09:07

2 Answers2

1

If the frame is displaying data from another website (ie. hosted on another domain), there is no way to do this, due to cross domain security enforced by your browser.

--> jQuery cross domain iframe scripting

If the frame is displayed from another webpage hosted on http://schweizer.deco-apparel.com, use jQuery to manipulate DOM content of iframe.

--> Change HTML of an iFrame with jQuery?

Community
  • 1
  • 1
Francois
  • 10,730
  • 7
  • 47
  • 80
0

The only ways to hide the header and footer is if you could change the code on the site you are referencing in your iFrame tag OR if the iFrame is on a page within the same domain as the page you are referencing in the iFrame you can use jQuery to edit within the iFrame.

You would use either the backend of the site or your JavaScript/jQuery to detect if there is a parameter in your iFrames link(ie. www.blah.com/blah?hide=true), which will hide the footer and header if hide=true.

ACarlson1994
  • 61
  • 4