Hero

Dear hero, I'm truly sorry you don't understand JavaScript/jQuery, but if you were to go through w3schools tutorials provided for JavaScript and jQuery library usage, then maybe you WILL understand my instructions.

OK. Now I got it to work.

I can't really say that I used much of your last instructions.

I did some more searches, and I found this:

http://stackoverflow.com/questions/3272071/iframe-to-only-show-a-certain-part-of-the-page

There I found the following single JS line that uses jQuery:

$('#target-div').load('http://www.mywebsite.com/portfolio.php #portfolio-sports');

Then I started reading the W3schools.com JS tutorial, and when I got to "JS Output" I was enabled to 'concoct' these 2 pages:

http://www.transformation.dk/iframeexample.html

http://www.transformation.dk/LOCALIframePage.html

So there might be an even more elegant solution, or maybe a very experienced JS programmer can point out some weaknesses in certain browsers etc., but I only use that single JS-line mentioned above! Everything else is just HTML and CSS. And even <iframe> became obsolete and has vanished from the above mentioned "iframeexample.html"!!

So thank you very much for your help!

Best regards,

H.R.

Dear dsonesuk

I am sorry to have bothered you with these questions. I am not a javascript programmer, so I don't really understand your instructions.

Like I said, I showed you how to access iframe page to manipilaate it, you can now manipulate it to hide all other content but the content you which to show.

Well, thank you. But I am sorry I can't make it work the way I want.

I can't see how to get the iframe-command to only show part of the source-page it refers to?

I have put a slightly modified version of your example on my website here:

http://www.transformation.dk/iframeexample.html

Its the id ref to the iframe, you access the iframe by id, then element id ref within that iframe page.

Well... I must admit that I did NOT fully understand how it works. And we have a slight misunderstanding: I don't want to print less than what is shown in the iframe-block, but I want the iframe-block to only show a part of the src web-page it points to. How do I do that?

 

In the page sourced by iframe that has element with id ref of 'Iframe_content_area_to_print' will have all text within that element accessible for printing.

 

Thank you very much.

I think I understand how it all works. I will be testing it on my website soon. There is just one peculiarity. :-)

The first html file you gave me also uses the id ref "#original_iframe_content", but that doesn't exist in the second file you gave me. :-)

 

Note this prints partial iframe content only, but gives you idea how to access iframe content to manipulate further FOR SAME DOMAIN iframe.

Thanks.

That html-file contains the iframe which refers to "LOCALIframePage.html". Can you show me that file, to see how you mark the interesting part of the page?

Thank you very much.

Yes! you can print partial content of iframe page, but the partial content in question has to have a identifier such as id ref, I did the same thing many years ago.

Great! Thanks! Can you explain a little more or refer me to an example?

Hi!

Can I use iFrame to show/select only a certain part of another html page on my own website?

It's extra relevant when printing the page(!)

The page I want to include a part of is http://www.transformation.dk/Transformationen.html

Thank you very much.

Henrik

Yes! Now it validates. Thank you.

Hi!

I tried using "Example 3 - Text in Transparent Box" here:

http://www.w3schools.com/css/css_image_transparency.asp

But it could not be validated.

My experiment can be found here:

http://www.transformation.dk/chemtrails/forsoge-lave-ramme3.html

This is the error I receive when I try to validate it with http://validator.w3.org/unicorn/ :

This document could not pass the test: W3C CSS Validator (Level 3)

Error (1)

Address: http://www.transformation.dk/chemtrails/forsoge-lave-ramme3.html

7 div.transbox Parse Error opacity=70)

I have also copied the original example into an individual page here:

http://www.transformation.dk/chemtrails/Opacity-experiment.html

That generates A LOT of errors, including the one mentioned above. So it is not my way of incorporating it in my page that creates the error.

Best regards,

H.R.