We have the following lists:

 - `touches`: A list of information for every finger currently touching the screen
 - `targetTouches`: Like touches, but is filtered to only the information for finger touches that started out within the same node
 - `changedTouches`: A list of information for every finger involved in the event

To better understand what might be in these lists, let’s go over some examples quickly. They vary according to the following rules: 

 - When I put a finger down, all three lists will have the same information. It will be in `changedTouches` because putting the finger down is what caused the event
 - When I put a second finger down, `touches` will have two items, one for each finger. `targetTouches` will have two items only if the finger was placed in the same node as the first finger. `changedTouches` will have the information related to the second finger, because it’s what caused the event
 - If I put two fingers down at exactly the same time, it’s possible to have two items in `changedTouches`, one for each finger
 - If I move my fingers, the only list that will change is `changedTouches` and will contain information related to as many fingers as have moved (at least one).
 - When I lift a finger, it will be removed from `touches`, `targetTouches` and will appear in `changedTouches` since it’s what caused the event
 - Removing my last finger will leave `touches` and `targetTouches` empty, and `changedTouches` will contain information for the last finger


I am loading a YAML file in Rails 3.0.9 like this:

    APP_CONFIG = YAML.load(File.read(File.expand_path(&#39;../app.yml&#39;, __FILE__)))

It loads the all of the contents like hierarchical hashes, no problem.  The part I don&#39;t like is the fact that the hashes can only be accessed with single or double quotes but not a symbol.  

    APP_CONFIG[&#39;mailer&#39;][&#39;username&#39;]  # works fine
    APP_CONFIG[:mailer][:username]    # doesn&#39;t

Any thoughts?

Rails load YAML to hash and reference by symbol

        create table #Events
    (
    	EventID int identity primary key,
    	StartDate datetime not null,
    	EndDate datetime not null
    )
    go
    insert into #Events (StartDate, EndDate)
    select &#39;2007-01-01 12:44:12 AM&#39;, &#39;2007-01-01 12:45:34 AM&#39; union all
    select &#39;2007-01-01 12:45:12 AM&#39;, &#39;2007-01-01 12:46:34 AM&#39; union all
    select &#39;2007-01-01 12:46:12 AM&#39;, &#39;2007-01-01 12:47:34 AM&#39; union all
    select &#39;2007-01-02 5:01:08 AM&#39;, &#39;2007-01-02 5:05:37 AM&#39; union all
    select &#39;2007-01-02 5:50:08 AM&#39;, &#39;2007-01-02 5:55:59 AM&#39; union all
    select &#39;2007-01-03 4:34:12 AM&#39;, &#39;2007-01-03 4:55:18 AM&#39; union all
    select &#39;2007-01-07 3:12:23 AM&#39;, &#39;2007-01-07 3:52:25 AM&#39;


(with apologies to http://www.sqlteam.com/article/working-with-time-spans-and-durations-in-sql-server for harvesting their base sql)

I am trying to find the count of Events that occurred in an hour, so the result set would look like this:

    2007-01-01      12:00     3
    2007-01-02       5:00     2
    2007-01-03       4:00     1
    2007-01-07       3:00     1


I have been playing with dateadd and round and grouping but not getting it. Can anyone help?

Thanks.


SQL Server Group by Count of DateTime Per Hour?

Let&#39;s say I am listening for `touchstart`, `touchmove` and `touchend` on the `body` element.

Let me know if I&#39;m wrong, but I think `e.touches` is the same as `e.targetTouches`? If so, how `e.changedTouches` varies in relation with them? 

I mean, given one touch at one given moment, I fetch the touchevent and parse it. In my experience all three touch variables are the same. 

I have to send the parsed data to the server and it&#39;s quite redundant to send three times the same exact string, isn&#39;t there any way to send them once and programatically reproduce the touchevent on the server?

Variation of e.touches, e.targetTouches and e.changedTouches

Let's say I am listening for <code>touchstart</code>, <code>touchmove</code> and <code>touchend</code> on the <code>body</code> element.
Let me know if I'm wrong, but I think <code>e.touches</code> is the same as <code>e.targetTouches</code>? If so, how <code>e.changedTouches</code> varies in relation with them?
I mean, given one touch at one given moment, I fetch the touchevent and parse it. In my experience all three touch variables are the same.
I have to send the parsed data to the server and it's quite redundant to send three times the same exact string, isn't there any way to send them once and programatically reproduce the touchevent on the server?

How to prevent default in an onclick method? I have a method in which I am also passing a custom value

    &lt;a href=&quot;#&quot; onclick=&quot;callmymethod(24)&quot;&gt;Call&lt;/a&gt;

&lt;!-- --&gt;

    function callmymethod(myVal){
        //doing custom things with myVal
        //here I want to prevent default
    }

How to prevent default event handling in an onclick method?

I know it is used to make `arguments` a real `Array`, but I don‘t understand what happens when using `Array.prototype.slice.call(arguments);`.

How does `Array.prototype.slice.call` work?

I&#39;m trying to do a function if enter is pressed while on specific input.

What I&#39;m I doing wrong?

    $(document).keyup(function (e) {
    	if ($(&quot;.input1&quot;).is(&quot;:focus&quot;) &amp;&amp; (e.keyCode == 13)) {
    		// Do something
    	}
    });

Is there a better way of doing this which would say, if enter pressed on `.input1` do function?

Detect the Enter key in a text input field

Here, jquery is mentioned under framework category:
http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks

Is jquery a javascript library or framework?

Is jquery a javascript library or framework?

I have two (or more) links. For example: http://google.com and http://yahoo.com.

How can I make them _both_ open when I click on a single link?

For example, a link entitled &quot;click here&quot; which, when clicked, will open two different blank windows.

How to make a link open multiple pages when clicked

I&#39;d like to set a breakpoint in a &quot;Cart.add&quot; function in the Chrome or Safari JavaScript debuggers.  Problem is, this function is defined in a large minified JS file, and doesn&#39;t exist on a line by itself.  

Some documentation says that the WebKit-based debuggers support &quot;break&quot; or &quot;debug&quot; commands in the debug console, but those don&#39;t seem to work in newer versions of the debugger.  

Setting a breakpoint on that *line* of the JS file doesn&#39;t work either, since there are lots of functions on that line.

Any suggestions?

How to set a breakpoint on a minified JS function in Chrome or Safari?

I want to reproduce the `outline` effect for focused input boxes in webkit to non-webkit browsers. I found [here](http://codesearch.google.com/codesearch#OAMlx_jo-ck/src/third_party/WebKit/Source/WebCore/css/html.css) the default CSS used in webkit. The lines of interest are:

    :focus {
        outline: auto 5px -webkit-focus-ring-color
    }

I tried making a search in the whole code for the definition `-webkit-focus-ring-color` [here](http://codesearch.google.com/codesearch#search/&amp;q=%22-webkit-focus-ring-color%22&amp;exact_package=chromium&amp;type=cs) but could  not find it anywhere.

What is -webkit-focus-ring-color?

I need to add custom headers to EVERY request coming from the WebView.  I know `loadURL` has the parameter for `extraHeaders`, but those are only applied to the initial request.  All subsequent requests do not contain the headers.  I have looked at all overrides in `WebViewClient`, but nothing allows for adding headers to resource requests - `onLoadResource(WebView view, String url)`.   Any help would be wonderful.

Thanks,
Ray  

Add custom headers to WebView resource requests - android

Perhaps this isn&#39;t actually the issue I&#39;m experiencing, but it seems that when I &quot;click_link&quot; a link with target=&quot;_blank&quot;, the session keeps the focus on the current window.

So I either want to be able to switch to the new window, or to ignore the _blank attribute - essentially, I just want it to actually go to the page indicated by the link so I can make sure it&#39;s the right page.

I use the webkit and selenium drivers.


---
I submitted my findings thus far below. A more thorough answer is much appreciated.

Also, this only works with selenium - the equivalent for the webkit driver (or pointing out where I could discover it myself) would be much appreciated.

With Capybara, how do I switch to the new window for links with &quot;_blank&quot; targets?

I am getting the error &quot;Uncaught RangeError: Maximum call stack size exceeded&quot; on chrome. here is my jQuery function

    $(&#39;td&#39;).click(function () {
            if ($(this).context.id != null &amp;&amp; $(this).context.id != &#39;&#39;) {
                foo($(&#39;#docId&#39;).val(), $(this).attr(&#39;id&#39;));
            }
            return false;
        });

Note that there are tens of thousands of cells in the page. However, I generally associate stack overflows with recursion and in this case as far as I can see there is none.

Does creating a lambda like this automatically generate a load of stuff on the stack? is there any way round it?

At the moment the only workaround I have is to generate the onclick events explicitly on each cell when rendering the HTML, which makes the HTML much larger.

Chrome/jQuery Uncaught RangeError: Maximum call stack size exceeded

If I catch all touchend events from mobile devices with:

    $(document.body).bind(&#39;touchend&#39;, function (e) {
    var touch = e.touches[0]; // doesnt work
    ...

I need to get the touch.screenX, touch.screenY, touch.clientX and touch.clientX from the e paramter. All the examples I&#39;ve seen suggest that e.touches will be a collection, and you can get at the touch details with `e.touches[0]`. In my tests on an ipad, `e.touches` is always undefined. I&#39;m not using any jquery plugins.

Also tried e.targetTouches, which is also undefined.

Can anyone help?

touchend event properties

I&#39;m developing a webapp (not a website with pages of interesting text) with a very different interface for touch (your finger hides the screen when you click) and mouse (relies heavily on hover preview).
How can I detect that my user has no mouse to present him the right interface? I plan to leave a switch for people with both mouse and touch (like some notebooks). 

The touch event capability in the browser doesn&#39;t actually mean the user is using a touch device (for example, Modernizr doesn&#39;t cut it).  The code that correctly answers the question should return false if the device has a mouse, true otherwise. For devices with mouse and touch, it should return false (not touch only)

As a side note, my touch interface might also be suitable for keyboard-only devices, so it&#39;s more the lack of mouse I&#39;m looking to detect.

To make the need more clear, here is the API that I&#39;m looking to implement:
    
    // Level 1


    // The current answers provide a way to do that.
    hasTouch();

    // Returns true if a mouse is expected.
    // Note: as explained by the OP, this is not !hasTouch()
    // I don&#39;t think we have this in the answers already, that why I offer a bounty
    hasMouse();

    // Level 2 (I don&#39;t think it&#39;s possible, but maybe I&#39;m wrong, so why not asking)

    // callback is called when the result of &quot;hasTouch()&quot; changes.
    listenHasTouchChanges(callback);

    // callback is called when the result of &quot;hasMouse()&quot; changes.
    listenHasMouseChanges(callback);

Detecting that the browser has no mouse and is touch-only

http://marakana.com/tutorials/android/2d-graphics-example.html

I am using this example below. But when I move my fingers too fast across the screen the line turns to individual dots.

I am not sure whether I can speed up the drawing. Or I should connect the two last points with a straight line. The second of these two solutions seems like a good option, except when moving your finger very fast you will have long sections of a straight line then sharp curves.

If there are any other solutions it would be great to hear them.

Thanks for any help in advance.

Android How to draw a smooth line following your finger

I&#39;m writing a Web site that&#39;s meant to be used from both desktops and tablets. When it&#39;s being visited from a desktop, I want the clickable areas of the screen to light up with `:hover` effects (different background color, etc.) With a tablet, there&#39;s no mouse, so I don&#39;t want any hover effects.

The problem is, when I tap something on the tablet, the browser evidently has some kind of &quot;invisible mouse cursor&quot; that it moves to the location I tapped, and then leaves it there -- so the thing I just tapped lights up with a hover effect until I tap something else.

**How can I get the hover effects when I&#39;m using the mouse, but suppress them when I&#39;m using the touchscreen?**

In case someone was thinking of suggesting it, I don&#39;t want to use user-agent sniffing. The same device could have both a touchscreen and a mouse (maybe not so common today, but much more so in the future). I&#39;m not interested in the device, I&#39;m interested in how it&#39;s currently being used: mouse or touchscreen.

I already tried hooking the `touchstart`, `touchmove`, and `touchend` events and calling `preventDefault()` on all of them, which does suppress the &quot;invisible mouse cursor&quot; some of the time; but if I tap rapidly back and forth between two different elements, after a few taps it will start moving the &quot;mouse cursor&quot; and lighting up the hover effects anyway -- it&#39;s like my `preventDefault` isn&#39;t always honored. I won&#39;t bore you with the details unless necessary -- I&#39;m not even sure that&#39;s the right approach to take; if anyone has a simpler fix, I&#39;m all ears.

----

**Edit:** This can be reproduced with bog-standard CSS `:hover`, but here&#39;s a quick repro for reference.

    &lt;style&gt;
      .box { border: 1px solid black; width: 150px; height: 150px; }
      .box:hover { background: blue; }
    &lt;/style&gt;
    &lt;div class=&quot;box&quot;&gt;&lt;/div&gt;
    &lt;div class=&quot;box&quot;&gt;&lt;/div&gt;

If you mouse over either of the boxes, it will get a blue background, which I want. But if you tap on either of the boxes, it will also get a blue background, which is the thing I&#39;m trying to prevent.

I&#39;ve also posted a sample [here](http://sandbox.excastle.com/stackoverflow/8291517.html) that does the above and also hooks jQuery&#39;s mouse events. You can use it to see that tap events will also fire `mouseenter`, `mousemove` and `mouseleave`.

Disable hover effects on mobile browsers

While working with browser events, I&#39;ve started incorporating Safari&#39;s touchEvents for mobile devices. I find that `addEventListener`s are stacking up with conditionals. *This project can&#39;t use JQuery.*

A standard event listener:

    /* option 1 */
    window.addEventListener(&#39;mousemove&#39;, this.mouseMoveHandler, false);
    window.addEventListener(&#39;touchmove&#39;, this.mouseMoveHandler, false);

    /* option 2, only enables the required event */
    var isTouchEnabled = window.Touch || false;
    window.addEventListener(isTouchEnabled ? &#39;touchmove&#39; : &#39;mousemove&#39;, this.mouseMoveHandler, false);



JQuery&#39;s `bind` allows multiple events, like so:

    $(window).bind(&#39;mousemove touchmove&#39;, function(e) {
        //do something;
    });

**Is there a way to combine the two event listeners as in the JQuery example?** ex:

    window.addEventListener(&#39;mousemove touchmove&#39;, this.mouseMoveHandler, false);

Any suggestions or tips are appreciated!

Content Type	Original Author	Original Content on Stackoverflow
Question	Andrei Zisu	View Question on Stackoverflow
Solution 1 - Javascript	Andrei Zisu	View Answer on Stackoverflow

Variation of e.touches, e.targetTouches and e.changedTouches

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

SQL Server Group by Count of DateTime Per Hour?

Rails load YAML to hash and reference by symbol

Attributions