You can just embed the pdf into the page
var source = 'ajax.php?InstrumentID='+encodeUriComponent(instrID)+'&catView=pdf';
$('#inputText').append('<object data="'+source+'" type="application/pdf">'+
'<embed src="'+source+'" type="application/pdf"/></object>');
So make a page with your search above the "pdf" text. put your text down as innerHTML inside a div class. Use a javascript to highlight this innerhtml of the div
<pre lang="xml"><script>
function highlight(text)
{
inputText = document.getElementById("inputText")
var innerHTML = inputText.innerHTML
var index = innerHTML.indexOf(text);
if ( index >= 0 )
{
innerHTML = innerHTML.substring(0,index) + "<span class='highlight'>" + innerHTML.substring(index,index+text.length) + "</span>" + innerHTML.substring(index + text.length);
inputText.innerHTML = innerHTML
}
}
</script>
<style>
.highlight
{
background-color:yellow;
}
</style>
<div id="inputText">
"YOUR PFD (BLOB) TEXT"
</div>
</pre>