Question

I’m wondering if its possible to load a html page but only display a few select parts of it.

Two possible approaches come to mind:

1) Delete parts of the dom I’m not interested in.
However I wouldn’t know what all those parts are, I’d only know the parts I’m interested in.
Is it possible to find the parts I’m interested in then remove everything else?

2) Create a new dom which has been made by extracting parts of the dom from the original.
Is it possible to somehow create this in parallel to the existing dom and make the browser switch to this new dom? Or alternatively create a html page from this new dom and then load that?

Are these crazy ideas? Any simple / alternative solutions?

Answer 1

Yes, just use JavaScript/jQuery.

First you have to add the jquery library to your website as a javascript link like so.

<script src="jquery.js" type="text/javascript"/>. 

You would need to create a function similar to then you would put an onclick event on a link.

 <script>
function switch(){
$("#button").onclick(function()
{
 $(".classOfCertainElements").css("display", "none");
 $(".classOtherElements").css("display", "inline");
});

} 
</script>
<a href="" id="button">Click me</a>

Does that help?