Here is the code you can use for every browser:

    &lt;embed src=&quot;pdfFiles/interfaces.pdf&quot; width=&quot;600&quot; height=&quot;500&quot; alt=&quot;pdf&quot; pluginspage=&quot;http://www.adobe.com/products/acrobat/readstep2.html&quot;&gt;

Tested on firefox and chrome

    &lt;iframe src=&quot;http://docs.google.com/gview?url=http://domain.com/pdf.pdf&amp;embedded=true&quot; 
    style=&quot;width:600px; height:500px;&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;

Google docs allows you to embed PDFs, Microsoft Office Docs, and other applications by just linking to their services with an iframe. Its user-friendly, versatile, and attractive.

This works perfectly and this is official html5.

    &lt;object data=&quot;https://link-to-pdf&quot;&gt;&lt;/object&gt;

do you know about http://mozilla.github.io/pdf.js/ it is a project by mozila to render pdf inside of your html using canvas. it is super simple to use.

I recommend using [PDFObject][1] for PDF plugin detection.

This will only allow you to display alternate content if the user&#39;s browser isn&#39;t capable of displaying the PDF directly though. For example, the PDF will display fine in Chrome for most users, but they will need a plugin like Adobe Reader installed if they&#39;re using Firefox or Internet Explorer.

At least PDFObject will allow you to display a message with a link to download Adobe Reader and/or the PDF file itself if their browser doesn&#39;t already have a PDF plugin installed.

[1]: http://pdfobject.com/

FlexPaper is probably still the best viewer out there to be used for this kind of stuff. It has a traditional viewer and a more turn page / flip book style viewer both in flash and html5 

http://flexpaper.devaldi.com

I have a column in DB with default value as `sysdate`. I&#39;m looking for a way to get that default value inserted while I&#39;m not giving anything to corresponding property on app side. 
By the way, I&#39;m using annotation-based configuration. 

Any advice?

How can I use DB side default value while use Hibernate save?

By switching a javascript sort function from

    myArray.sort(function (a, b) {
      return a.name.localeCompare(b.name);
    });

to

    myArray.sort(function (a, b) {
      return (a.name &lt; b.name ? -1 : (a.name &gt; b.name ? 1 : 0));
    });

I was able to cut the time to sort a ~1700 element array in Chrome from 1993 milliseconds to 5 milliseconds. Almost a 400x speedup. Unfortunately this is at the expense of correctly sorting non-english strings.

Obviously I can&#39;t have my UI blocking for 2 seconds when I try to do a sort. Is there anything I can do to avoid the horribly slow localeCompare but still maintain support for localized strings?

400x Sorting Speedup by Switching a.localeCompare(b) to (a&lt;b?-1:(a&gt;b?1:0))

I am trying to embed a PDF in an HTML document, but this seems to work only with Chrome. Other browsers appear to either require plugins or require a user to click a link which is not what I want. Here is what I have tried:

    &lt;object data=&quot;pdfFiles/interfaces.pdf&quot; type=&quot;application/pdf&quot;&gt;
        &lt;embed src=&quot; pdfFiles/interfaces.pdf&quot; type=&quot;application/pdf&quot;&gt;&amp;nbsp;&lt;/embed&gt;
						alt :&lt;a href=&quot;pdfFiles/interfaces.pdf&quot;&gt;
    &lt;/object&gt;

How to embed a PDF?

I am trying to embed a PDF in an HTML document, but this seems to work only with Chrome. Other browsers appear to either require plugins or require a user to click a link which is not what I want. Here is what I have tried:
<pre><code class="hljs language-ini">&#x3C;object data="pdfFiles/interfaces.pdf" type="application/pdf">
 &#x3C;embed src=" pdfFiles/interfaces.pdf" type="application/pdf">&#x26;nbsp;&#x3C;/embed>
					alt :&#x3C;a href="pdfFiles/interfaces.pdf">
&#x3C;/object>
</code></pre>

I have two HTML pages: form.html and display.html. In form.html, there is a form:

    &lt;form action=&quot;display.html&quot;&gt;
    	&lt;input type=&quot;text&quot; name=&quot;serialNumber&quot; /&gt;
    	&lt;input type=&quot;submit&quot; value=&quot;Submit&quot; /&gt;
    &lt;/form&gt;

The form data is sent to display.html. I want to display and use the form data `serialNumber` in display.html, as shown below:

    &lt;body&gt;
        &lt;div id=&quot;write&quot;&gt;
            &lt;p&gt;The serial number is: &lt;/p&gt;
        &lt;/div&gt;
        &lt;script&gt;
        function show() {
    	    document.getElementById(&quot;write&quot;).innerHTML = serialNumber;
        }
        &lt;/script&gt;
    &lt;/body&gt;

So how can I pass the `serialNumber` variable from form.html to display.html so that the above code in display.html will show the serial number and the JavaScript function show() gets the `serialNumber` from the first HTML?

passing form data to another HTML page

I am trying to convert an html block to text using Python. 

**Input:**

    &lt;div class=&quot;body&quot;&gt;&lt;p&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/p&gt;
    &lt;p&gt;&lt;strong&gt;&lt;/strong&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa&lt;/p&gt;
    &lt;p&gt;Consectetuer adipiscing elit. &lt;a href=&quot;http://example.com/&quot; target=&quot;_blank&quot; class=&quot;source&quot;&gt;Some Link&lt;/a&gt; Aenean commodo ligula eget dolor. Aenean massa&lt;/p&gt;
    &lt;p&gt;Aenean massa.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa&lt;/p&gt;
    &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa&lt;/p&gt;
    &lt;p&gt;Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa&lt;/p&gt;&lt;/div&gt;

**Desired output:**

&gt; &lt;div class=&quot;body&quot;&gt;&lt;p&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;&lt;/strong&gt;Lorem
&gt; ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
&gt; ligula eget dolor. Aenean massa&lt;/p&gt; &lt;p&gt;Consectetuer adipiscing elit.
&gt; &lt;a href=&quot;http://example.com/&quot; target=&quot;_blank&quot; class=&quot;source&quot;&gt;Some
&gt; Link&lt;/a&gt; Aenean commodo ligula eget dolor. Aenean massa&lt;/p&gt; &lt;p&gt;Aenean
&gt; massa.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
&gt; commodo ligula eget dolor. Aenean massa&lt;/p&gt; &lt;p&gt;Lorem ipsum dolor sit
&gt; amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
&gt; Aenean massa&lt;/p&gt; &lt;p&gt;Consectetuer adipiscing elit. Aenean commodo
&gt; ligula eget dolor. Aenean massa&lt;/p&gt;&lt;/div&gt;

I tried the `html2text` module without much success:

    #!/usr/bin/env python
    
    import urllib2
    import html2text
    from BeautifulSoup import BeautifulSoup
    
    soup = BeautifulSoup(urllib2.urlopen(&#39;http://example.com/page.html&#39;).read())
    
    txt = soup.find(&#39;div&#39;, {&#39;class&#39; : &#39;body&#39;})
    
    print(html2text.html2text(txt))

The `txt` object produces the html block above. I&#39;d like to convert it to text and print it on the screen. 

Converting html to text with Python

I have this div:

    &lt;div style=&#39;overflow:scroll; width:400px;height:400px;&#39;&gt;here is some text&lt;/div&gt;

The scrollbars are always visible, even though the text does not overflow. I want to make the scrollbars only be visible when necessary - that is, only visible when there is enough text in the box that they are needed. Like a textarea does. How do I do this? Or is my only option to style a textarea so it looks like a div?

How do I make the scrollbar on a div only visible when necessary?

With the following HTML, what is the easiest method to display the list as two columns?

    &lt;ul&gt;
    	&lt;li&gt;A&lt;/li&gt;
    	&lt;li&gt;B&lt;/li&gt;
    	&lt;li&gt;C&lt;/li&gt;
    	&lt;li&gt;D&lt;/li&gt;
    	&lt;li&gt;E&lt;/li&gt;
    &lt;/ul&gt;

Desired display:

    A B
    C D
    E

The solution needs to work with Internet Explorer.

How to display an unordered list in two columns?

I&#39;m trying to use jQuery UI Autocomplete to bring up a list of names of people in a MySQL Database. The basic function is working - when you type in two or more letters a list of possible names is displayed - but when I hover the mouse over the list or press the down key to access the list, it disappears (2 screenshots below may help to explain this).

What this means is that the Autocomplete becomes pointless as I can&#39;t actually access the list! If anyone can help I&#39;d be most appreciative! Screenshots and code are posted below.

*Type in the first few characters and the menu appears*

![Screenshot 1][1]

*But hover the mouse or press the &#39;down&#39; key and it disappears before a selection can be made*

![Screenshot 2][2]

  [1]: http://i.stack.imgur.com/usNKc.png
  [2]: http://i.stack.imgur.com/U9DJT.png

**HTML:**

	  &lt;div id=&quot;chooseaccount&quot;&gt;
	  Choose Account to Edit
	  &lt;div id=&quot;iechooseaccountlabel&quot; class=&quot;labeldiv&quot;&gt;
	    &lt;!--[if IE]&gt;
		 Enter Student Name
		&lt;![endif]--&gt;
	   &lt;/div&gt;
	   
	  &lt;input type=&quot;text&quot; class=&quot;inputs&quot; id=&quot;editname&quot; placeholder=&quot;Enter Student Name&quot; /&gt;
	   
	  &lt;/div&gt;

**jQuery:**

    $(document).ready(function(){
 
    $(&quot;#editname&quot;).autocomplete({
	 source: &quot;names.php&quot;,
	 minLength: 2,
	});
	
	});

**PHP:**

    &lt;?php  
      
    $mysqli = new mysqli(&#39;********&#39;, &#39;********&#39;, &#39;**********&#39;, &#39;*********&#39;);
    $text = $mysqli-&gt;real_escape_string($_GET[&#39;term&#39;]);
 
    $query = &quot;SELECT name FROM users WHERE name LIKE &#39;%$text%&#39; ORDER BY name ASC&quot;;
    $result = $mysqli-&gt;query($query);
    $json = &#39;[&#39;;
    $first = true;
    while($row = $result-&gt;fetch_assoc())
    {
    if (!$first) { $json .=  &#39;,&#39;; } else { $first = false; }
    $json .= &#39;{&quot;value&quot;:&quot;&#39;.$row[&#39;name&#39;].&#39;&quot;}&#39;;
    }
    $json .= &#39;]&#39;;
    echo $json;

    ?&gt;  

jQuery UI Autocomplete - menu disappears on hover

Within our web application we are displaying a PDF document in an `iframe` using the following line of code:

    &lt;iframe id=&quot;iframeContainer&quot; src=&quot;https://example.com/pdfdoc.pdf&quot; 
                                 style=&quot;width:100%; height:500px;&quot;&gt;&lt;/iframe&gt;

This works fine in all the major desktop browsers with the width of the PDF scaling to fit inside the confines of the iFrame and a vertical scroll bar to view all the pages within the document.

At the moment however I can&#39;t get the PDF to display correctly in Mobile Safari. In this instance only the top left portion of the PDF is visible without any horizontal or vertical scrollbars to see the rest of the document.

Does anybody know of I workaround for this problem in Mobile Safari?

**UPDATE - MARCH 2013** 

After hours of searching and experimentation I can conclude that this problem is a real mess!! There are a bunch of solutions but each far from perfect. Anybody else struggling with this one I advise to refer to &#39;[Strategies for the iFrame on the iPad Problem][1]&#39;. For me I need to write this one off and look for another solution for our iPad users. 

**UPDATE - MAY 2015**

Just a quick update on this question. Recently I have started using the Google Drive viewer, which has mostly solved the original problem. Just provide a full path to the PDF document and Google will return a HTML formatted interpretation of your PDF (don&#39;t forget to set `embedded=true`). e.g. 

https://drive.google.com/viewerng/viewer?embedded=true&amp;url=www.analysis.im%2Fuploads%2Fseminar%2Fpdf-sample.pdf

I&#39;m using this as a fallback for smaller viewports and simply embedding the above link into my `&lt;iframe&gt;`.


  [1]: https://blogs.magnolia-cms.com/christopher-zimmermann/detail~&amp;strategies-for-the-iframe-on-the-ipad-problem~.html
  

Problems displaying PDF in iFrame on Mobile Safari

I am building a list of PDFs in HTML. In the list I&#39;d like to include a download link and a print button/link. Is there some way to directly open the Print dialog for the PDF without the user seeing the PDF or opening a PDF viewer?

Some variation of downloading the PDF into a hidden iframe and triggering it to print with JavaScript?


Print PDF directly from JavaScript

I&#39;ve created this demo:

http://polishwords.com.pl/dev/pdfjs/test.html

It displays one page. I would like to display all pages. One below another, or place some buttons to change page or even better load all standard controls of PDF.JS like in Firefox. How to acomplish this?

How to display whole PDF (not only one page) with PDF.JS?

**Problem**  
I&#39;m trying to determine what type a document is (e.g. pleading, correspondence, subpoena, etc) by searching through its text, preferably using python.  All PDFs are searchable, but I haven&#39;t found a solution to parsing it with python and applying a script to search it (short of converting it to a text file first, but that could be resource-intensive for n documents).  

**What I&#39;ve done so far**  
I&#39;ve looked into pypdf, pdfminer, adobe pdf documentation, and any questions here I could find (though none seemed to directly solve this issue).  PDFminer seems to have the most potential, but after reading through the documentation I&#39;m not even sure where to begin.

Is there a simple, effective method for reading PDF text, either by page, line, or the entire document?  Or any other workarounds?  

Searching text in a PDF using Python?

Out of simple curiosity, having seen [the smallest GIF](http://probablyprogramming.com/2009/03/15/the-tiniest-gif-ever), what is the smallest possible valid PDF file?

Content Type	Original Author	Original Content on Stackoverflow
Question	user2008608	View Question on Stackoverflow
Solution 1 - Html	Vuk Vasić	View Answer on Stackoverflow
Solution 2 - Html	John Foley	View Answer on Stackoverflow
Solution 3 - Html	user379888	View Answer on Stackoverflow
Solution 4 - Html	Herbert Pimentel	View Answer on Stackoverflow
Solution 5 - Html	Chris Peters	View Answer on Stackoverflow
Solution 6 - Html	Rob Z	View Answer on Stackoverflow

How to embed a PDF?

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

Solution 5 - Html

Solution 6 - Html

400x Sorting Speedup by Switching a.localeCompare(b) to (a<b?-1:(a>b?1:0))

How can I use DB side default value while use Hibernate save?

Attributions