You need to have a `@require` in the user script header to load jQuery. Something like:

    // @require http://code.jquery.com/jquery-3.4.1.min.js

(Selecting your desired version from the of [list of available versions of jQuery](http://code.jquery.com/jquery/))


  [1]: http://code.jquery.com/

For future googlers, 

If you have used the above method and still jQuery doesn&#39;t seem to be loaded by your script try looking at the spaces, And try to match the indentation with the rest of the header. Apparently the indentation is important.

**Faulty:**

    // ==UserScript==
    // @name         New Userscript
    // @namespace    http://tampermonkey.net/
    // @version      0.1
    // @description  try to take over the world!
    // @author       You
    // @match        https://stackoverflow.com/*
    // @require http://code.jquery.com/jquery-3.4.1.min.js 
    // @grant        none
    // ==/UserScript==

**Correct:**

    // ==UserScript==
    // @name         New Userscript
    // @namespace    http://tampermonkey.net/
    // @version      0.1
    // @description  try to take over the world!
    // @author       You
    // @match        https://stackoverflow.com/*
    // @require      http://code.jquery.com/jquery-3.4.1.min.js 
    // @grant        none
    // ==/UserScript==

I have read from a [codeforces][1] blog that if we add `#include &lt;bits/stdc++.h&gt;` in a `C++` program then there is no need to include any other header files. How does `#include &lt;bits/stdc++.h&gt;` work and is it ok to use it instead of including individual header files?

  [1]: https://codeforces.com

How does #include &lt;bits/stdc++.h&gt; work in C++?

In Objective-C, you can define a block&#39;s input and output, store one of those blocks that&#39;s passed in to a method, then use that block later:

    // in .h

		typedef void (^APLCalibrationProgressHandler)(float percentComplete);
		typedef void (^APLCalibrationCompletionHandler)(NSInteger measuredPower, NSError *error);

		// in .m

		@property (strong) APLCalibrationProgressHandler progressHandler;
		@property (strong) APLCalibrationCompletionHandler completionHandler;

		- (id)initWithRegion:(CLBeaconRegion *)region completionHandler:(APLCalibrationCompletionHandler)handler
		{
		    self = [super init];
		    if(self)
		    {
		        ...
		        _completionHandler = [handler copy];
		        ..
		    }
    
		    return self;
	}

	- (void)performCalibrationWithProgressHandler:(APLCalibrationProgressHandler)handler
	{
	    ...
           
	            self.progressHandler = [handler copy];
            
	     ...
	            dispatch_async(dispatch_get_main_queue(), ^{
	                _completionHandler(0, error);
	            });
	     ...
	}

So I&#39;m trying to do the equivilant in Swift:

    var completionHandler:(Float)-&gt;Void={}
   
    
    init() {
        locationManager = CLLocationManager()
        region = CLBeaconRegion()
        timer = NSTimer()
    }
    
    convenience init(region: CLBeaconRegion, handler:((Float)-&gt;Void)) {
        self.init()
        locationManager.delegate = self
        self.region = region
        completionHandler = handler
        rangedBeacons = NSMutableArray()
    }

The compiler doesn&#39;t like that declaration of completionHandler. Not that I blame it, but, how do I define a closure that can be set and used later in Swift?



Store a closure as a variable in Swift

I am writing a script which logs into my college network when the login page is loaded. 

The code looks as follows

    // ==UserScript==
    // @name       My Fancy New Userscript
    // @namespace  http://use.i.E.your.homepage/
    // @version    0.1
    // @description  enter something useful
    // @match      &lt;College login page&gt;
    // @copyright  2012+, You
    // ==/UserScript==    
    $(document).ready(function() {
            
        var usr=document.getElementsByName(&quot;username&quot;);
            
        var pass = document.getElementByName(&quot;password&quot;);
            
        usr.value=&quot;usrname&quot;;    
        pass.value=&quot;password&quot;;    
            
        var submitButton = document.querySelector (&#39;input[type=&quot;submit&quot;][value=&quot;Login&quot;]&#39;);
                        
        var clickEvent  = document.createEvent (&#39;MouseEvents&#39;);
                        
        clickEvent.initEvent (&#39;click&#39;, true, true);
                        
        submitButton.dispatchEvent (clickEvent);
        
        });

The console shows a error saying

    $ is not defined

Can someone tell me what is going on here?





Trying to load jquery into tampermonkey script

I am writing a script which logs into my college network when the login page is loaded.
The code looks as follows
<pre><code class="hljs language-ini">// ==UserScript==
// @name My Fancy New Userscript
// @namespace http://use.i.E.your.homepage/
// @version 0.1
// @description enter something useful
// @match &#x3C;College login page>
// @copyright 2012+, You
// ==/UserScript== 
$(document).ready(function() {
 
 var usr=document.getElementsByName("username");
 
 var pass = document.getElementByName("password");
 
 usr.value="usrname"; 
 pass.value="password"; 
 
 var submitButton = document.querySelector ('input[type="submit"][value="Login"]');
 
 var clickEvent = document.createEvent ('MouseEvents');
 
 clickEvent.initEvent ('click', true, true);
 
 submitButton.dispatchEvent (clickEvent);
 
 });
</code></pre>
The console shows a error saying
<pre><code class="hljs language-ruby">$ is not defined
</code></pre>
Can someone tell me what is going on here?

Is there a way to get `number.toLocaleString()` with 4 digits after the comma?

Example:

    var number = 49.9712;
    document.getElementById(&#39;id&#39;).innerText = number.toLocaleString();

Result:
**49,9712** 

But now it always returns number with 2 digits after comma:
**49,97** 

JavaScript Number.toLocaleString() with 4 digits after separator

I need to retrieve the visible height of a div within a scrollable area. I consider myself pretty decent with jQuery, but this is completely throwing me off.

Let&#39;s say I&#39;ve got a red div within a black wrapper:

&lt;img src=&quot;http://i.imgur.com/oiFk3n4.png&quot; /&gt;

In the graphic above, the jQuery function would return 248, the visible portion of the div.

&lt;img src=&quot;http://i.imgur.com/qzHJLZo.png&quot; /&gt;

Once the user scrolls past the top of the div, as in the above graphic, it would report 296.

&lt;img src=&quot;http://i.imgur.com/m8lkMcj.png&quot; /&gt;

Now, once the user has scrolled past the div, it would again report 248.

Obviously my numbers aren&#39;t going to be as consistent and clear as they are in this demo, or I&#39;d just hard code for those numbers.

I have a bit of a theory:

 - Get the height of the window
 - Get the height of the div
 - Get the initial offset of the div from the top of the window
 - Get the offset as the user scrolls.
   - If the offset is positive, it means the top of the div is still visible.
   - if it&#39;s negative, the top of the div has been eclipsed by the window. At this point, the div could either be taking up the whole height of the window, or the bottom of the div could be showing
   - If the bottom of the div is showing, figure out the gap between it and the bottom of the window.

It seems pretty simple, but I just can&#39;t wrap my head around it. I&#39;ll take another crack tomorrow morning; I just figured some of you geniuses might be able to help.

Thanks!

UPDATE: I figured this out on my own, but looks like one of the answers below is more elegant, so I&#39;ll be using that instead. For the curious, here&#39;s what I came up with:

    $(document).ready(function() {
    	var windowHeight = $(window).height();
    	var overviewHeight = $(&quot;#overview&quot;).height();
    	var overviewStaticTop = $(&quot;#overview&quot;).offset().top;
    	var overviewScrollTop = overviewStaticTop - $(window).scrollTop();
    	var overviewStaticBottom = overviewStaticTop + $(&quot;#overview&quot;).height();
    	var overviewScrollBottom = windowHeight - (overviewStaticBottom - $(window).scrollTop());
    	var visibleArea;
    	if ((overviewHeight + overviewScrollTop) &lt; windowHeight) {
    		// alert(&quot;bottom is showing!&quot;);
    		visibleArea = windowHeight - overviewScrollBottom;
    		// alert(visibleArea);
    	} else {
    		if (overviewScrollTop &lt; 0) {
    			// alert(&quot;is full height&quot;);
    			visibleArea = windowHeight;
    			// alert(visibleArea);
    		} else {
    			// alert(&quot;top is showing&quot;);
    			visibleArea = windowHeight - overviewScrollTop;
    			// alert(visibleArea);
    		}
    	}
    });

Get the visible height of a div with jQuery

I&#39;m trying to loop through childNodes like this:

    var children = element.childNodes;
    children.forEach(function(item){
        console.log(item);
    });
However, it output `Uncaught TypeError: undefined is not a function` due to `forEach` function. I also try to use `children` instead of `childNodes` but nothing changed.

Does anybody know what&#39;s going on?

Loop through childNodes

[The API for `chart.js`][1] allows one to edit points of the datasets loaded into it, for example:

&gt; ###`.update( )`
&gt; 
&gt; Calling update() on your Chart instance will re-render the chart with
&gt; any updated values, allowing you to edit the value of multiple
&gt; existing points, then render those in one animated render loop.
&gt; 
&gt; ###`.addData( valuesArray, label )`
&gt; 
&gt; Calling addData(valuesArray, label) on your Chart instance passing an
&gt; array of values for each dataset, along with a label for those points.
&gt; 
&gt; ###`.removeData( )`
&gt; 
&gt; Calling removeData() on your Chart instance will remove the first
&gt; value for all datasets on the chart.

All of these are great, but I cannot figure out how to load an entirely new dataset in, wiping out the old. The documentation does not seem to cover this.

  [1]: http://www.chartjs.org/docs/#line-chart

chart.js load totally new data

    loginService.islogged() 

Above function return a string like &quot;failed&quot;.
However, when I try to run then function on it, it will return error of

    TypeError: Cannot read property &#39;then&#39; of undefined

and the cursor is indicate right after `connected` and before `.then`.

Below is the full function:


    var connected=loginService.islogged();
    alert(connected);
    connected.then(function(msg){
    	alert(&quot;connected value is &quot;+connected);
    	alert(&quot;msg.data value is &quot;+msg.data);
    	if(!msg.data.account_session || loginService.islogged()==&quot;failed&quot;)       
            $location.path(&#39;/login&#39;);
    });

UPDATE

Here is the `islogged()` function

    islogged:function(){
    	var cUid=sessionService.get(&#39;uid&#39;);
    	alert(&quot;in loginServce, cuid is &quot;+cUid);
    	var $checkSessionServer=$http.post(&#39;data/check_session.php?cUid=&#39;+cUid);
    	$checkSessionServer.then(function(){
    		alert(&quot;session check returned!&quot;);
            console.log(&quot;checkSessionServer is &quot;+$checkSessionServer);
    	    return $checkSessionServer;
    	});
    }


I am certain that the `$checkSessionServer` will result in a &quot;failed&quot; string. Nothing more.

TypeError: Cannot read property &#39;then&#39; of undefined

 
onchange event is not working. What am I supposed to do to get result on same page. I dont want to redirect to any other page to upload image. Is this issue is because of opencart? I dont know if it is correct to write like this in cpanel. I am using opencart and cpanel. Is there any other way?

 **HTML**

     &lt;input type=&#39;file&#39; id=&quot;upload&quot; onchange=&quot;readURL(this.value)&quot; /&gt;
        &lt;img id=&quot;img&quot; src=&quot;#&quot; alt=&quot;your image&quot; /&gt;

**script**

    function readURL(input) {
    var url = input.value;
    var ext = url.substring(url.lastIndexOf(&#39;.&#39;) + 1).toLowerCase();
    if (input.files &amp;&amp; input.files[0]&amp;&amp; (ext == &quot;gif&quot; || ext == &quot;png&quot; || ext == &quot;jpeg&quot; || ext == &quot;jpg&quot;)) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $(&#39;#img&#39;).attr(&#39;src&#39;, e.target.result);
        }
        reader.readAsDataURL(input.files[0]);
    }
    else{
         $(&#39;#img&#39;).attr(&#39;src&#39;, &#39;/assets/no_preview.png&#39;);
      }
    }


[JSFiddle](http://jsfiddle.net/Junkie/stN8U/)

onchange file input change img src and change image color

When pushing an array&#39;s contents to another array I get 

&gt; &quot;Uncaught TypeError: Cannot read property &#39;push&#39; of undefined&quot; error
&gt; in this snippet.

	var order = new Object(), stack = [];
	for(var i=0;i&lt;a.length;i++){
		if(parseInt(a[i].daysleft) == 0){ order[0].push(a[i]); }
		if(parseInt(a[i].daysleft) &gt; 0){ order[1].push(a[i]); }
		if(parseInt(a[i].daysleft) &lt; 0){ order[2].push(a[i]); }
	}

Why do I get this error in the second **if** statement ?
Thanks a lot!

Cannot read property &#39;push&#39; of undefined when combining arrays

I dont want to allow users to access my site with Microsoft Internetexplorer (ANY VERSION).

What I&#180;ve found so far was to detect if it&#180;s lower or equal version 10.

A very annoing thing: Internetexplorer &gt;v10 doesn&#180;t admit to be a InternetExplorer.

What i&#180;ve found and tried so far:

    if(navigator.appVersion.indexOf(&quot;MSIE&quot;)!=-1){
    alert(&quot;You use IE. That&#180;s no good.&quot;);
    }

or

    if ( $.browser.msie ) {
    alert( $.browser.version );
    }

and

[http://msdn.microsoft.com/en-us/library/ie/ms537509%28v=vs.85%29.aspx][1]

I would use any solution if it is in javascript, jquery or php if there is one.



  [1]: http://msdn.microsoft.com/en-us/library/ie/ms537509%28v=vs.85%29.aspx

Detect if any kind of IE (MSIE)

I am only using one line of jQuery in my application:

    $(&quot;div.printArea&quot;).printArea();

But this is giving me a Typescript error:

   &gt;The property &#39;printArea&#39; does not exist on type JQuery?

Can someone tell me how I can stop this error appearing?



How can I stop &quot;property does not exist on type JQuery&quot; syntax errors when using Typescript?

I would like to debug a Tampermonkey script with Chrome&#39;s console, but I can&#39;t find my script in the list..

![enter image description here][1]

Am I doing something wrong, or is it just that the Tampermonkey scripts don&#39;t appear there? And in that case, how can I debug it?


  [1]: http://i.stack.imgur.com/C71uq.jpg

Debug tampermonkey script

The [GreaseSpot page on metadata blocks][1] says that the two are very similar but `@match` &quot;sets more strict rules on what the `*` character means.&quot;  GreaseSpot then proceeds to [teach][2] using `@include`, but Chrome examples like [this][3] generally seem to use `@match` and indicate that `@include` is only supported for compatibility purposes; `@match` is preferred.

[Apparently][3], `@include google.*` can run on google.evil.com while `@match google.*` cannot.  
That one example is not sufficient to really see how the wildcards behave differently between these two, and better explanations are sought in answers here.

New GreaseMonkey scripts (Firefox) use `@include` by default while new TamperMonkey scripts (for e.g. Chrome) use `@match` by default.

What exactly are the differences between these two?

For example, how does each one handle wildcards?  
Are there differences in cross-browser compatibility?  
What reasons would someone have for choosing to use one over the other?


  [1]: http://wiki.greasespot.net/Metadata_Block
  [2]: http://wiki.greasespot.net/Include_and_exclude_rules
  [3]: https://www.chromium.org/developers/design-documents/user-scripts

What is the difference between @include and @match in userscripts?

I am trying to make a script run when &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;Alt&lt;/kbd&gt; + &lt;kbd&gt;e&lt;/kbd&gt; is pressed.  
How can Tampermonkey fire on a simultaneous ctrl, alt, and e key?

I have tried `ctrlKey`, and `altKey`.  I&#39;ve found nothing that works.  
How can I edit the script below to fire on &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;Alt&lt;/kbd&gt; + &lt;kbd&gt;e&lt;/kbd&gt;, instead of just &lt;kbd&gt;e&lt;/kbd&gt;?

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    (function() {
      document.addEventListener(&quot;keypress&quot;, function(e) {
        if (e.which == 101) {
          var xhttp = new XMLHttpRequest;
          xhttp.onreadystatechange = function() {
            4 == xhttp.readyState &amp;&amp; 200 == xhttp.status &amp;&amp; eval(xhttp.responseText)
          }, xhttp.open(&quot;GET&quot;, &quot;http://127.0.0.1:2337/inject&quot;, !0), xhttp.send();
        }
      });
    })();

&lt;!-- end snippet --&gt;



Content Type	Original Author	Original Content on Stackoverflow
Question	Jonah	View Question on Stackoverflow
Solution 1 - Javascript	Aardvark99	View Answer on Stackoverflow
Solution 2 - Javascript	Mohd Abdul Mujib	View Answer on Stackoverflow

Trying to load jquery into tampermonkey script

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Store a closure as a variable in Swift

How does #include <bits/stdc++.h> work in C++?

Attributions