Correct ways in jQuery are -

 - `$(&#39;#test&#39;).prop(&#39;scrollHeight&#39;)` OR
 - `$(&#39;#test&#39;)[0].scrollHeight` OR
 - `$(&#39;#test&#39;).get(0).scrollHeight`



&lt;code&gt;[scrollHeight][1]&lt;/code&gt; is a regular javascript property so you don&#39;t need jQuery.

    var test = document.getElementById(&quot;foo&quot;).scrollHeight;


  [1]: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight

You can also use:

```$(&#39;#test&#39;).context.scrollHeight```

I am redesigning a customer database and one of the new pieces of information I would like to store along with the standard address fields (Street, City, etc.) is the geographic location of the address.  The only use case I have in mind is to allow users to map the coordinates on Google maps when the address cannot otherwise be found, which often happens when the area is newly developed, or is in a remote/rural location.

My first inclination was to store latitude and longitude as decimal values, but then I remembered that SQL Server 2008 R2 has a `geography` data type.  I have absolutely no experience using `geography`, and from my initial research, it looks to be overkill for my scenario.

For example, to work with latitude and longitude stored as `decimal(7,4)`, I can do this:

    insert into Geotest(Latitude, Longitude) values (47.6475, -122.1393)
    select Latitude, Longitude from Geotest

but with `geography`, I would do this:


    insert into Geotest(Geolocation) values (geography::Point(47.6475, -122.1393, 4326))
    select Geolocation.Lat, Geolocation.Long from Geotest

Although it&#39;s not *that* much more complicated, why add complexity if I don&#39;t have to?

Before I abandon the idea of using `geography`, is there anything I should consider?  Would it be faster to search for a location using a spatial index vs. indexing the Latitude and Longitude fields?  Are there advantages to using `geography` that I am not aware of?  Or, on the flip side, are there caveats that I should know about which would discourage me from using `geography`?

---

Update
----------

@Erik Philips brought up the ability to do proximity searches with `geography`, which is very cool.  

On the other hand, a quick test is showing that a simple `select` to get the latitude and longitude is significantly slower when using `geography` (details below).  , and a comment on the [accepted answer][1] to another SO question on `geography` has me leery:

&gt; @SaphuA You&#39;re welcome. As a sidenote be VERY carefull of using a
&gt; spatial index on a nullable GEOGRAPHY datatype column. There are some
&gt; serious performance issue, so make that GEOGRAPHY column non-nullable
&gt; even if you have to remodel your schema. – Tomas Jun 18 at 11:18

All in all, weighing the likelihood of doing proximity searches vs. the trade-off in performance and complexity, I&#39;ve decided to forgo the use of `geography` in this case.

---

Details of the test I ran:

I created two tables, one using `geography` and another using `decimal(9,6)` for latitude and longitude:

    CREATE TABLE [dbo].[GeographyTest]
    (
    	[RowId] [int] IDENTITY(1,1) NOT NULL,
    	[Location] [geography] NOT NULL,
    	CONSTRAINT [PK_GeographyTest] PRIMARY KEY CLUSTERED ( [RowId] ASC )
    ) 
    
    CREATE TABLE [dbo].[LatLongTest]
    (
    	[RowId] [int] IDENTITY(1,1) NOT NULL,
    	[Latitude] [decimal](9, 6) NULL,
    	[Longitude] [decimal](9, 6) NULL,
    	CONSTRAINT [PK_LatLongTest] PRIMARY KEY CLUSTERED ([RowId] ASC)
    ) 

and inserted a single row using the same latitude and longitude values into each table:

    insert into GeographyTest(Location) values (geography::Point(47.6475, -122.1393, 4326))
    insert into LatLongTest(Latitude, Longitude) values (47.6475, -122.1393)

Finally, running the following code shows that, on my machine, selecting the latitude and longitude is approximately 5 times slower when using `geography`.

    declare @lat float, @long float,
    		@d datetime2, @repCount int, @trialCount int, 
    		@geographyDuration int, @latlongDuration int,
    		@trials int = 3, @reps int = 100000
    
    create table #results 
    (
    	GeographyDuration int,
    	LatLongDuration int
    )
    
    set @trialCount = 0
    
    while @trialCount &lt; @trials
    begin
    
    	set @repCount = 0
    	set @d = sysdatetime()
    
    	while @repCount &lt; @reps
    	begin
    		select @lat = Location.Lat,  @long = Location.Long from GeographyTest where RowId = 1
    		set @repCount = @repCount + 1
    	end
    
    	set @geographyDuration = datediff(ms, @d, sysdatetime())
    
    	set @repCount = 0
    	set @d = sysdatetime()
    
    	while @repCount &lt; @reps
    	begin
    		select @lat = Latitude,  @long = Longitude from LatLongTest where RowId = 1
    		set @repCount = @repCount + 1
    	end
    
    	set @latlongDuration = datediff(ms, @d, sysdatetime())
    
    	insert into #results values(@geographyDuration, @latlongDuration)
    
    	set @trialCount = @trialCount + 1
    
    end
    
    select * 
    from #results
    
    select avg(GeographyDuration) as AvgGeographyDuration, avg(LatLongDuration) as AvgLatLongDuration
    from #results
    
    drop table #results

Results:

    GeographyDuration LatLongDuration
    ----------------- ---------------
    5146              1020
    5143              1016
    5169              1030
    
    AvgGeographyDuration AvgLatLongDuration
    -------------------- ------------------
    5152                 1022

What was more surprising is that even when no rows are selected, for example selecting where `RowId = 2`, which doesn&#39;t exist, `geography` was still slower:

    GeographyDuration LatLongDuration
    ----------------- ---------------
    1607              948
    1610              946
    1607              947
    
    AvgGeographyDuration AvgLatLongDuration
    -------------------- ------------------
    1608                 947

  [1]: https://stackoverflow.com/questions/6386577/sql-server-2008-r2-geography-distance/6387558#6387558





Why use the SQL Server 2008 geography data type?

Assuming I have the tables `student`, `club`, and `student_club`:

    student {
        id
        name
    }
    club {
        id
        name
    }
    student_club {
        student_id
        club_id
    }
I want to know how to find all students in both the soccer (30) and baseball (50) club.  
While this query doesn&#39;t work, it&#39;s the closest thing I have so far:

    SELECT student.*
    FROM   student
    INNER  JOIN student_club sc ON student.id = sc.student_id
    LEFT   JOIN club c ON c.id = sc.club_id
    WHERE  c.id = 30 AND c.id = 50

How to filter SQL results in a has-many-through relation

How do I determine scrollHeight of a division use css overflow:auto?

I&#39;ve tried:

    $(&#39;test&#39;).scrollHeight();
    $(&#39;test&#39;).height(); but that just returns the size of the div not all the content

Ultimately, I&#39;m trying to create a chat and always have the scroll bar to the current message on the screen.

So I was thinking something like the following:

    var test = $(&#39;test&#39;).height();
    $(&#39;test&#39;).scrollTop(test);

Thank you,

Brian 

How do I determine scrollHeight?

How do I determine scrollHeight of a division use css overflow:auto?
I've tried:
<pre><code class="hljs language-scss">$('test').scrollHeight();
$('test').height(); but that just returns the size of the div not all the content
</code></pre>
Ultimately, I'm trying to create a chat and always have the scroll bar to the current message on the screen.
So I was thinking something like the following:
<pre><code class="hljs language-ini">var test = $('test').height();
$('test').scrollTop(test);
</code></pre>
Thank you,
Brian

In Safari with no add-ons (and actually most other browsers), `console.log` will show the object at the last state of execution, not at the state when `console.log` was called.

I have to clone the object just to output it via `console.log` to get the state of the object at that line.

__Example:__

    var test = {a: true}
    console.log(test); // {a: false}
    test.a = false; 
    console.log(test); // {a: false}

How can I make console.log show the current state of an object?

Is there a reliable cross-browser way to detect that a tab has focus.

The scenario is that we have an application that polls regularly for stock prices, and if the page doesn&#39;t have focus we could stop the polling and save everyone the traffic noise, especially as people are fans of opening several tabs with different portfolios.

Is `window.onblur` and `window.onfocus` an option for this?

Detect If Browser Tab Has Focus

I&#39;ve seen some discussions on SO regarding `$(this)` vs `$this` in jQuery, and they make sense to me. (See [discussion here][1] for an example.)

But what about the snippet below, from the jQuery website plugin tutorial showing how chainability works?

    (function ($) {

        $.fn.lockDimensions = function (type) {

            return this.each(function () {

                var $this = $(this);

                if (!type || type == &#39;width&#39;) {
                    $this.width($this.width());
                }

                if (!type || type == &#39;height&#39;) {
                    $this.height($this.height());
                }

            });

        };
    })(jQuery);

What does `$this` represent above?  Just when I think I have it figured out ...


  [1]: https://stackoverflow.com/questions/1051782/jquery-this-vs-this

$this vs $(this) in jQuery

Is there a better way to get the type of a variable in JS than `typeof`? It works fine when you do:

    &gt; typeof 1
    &quot;number&quot;
    &gt; typeof &quot;hello&quot;
    &quot;string&quot;

But it&#39;s useless when you try:
    
    &gt; typeof [1,2]
    &quot;object&quot;
    &gt;r = new RegExp(/./)
    /./
    &gt; typeof r
    &quot;function&quot;

I know of `instanceof`, but this requires you to know the type beforehand.    

    &gt; [1,2] instanceof Array
    true
    &gt; r instanceof RegExp
    true

Is there a better way?

Better way to get type of a Javascript variable?

Someone told me that when you use `setTimeout` you must clear it with `clearTimeout`. I can understand before the timeout runs out, but why after? Or is it untrue?

When using setTimeout do you have to clearTimeout?

I am linking to the jQuery Mobile stylesheet on a CDN and would like to fall back to my local version of the stylesheet if the CDN fails. For scripts the solution is well known:

    &lt;!-- Load jQuery and jQuery mobile with fall back to local server --&gt;
    &lt;script src=&quot;http://code.jquery.com/jquery-1.6.3.min.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
      if (typeof jQuery == &#39;undefined&#39;) {
        document.write(unescape(&quot;%3Cscript src=&#39;jquery-1.6.3.min.js&#39;%3E&quot;));
      }
    &lt;/script&gt;

I would like to do something similar for a style sheet:

    &lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css&quot; /&gt;

I am not sure if a similar approach can be achieved because I am not sure whether the browser blocks in the same way when linking a script as it does when loading a script (maybe it is possible to load a stylesheet in a script tag and then inject it into the page) ?	


So my question is: How do I ensure a stylesheet is loaded locally if a CDN fails ?


How to fallback to local stylesheet (not script) if CDN fails

I&#39;m using the chosen.js plugin http://harvesthq.github.com/chosen/ with jQuery to allow the user to select multiple options from a select. However, I now want to be able to let them *create* values that aren&#39;t already present - any idea how to go about this? 

EDIT: something similar to SO&#39;s own tag selection/creation bar would be close to what I&#39;m after

Preferably without changing or editing the plugin, but will do if required.

The code:
HTML:

    &lt;p&gt;Select something&lt;/p&gt;
    &lt;select name=&quot;theSelect[]&quot; multiple=&quot;multiple&quot;&gt;
        &lt;option value=&quot;First Option&quot;&gt;First Option&lt;/option&gt;
        &lt;option value=&quot;Second Option&quot;&gt;Second Option&lt;/option&gt;
    &lt;/select&gt;

Javascript:

    $(function(){
        $(&#39;select&#39;).chosen();
    });

So if a user were to type in &quot;Third Option&quot;, i&#39;d like to add that to the list and have it selected. The value and display name are / will be the same so that&#39;s not a concern

allow new values with chosen.js multiple select

Say I get some JSON back from a service request that looks like this:

    {
        &quot;message&quot;: &quot;We&amp;#39;re unable to complete your request at this time.&quot;
    }

I&#39;m not sure *why* that apostraphe is encoded like that (`&amp;#39;`); all I know is that I want to decode it.

Here&#39;s one approach using jQuery that popped into my head:

    function decodeHtml(html) {
        return $(&#39;&lt;div&gt;&#39;).html(html).text();
    }

That seems (very) hacky, though. What&#39;s a better way? Is there a &quot;right&quot; way?

What&#39;s the right way to decode a string that has special HTML entities in it?

In jQuery, is it recommended to check if a class is already assigned to an element before adding that class? Will it even have any effect at all?

For example:

    &lt;label class=&#39;foo&#39;&gt;bar&lt;/label&gt;


When in doubt if class `baz` has already been assigned to `label`, would this be the best approach:

    var class = &#39;baz&#39;;
    if (!$(&#39;label&#39;).hasClass(class)) {
      $(&#39;label&#39;).addClass(class);
    }

or would this be enough:

    $(&#39;label&#39;).addClass(&#39;baz&#39;);



Content Type	Original Author	Original Content on Stackoverflow
Question	Brian	View Question on Stackoverflow
Solution 1 - Javascript	Anmol Saraf	View Answer on Stackoverflow
Solution 2 - Javascript	Dennis	View Answer on Stackoverflow
Solution 3 - Javascript	slunt32	View Answer on Stackoverflow

How do I determine scrollHeight?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

How to filter SQL results in a has-many-through relation

Why use the SQL Server 2008 geography data type?

Attributions