Hi,
First, take the onclick handlers out of your HTML. It's bad practice.
Update your links to look like:
Code:
<a class="load_inline" href="../report_data_fe_nldm_completeness/DB_existence_PVT_report.html"><h3><u>DB NLDM MCMM</u></h3></a>
(ie: give them a class of "load_inline", and put the file that you want loaded in the href attribute).
Now put this in your document <head>
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('.load_inline').on('click', function(event){
event.preventDefault();
$('#content').load( $(this).attr('href'), function(responseText, textStatus, XMLHttpRequest){
if ('success' != textStatus) {
$("#content").html("Sorry, an error occurred");
}
});
});
});
</script>