Get a reference to the DOM node, use the [`ownerDocument`][1] property to get a reference to the document, then read its [`defaultView`][2] property ([`parentWindow`][3] for IE8-) to get a reference to the window:

    var $element = $(&#39;#elementId&#39;);
    var element = $element[0];
    // Assume that element exists, otherwise an error will be thrown at the next line
    var doc = element.ownerDocument;
    var win = doc.defaultView || doc.parentWindow;


  [1]: https://developer.mozilla.org/en-US/docs/DOM/Node.ownerDocument
  [2]: https://developer.mozilla.org/en-US/docs/DOM/document.defaultView
  [3]: http://msdn.microsoft.com/en-us/library/ie/ms534331%28v=vs.85%29.aspx

I have found this very useful Chrome extension called Postman. This is a very useful extension especially when you are into programming RESTful applications.

One thing I am confused on is that how this plugin/extension able to send POST request successfully on different domains?

I tried voting in a poll using Postman like this.

![Voting using Postman][1]

After submitting that, the vote was actually counted in, but when I tried doing that using AJAX and JavaScript, it fails, because of different origin policy of browsers.

How is that even possible?

Here is my code using jQuery. I used that in my computer though, localhost.

	init: function() {
		$.ajax({
			url: &#39;http://example.com/vote.php&#39;,
			type:&#39;POST&#39;,
			dataType: &#39;html&#39;,
			data: {
				id: &#39;1&#39;
			},
			success: function(data) {
			if ( data == &#39;voted&#39; ) {
				$(&#39;.set-result&#39;).html( &#39;you already voted. try again after 24 hours&#39; );
			} else {
				$(&#39;.set-result&#39;).html( &#39;successfully voted&#39; );
			}
		}
		});
	},

  [1]: http://i.stack.imgur.com/YEyj0.png

how Postman send requests? ajax, same origin policy

There are methods to sync my local git repository over to my google drive via google drive sync windows application, but I was wondering whether I could bypass its need altogether. 

Fro eg. 

    $ git remote add origin https://drive.google.com/&lt;my_folder&gt;/&lt;my_repository&gt;.git
    $ git push github master


Can I push/pull directly from my google drive online?

I have a javascript code like this
  
    var element = $(&quot;elementId&quot;);
I got the reference to the element (which is a div). 

Now I need to get the reference to the window in which this div element resides. But the problem is, here the $ is passed from a different window. So now the element resides in a different window. 

How to get reference to that window object which contains this div element? Pls Help.



Get reference of window object from a dom element

I have a javascript code like this
<pre><code class="hljs language-ini">var element = $("elementId");
</code></pre>
I got the reference to the element (which is a div).
Now I need to get the reference to the window in which this div element resides. But the problem is, here the $ is passed from a different window. So now the element resides in a different window.
How to get reference to that window object which contains this div element? Pls Help.

Why this does not work ? 

    if(typeof(localStorage.getItem(&quot;username&quot;))==&#39;undefined&#39;){
    	alert(&#39;no&#39;);
    };

The goal is to redirect the user from the index page to the login page if not already logged.
Here the `localStorage.getItem(&quot;username&quot;))` variable is not defined for the moment.

It&#39;s for an ios phonegap app.


HTML5 LocalStorage: Checking if a key exists

## Before I paste any code, here&#39;s the scenario: ##

   1. I have an HTML document that creates an empty iframe using JavaScript
   2. The JavaScript creates a function and attaches a reference to that function to the iframe&#39;s document object (using `doc.open()` to get a reference to the document)
   3. The function is then attached as an `onload` handler for the iframe&#39;s document (by writing `&lt;body onload=&quot;...&quot;&gt;` into the iframe.

Now what has me stumped is that the global (window) and document objects inside the onload handler (while it&#39;s running) is different from the same objects run through JavaScript added via script nodes.

## Here&#39;s the HTML: ##

    &lt;!doctype html&gt;
    &lt;html&gt;
    &lt;head&gt;
    &lt;script&gt;
    (function(){
      var dom,doc,where,iframe;
    
      iframe = document.createElement(&#39;iframe&#39;);
      iframe.src=&quot;javascript:false&quot;;
    
      where = document.getElementsByTagName(&#39;script&#39;)[0];
      where.parentNode.insertBefore(iframe, where);
    
      doc = iframe.contentWindow.document;
    
      var _doc = document;
    
      doc.open()._l=function() {
        // the window object should be the one that doc is inside
        window.vanishing_global=new Date().getTime();
    
        var js = this.createElement(&quot;script&quot;);
        js.src = &#39;test-vanishing-global.js?&#39; + window.vanishing_global;
    
        window.name=&quot;foobar&quot;;
        this.foobar=&quot;foobar:&quot; + Math.random();
        document.foobar=&quot;barfoo:&quot; + Math.random();
    
        // `this` should be the document object, but it&#39;s not
        console.log(&quot;this == document: %s&quot;, this == document);
        console.log(&quot;this == doc:      %s&quot;, this == doc);

        // the next two lines added based on @Ian&#39;s comment below
        console.log(&quot;_doc == document: %s&quot;, _doc == document);
        console.log(&quot;_doc == doc:      %s&quot;, _doc == doc);

        console.log(&quot;name: &quot; + window.name + &quot;\n&quot; + &quot;window.vanishing_global: &quot; + window.vanishing_global + &quot;\ntypeof window.vanishing_global: &quot; + typeof window.vanishing_global + &quot;\ndocument.foobar: &quot; + document.foobar);
        this.body.appendChild(js);
      };
      doc.write(&#39;&lt;body onload=&quot;document._l();&quot;&gt;&lt;/body&gt;&#39;);
      doc.close();
    })();
    &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;/body&gt;
    &lt;/html&gt;

## And here&#39;s `test-vanishing-global.js`: ##

    console.log(&quot;name: &quot; + window.name + &quot;\n&quot; + &quot;window.vanishing_global: &quot; + window.vanishing_global + &quot;\ntypeof window.vanishing_global: &quot; + typeof window.vanishing_global + &quot;\ndocument.foobar: &quot; + document.foobar);

## Instructions: ##
Put these two files into a directory, and open the HTML in a browser (tested in latest Chrome and Firefox, same result in both).

## This is the output I get: ##

    this == document: false
    this == doc:      true
    _doc == document: true
    _doc == doc:      false
    
    name: foobar
    window.vanishing_global: 1366037771608
    typeof window.vanishing_global: number
    document.foobar: barfoo:0.9013048021588475
    
    name: 
    window.vanishing_global: undefined
    typeof window.vanishing_global: undefined
    document.foobar: foobar:0.5015988759696484

The `this` object inside the handler should be either the document object.  It _is_ a document object, but not the same document object as the document that it runs inside (it&#39;s also not the same as the parent document).  The window object inside the handler is also not the same as the window object that runs in JavaScript loaded in the page.

## So finally my question: ##

Does anyone know what&#39;s going on, and how I can either get a reference to the actual window object, or at least declare and reference global variable from the same global context?

## Footnotes: ##

There are no cross-domain issues with this iframe since they&#39;re on the same domain.  There is an issue if someone sets `document.domain`, but that&#39;s not being done in this example code.

How to get a reference to an iframe&#39;s window object inside iframe&#39;s onload handler created from parent window

**HTML &amp; JS**

How do I call 2 functions from one onclick event? 
Here&#39;s my code

     &lt;input id =&quot;btn&quot; type=&quot;button&quot; value=&quot;click&quot; onclick=&quot;pay() cls()&quot;/&gt;

the two functions being pay() and cls(). 
Thanks!		

Call two functions from same onclick

I have three HTTP calls that need I need to make in a synchronous manner and how do I pass data from one call to the other?


    function first()
    {
       ajax()
    }
    
    function second()
    {
       ajax()
    }
    
    function third()
    {
       ajax()
    }
    
    
    function main()
    {
        first().then(second).then(third)
    }


I tried to use the deferred for the two functions and I came up with a partial solution. Can I extend  it to be for three functions?
 

    function first() {
        var deferred = $.Deferred();
         $.ajax({
                 
                 &quot;success&quot;: function (resp)
                 {
                    
                     deferred.resolve(resp);
                 },
                 
             });
        return deferred.promise();
    }
    
    function second(foo) {
         $.ajax({
                &quot;success&quot;: function (resp)
                {
                },
                &quot;error&quot;: function (resp)
                {
                }
            });
    }
    
    
    first().then(function(foo){second(foo)})

How do I chain three asynchronous calls using jQuery promises?

I am trying to send an Ajax POST request using Jquery but I am having 400 bad request error.

Here is my code:

    $.ajax({
      type: &#39;POST&#39;,
      url: &quot;http://localhost:8080/project/server/rest/subjects&quot;,
      data: {
        &quot;subject:title&quot;:&quot;Test Name&quot;,
        &quot;subject:description&quot;:&quot;Creating test subject to check POST method API&quot;,
        &quot;sub:tags&quot;: [&quot;facebook:work&quot;, &quot;facebook:likes&quot;],
        &quot;sampleSize&quot; : 10,
        &quot;values&quot;: [&quot;science&quot;, &quot;machine-learning&quot;]
      },
      error: function(e) {
        console.log(e);
      }
    });

It Says: Can not build resource from request.
What am I missing ?

Getting 400 bad request error in Jquery Ajax POST

I have the following code to display in Indian numbering system. 

     var x=125465778;
     var res= x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, &quot;,&quot;);

Am getting this output :`125,465,778`.

I need output like this: `12,54,65,778`.

Please help me to sort out this  problem .



Displaying a number in Indian format using Javascript

  I saw in some places .attr() is used in jQuery.In some places .prop() is used.But i searched 
   in SO and google i am very confused .Please tell me the exact difference between 
  these two and when to use them.

   I have seen the following links
     [https://stackoverflow.com/questions/15057281/jquery-attr-vs-prop-there-are-a-list-of-props][1]
     [https://stackoverflow.com/questions/13247058/jquery-attr-vs-prop][2]


  But I did not got the answer.Please help me.Thanks in advance.

  Before giving a downvote please explain the reason, then I will correct in my next post.
   


  [1]: https://stackoverflow.com/questions/15057281/jquery-attr-vs-prop-there-are-a-list-of-props
  [2]: https://stackoverflow.com/questions/13247058/jquery-attr-vs-prop

Content Type	Original Author	Original Content on Stackoverflow
Question	Aniket	View Question on Stackoverflow
Solution 1 - Javascript	Rob W	View Answer on Stackoverflow

Get reference of window object from a dom element

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Can I push/pull directly from my google drive online?

how Postman send requests? ajax, same origin policy

Attributions