Open link inside a div

Question

I use a plugin to manage my posts on Wordpress, but I would like to make it open within a DIV specific.

That in which is the #main-view.

Today he finds himself like this : target="_parent"

Below follows the plugin code.

<div class="gw-gopf-post">
	<div class="gw-gopf-post-header">
		<div class="gw-gopf-post-overlay">{{post_overlay_buttons}}</div>
		{{post_media}}
	</div>
	<div class="gw-gopf-post-content-wrap">
		<div class="gw-gopf-post-content">
			<div class="gw-gopf-post-title"><h2><a href="{{post_link}}" target="_parent">{{post_title}}</a></h2></div>
			
		</div>							
	</div>												
</div>

Answer 1

See if this code with XMLHttpRequest() works on your Wordpress:

Replace the whole <a></a> for this:

<a href='javascript: document.getElementById("main-view").innerHTML="Carregando...";xhr=new XMLHttpRequest();xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){document.getElementById("main-view").innerHTML=xhr.responseText;}};xhr.open("GET","{{post_link}}",true);xhr.setRequestHeader("Content-type","text/html");xhr.send();' target="_parent">{{post_title}}</a>

This code will pull all the HTML from the desired URL into the div #main-view (the URL must be from the same domain).