How can we merge the two web pages (doc and Pdf preview)

Hello Members,

Hope you are doing good,

Here am attaching the code for DOC, for preview the documents...

For Doc preview i have written one code and for PDF preview we are using Iframes..

I want to merge these two page, If it is PDF it need to go for Iframes and if it is doc or docx it need to go for particular code..

For PDF below is the code.

"http://www.w3.org/1999/xhtml">
"server">
pdf viewer
"form1" runat="server">
"myFrame" style="display:none" width="600" height="300">
"button" value="Submit" onclick = "openPdf()"/>
"text/javascript">
function openPdf()
{
var omyFrame = document.getElementById("myFrame");
omyFrame.style.display="block";
omyFrame.src = "http://www.africau.edu/images/default/sample.pdf";
}
"searchTxt"
runat="server"
Width="300px"
Height="25px"
Font-Size="Medium">
"button" value="Search" onclick="return highlight(text) /*searchPrompt('search text', 'dvWord', false, true, 'red', 'orange')*/" />