If you don&#39;t know when data will be added to `#data`, you could set an interval to update the element&#39;s scrollTop to its scrollHeight every couple of seconds. If you are controlling when data is added, just call the internal of the following function after the data has been added.

    window.setInterval(function() {
      var elem = document.getElementById(&#39;data&#39;);
      elem.scrollTop = elem.scrollHeight;
    }, 5000);

    var objDiv = document.getElementById(&quot;divExample&quot;);
    objDiv.scrollTop = objDiv.scrollHeight;

Is there a way I can use glob on a directory, to get files with a specific extension, but only the filename itself, not the whole path?

Python Glob without the whole path - only the filename

I was reading this question here:

https://stackoverflow.com/questions/1196415/what-datatype-to-use-when-storing-latitude-and-longitude-data-in-sql-databases

And it seems the general consensus is that using Decimal(9,6) is the way to go. The question for me is, how accurate do I really need this?

For instance, Google&#39;s API returns a result like:

    &quot;lat&quot;: 37.4219720,
    &quot;lng&quot;: -122.0841430

Out of -122.0841430, how many digits do I need? I&#39;ve read several guides but I can&#39;t make enough sense out of them to figure this out.

To be more precise in my question: If I want to be accurate within 50 feet of the exact location, how many decimal points do I need to store?

Perhaps a better question would actually be a non-programming question, but it would be: how much more accurate does each decimal point give you?

Is it this simple?

 1. List item
 2. x00 = 6000 miles
 3. xx0 = 600 miles
 4. xxx = 60 miles
 5. xxx.x = 6 miles
 6. xxx.xx = .6 miles
 7. etc?

How accurately should I store latitude and longitude?

I have a `table` inside of a `div` with the following style:

    #data {
        overflow-x:hidden;
        overflow-y:visible;
        height:500px;
    }
This displays a vertical scroll bar once enough data is added to the table. However, when new data is added I would like the `div` element to auto-scroll to the bottom.

What JavaScript code could I use to do so? I am open to options in JQuery if necessary but would prefer a JavaScript solution.

How to auto-scroll to end of div when data is added?

I have a <code>table</code> inside of a <code>div</code> with the following style:
<pre><code class="hljs language-css">#data {
 overflow-x:hidden;
 overflow-y:visible;
 height:500px;
}
</code></pre>
This displays a vertical scroll bar once enough data is added to the table. However, when new data is added I would like the <code>div</code> element to auto-scroll to the bottom.
What JavaScript code could I use to do so? I am open to options in JQuery if necessary but would prefer a JavaScript solution.

If there is a JavaScript object: 

    var objects={...};

Suppose, it has more than 50 properties, without knowing the property names (that&#39;s without knowing the &#39;keys&#39;) how to get each property value in a loop?


How to get all properties values of a JavaScript Object (without knowing the keys)?

I&#39;m trying to get the nth root of a number using JavaScript, but I don&#39;t see a way to do it using the built in `Math` object. Am I overlooking something?  
If not...

Is there a math library I can use that has this functionality?  
If not...

What&#39;s the best algorithm to do this myself?

JavaScript: Calculate the nth root of a number

In my page body, I need to insert this code as the result of an AJAX call:

        &lt;p&gt;Loading jQuery&lt;/p&gt;
        &lt;script type=&#39;text/javascript&#39; src=&#39;scripts/jquery/core/jquery-1.4.4.js&#39;&gt;&lt;/script&gt;
        &lt;p&gt;Using jQuery&lt;/p&gt;
        &lt;script type=&#39;text/javascript&#39;&gt;
            $.ajax({
                ...
            });
        &lt;/script&gt;

I can&#39;t use `$.load()` since the document has already loaded, so the event doesn&#39;t fire.

Is this safe? If not, how do I make sure the jquery script has loaded before my custom, generated code is executed.


Waiting for dynamically loaded script

What&#39;s the difference between `&amp;` and `&amp;&amp;` in JavaScript?

Example code:

    var first  = 123;
    var second = false;
    var third  = 456;
    var fourth = &quot;abc&quot;;
    var fifth  = true;
    alert(first &amp; second); // 0
    alert(first &amp; third);  // 72
    alert(first &amp; fourth); // 0
    alert(first &amp; fifth);  // 1

    alert(first &amp;&amp; second); // false
    alert(first &amp;&amp; third);  // 456
    alert(first &amp;&amp; fourth); // abc
    alert(first &amp;&amp; fifth);  // true

It seems like `&amp;&amp;` is a logical `and` which gives me always the second value if both are `true`.

But what is `&amp;`?

(By the way, `&amp;&amp;` seems to be `and` in Python; `&amp;` seems to be `&amp;` in Python)

What&#39;s the difference between &amp; and &amp;&amp; in JavaScript?

I have an array like this 

    arr = [&quot;orange&quot;,&quot;red&quot;,&quot;black&quot;,&quot;white&quot;]

I want to augment the array object defining a `deleteElem()` method which acts like this:

    arr2 = arr.deleteElem(&quot;red&quot;); // [&quot;orange&quot;,&quot;black&quot;,&quot;white&quot;] (with no hole)

What is the best way to accomplish this task using just the value parameter (no index)?




The best way to remove array element by value

I have a `click` event that is triggered from another place automatically for the first time. My problem is that it runs too soon, since the required variables are still being defined by Flash and web services. So right now I have:

    (function ($) {
        $(window).load(function(){
            setTimeout(function(){
                $(&#39;a.play&#39;).trigger(&quot;click&quot;);
            }, 5000);
        });
    })(jQuery);

The problem is that 5 seconds for a person with a slow internet connection could be too fast and vice versa, for a person with a fast internet connection, it&#39;s too slow.

So how should I do the delay or timeout until `someVariable` is defined?

While variable is not defined - wait

I have a `div` element with text in it and a background image, which is set via the CSS property `background-image`. Is it possible to fade in the background image via jQuery?

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    div {
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg);
      border: 1px solid #666;
      height: 10em;
    }

&lt;!-- language: lang-html --&gt;

    &lt;div&gt;Text&lt;/div&gt;

&lt;!-- end snippet --&gt;

**EDIT**

I&#39;ve made a [fiddle](http://jsfiddle.net/aknuds1/Tz6Q3/1/) exemplifying my scenario. Basically, this configures an initial `background-image` and a `transition`, and changes the `background-image` with jQuery. In my testing there is no animated transition between the two images.

**EDIT2**

My revised [fiddle](http://jsfiddle.net/aknuds1/Tz6Q3/4/) works! 

Can I fade in a background image (CSS: background-image) with jQuery?

Can anyone tell me if it&#39;s possible to find an element based on its content rather than by an **ID** or **class**?

I am attempting to find elements that don&#39;t have distinct classes or IDs. (Then I then need to find that element&#39;s parent.)

How can I find elements by text content with jQuery?

There are way too many questions and answers about this basic functionality, I cannot see the wood for the trees. 

In Java there is only one simple answer (`java.text.NumberFormat` and its subclasses) so I&#39;m sure the majority of plugins, questions and answers will mature eventually to a de-facto standard for JQuery.

**This plugin** is the best I found so far, but I don&#39;t know if it&#39;s still developed, is mature etc.

http://plugins.jquery.com/project/numberformatter

Is there a better solution? Is it mature / active enough to rely on?


----------

**Edit:**

I would like to be able to format currencies, decimal, integers based on the same format patterns Java uses, so that data recieved on the client side can be formatted without sending it first to the server. 

e.g. 

Format `1000` to `$1,000` or `1,000.00` etc (locale support is nice)

Seems that http://plugins.jquery.com/project/numberformatter does the job but the question was: &quot;Am I using the right thing?&quot; or &quot;Is there a better way to do so?&quot;





JQuery Number Formatting

My problem is that the webpage is not loaded inside the WebView. 

`mWebview.loadUrl(&quot;http://www.google.com&quot;);` launches the web browser...

This is the code of my activity:


    import android.app.Activity;
    import android.os.Bundle;
    import android.webkit.WebView;
    
    public class Main extends Activity {
    	
    	private WebView mWebview;
    
    	@Override
    	public void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		
    		mWebview = new WebView(this);
    		mWebview.loadUrl(&quot;http://www.google.com&quot;);
    		setContentView(mWebview);
    	}	
    }


I added the required permission in the Manifest:

    &lt;uses-permission android:name=&quot;android.permission.INTERNET&quot; /&gt;



How to load external webpage in WebView

I have tried a few approaches but none worked. Does anyone know a the nifty trick to get around this?

    &lt;textarea placeholder=&#39;This is a line \n this should be a new line&#39;&gt;&lt;/textarea&gt;
    
    &lt;textarea placeholder=&#39;This is a line     
    should this be a new line?&#39;&gt;&lt;/textarea&gt; &lt;!-- this works in chrome apparently --&gt;

UPDATE: It doesn&#39;t work in chrome. It was just the textarea width. 


**See:** http://jsfiddle.net/pdXRx/


Insert line break inside placeholder attribute of a textarea?

Somehow, hovering over a Google+ plus-one widget can introduce a tooltip-type deal that is clearly larger than the `&lt;iframe&gt;` element in which it is contained. I’ve inspected the DOM to confirm this.\*

[![iframe boundaries][1]][1]

So:

1. What? How!?

2. Is this not a massive opportunity for clickjacking, if used maliciously? (Imagine someone doing a MITM for these social widgets!)

_\*Update: What I saw was that the tooltip-y message was in a_ second, _dynamically created `iframe`._


  [1]: http://i.stack.imgur.com/h1DtN.gif

How do Google+ +1 widgets break out of their iframe?

I&#39;m looking to &quot;cut&quot; the top left corner of a div, like if you had folded the corner of a page down.

I&#39;d like to do it in pure CSS, are there any methods?

Cut Corners using CSS

I just saw a CSS code that included `::before` tag. I looked at [MDN][1] to see what the `::before` is but I really didn&#39;t understand it. 

Can someone explain how it works? 

Does it make a DOM element before what we select by CSS?

  [1]: https://developer.mozilla.org/en/CSS/:before

What is the difference between :before and ::before?

&gt; **Possible Duplicate:**  
&gt; [How to properly vertically align an image](https://stackoverflow.com/questions/7273338/how-to-properly-vertically-align-an-image)  

&lt;!-- End of automatically inserted text --&gt;

Image size changes but the div size is fixed

These are CSS but not working. Is it possible to achieve this without using background feature of CSS.

This is CSS class which image is inserted in.


        .PI
    {
        top: 25px;
        position: absolute;
        width: 239px;
        height: 120px;
    	line-height:120px;
        text-align: center;
    	left:-2px;
    	  border-top: 1px solid #f7f7f7;
       background: #b5aeb1;
       background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#b5aeb1));
       background: -webkit-linear-gradient(top, #d9d9d9, #b5aeb1);
       background: -moz-linear-gradient(top, #d9d9d9, #b5aeb1);
       background: -ms-linear-gradient(top, #d9d9d9, #b5aeb1);
       background: -o-linear-gradient(top, #d9d9d9, #b5aeb1);
       -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
       border-radius: 8px;
       -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
       -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
       box-shadow: rgba(0,0,0,1) 0 1px 0;
       text-decoration: none;
       vertical-align: middle;	
    }
    
    .PI img
    {
    margin: auto;
    vertical-align: middle;  
    }



How to vertical align image inside div

I want to style the caret of a focused `&lt;input type=&#39;text&#39;/&gt;`. Specifically, the color and thickness.

Content Type	Original Author	Original Content on Stackoverflow
Question	Drew Galbraith	View Question on Stackoverflow
Solution 1 - Javascript	VNO	View Answer on Stackoverflow
Solution 2 - Javascript	Valamas	View Answer on Stackoverflow

How to auto-scroll to end of div when data is added?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

How accurately should I store latitude and longitude?

Python Glob without the whole path - only the filename

Attributions