title: Dispalying a pdf/doc file on a webpage
body: <p>how to display pdf file or doc file on a webpage which is getting from the remote location.
      For example- from server to client </p>
  
  <pre><code>&lt;!DOCTYPE html&gt; //specifying the html version
  &lt;html&gt; //a html file will show on to the remote browser
  &lt;head&gt;// head element of an html
  &lt;meta charset="ISO-8859-1"&gt;
  &lt;title&gt;Insert title here&lt;/title&gt;
   &lt;script&gt;
      function addMoreInputType() //custom function when a button is clicked
      { // opening of a function
      var ip=document.getElementById("p1"); // id of a &lt;p&gt;tag
      var cele=document.createElement("embed");//creating a new html element
      cele.setAttribute("src","1.pdf"); //setting an attribute named src and 1.pdf is the pdf file on the server which i wanted to show on the client browser
      cele.setAttribute("width","600px"); //setting an attribute named width to diplay
      cele.setAttribute("height","500px");//setting an attribute named height
      cele.setAttribute("alt","pdf");
               cele.setAttribute("pluginspace","http://www.adobe.com/products/acrobat/readstep2 .html");// that is the plugin
      cele.setAttribute("internalinstanceid","14");// that is setting the attribute for the new html element
  
      ip.appendChild(cele);// finally appending it to p tag child
      } //closing of a function
   &lt;/script&gt; // ending of the script tag
  &lt;/head&gt; //end of the head tag
  &lt;body&gt; // the content to be displayed on the client browser
    &lt;input type="button" value=" clickme " onclick="addMoreInputType()"&gt;Button click// a button which on clicking will invoke the addM....() so that they will request to server to give the pdf file and show onto browser's webpage area
    &lt;p id="p1"&gt;&lt;/p&gt; // p tag having id p1
  
  &lt;/body&gt;//end of body of html
  &lt;/html&gt;//end of html file
  </code></pre>