`.data()` doesn&#39;t operate on data attributes but in internal jQuery cache. Initially if no cache record is found, the data is read from a corresponding `data-` attribute if one exists, but that is the end of their co-operation.

If it operated on attributes, it would be useless for its purpose because attribute values must be strings.

I&#39;m learning node.js and just set up an empty Linux Virtual Machine and installed node.

I&#39;m running a function constantly every minute 

    var request = require(&#39;request&#39;)
    var minutes = 1, the_interval = minutes * 60 * 1000

    setInterval(function() {
        // Run code
      })
    }, the_interval);


And considering adding some other functions based on current time. - (e.g. run function if dateTime = Sunday at noon)

My question is are there any disadvantages to running a set up like this compared to a traditional cron job set up?

Keep in mind I have to run this function in node every minute anyways.

Set Interval in Node.js vs. Cron Job?

There is an oft-repeated &#39;trick&#39; to write recursive lambda functions in C++11 that goes as follows:

    std::function&lt;int(int)&gt; factorial;
    factorial = [&amp;factorial](int n)
    { return n &lt; 2 ? 1 : n * factorial(n - 1); };

    assert( factorial(5) == 120 );

(e.g. [Recursive lambda functions in C++0x](https://stackoverflow.com/q/2067988/726300).)

This technique has two immediate drawbacks though: the target of the `std::function&lt;Sig&gt;` object is tied (via the capture by reference) to a very particular `std::function&lt;Sig&gt;` object (here, `factorial`). This means that the resulting functor typically cannot be returned from a function, or else the reference would be left dangling.

Another (although less immediate) problem is that the use of `std::function` is typically going to prevent compiler optimizations, a side-effect of the need for type-erasure in its implementation. This is not hypothetical and can easily be tested.

In the hypothetical situation where recursive lambda expressions would really be convenient, is there a way to address those issues?

Recursive lambda functions in C++14

I have a custom data-attribute set by default:

&lt;code&gt;data-equipment=&quot;0&quot;&lt;/code&gt;
 
If i change it with jquery using **.data()** 

&lt;code&gt;$(this).data(&quot;equipment&quot;, 10)&lt;/code&gt;

and then use the **getAttribute()**

&lt;code&gt;this.getAttribute(&quot;data-equipment&quot;)&lt;/code&gt;

i get the old value (0) and not the new one (10). But if i use

&lt;code&gt;$(this).data(&quot;equipment&quot;)&lt;/code&gt; i get the new value (10).

Is this supposed to work like this or am i missing something? 

Thanks!

Get data-attribute jquery vs javascript

I have a custom data-attribute set by default:
<code>data-equipment="0"</code>
If i change it with jquery using .data()
<code>$(this).data("equipment", 10)</code>
and then use the getAttribute()
<code>this.getAttribute("data-equipment")</code>
i get the old value (0) and not the new one (10). But if i use
<code>$(this).data("equipment")</code> i get the new value (10).
Is this supposed to work like this or am i missing something?
Thanks!

I need to turn a list of last names into alphanumeric usernames, however unfortunately some of them contain non-ascii characters:

    Hern&#225;ndez
    Querman&#231;&#243;s 
    Miguel&#225;&#241;ez

Now one way would just to use a regex to remove any non-alpha numeric characters such as `a.replace(/[^a-z0-9]/gi,&#39;&#39;)`. However a more intuitive solution (at least for the user) would be to replace accented characters with their &quot;plain&quot; equivalent, e.g. turn `&#225;`, `&#225;` into `a`, and `&#231;` into `c`, etc. Is there an easy way to do this in javascript?

Replacing accented characters with plain ascii ones

How can I close the socket connection on the client side?

I am using:  
  
 * socket.io 0.9
 * node.js 0.10.15
 * express 3.3.4

i.e.:
call `localhost/test`  
-- server side

    var test = io
    .of(&#39;/test&#39;)
    .on(&#39;connection&#39;, function (socket) {

      console.log(&#39;open socket: &#39; + socket);

      socket.on(&#39;disconnect&#39;, function () {
        console.log(&#39;disconnected event&#39;);
        //socket.manager.onClientDisconnect(socket.id); --&gt; endless loop with this disconnect event on server side
        //socket.disconnect(); --&gt; same here
      });
    });

-- client side

    var socket = io.connect(&#39;http://localhost:3000/test&#39;);
    socket.on(&#39;disconnect&#39;, function () {
       console.log(&#39;disconnect client event....&#39;);
    });

    socket.emit(&#39;getInitData&#39;, function (data) {
      .. do something with data
    });

If I load the test-page I need some values from the server (getInitData).  
On the first page visit I get the data once, on a reload or second visit I get it twice and so on.  

The connection on the server side is beeing closed automatically on page reload and if you leave the page.  
But on the client side the connection is still open.  
How can I close the connection on the client side or check if there is already a open connection?


**UPDATE**  
I tried now the following: (client side)

    window.onbeforeunload = function(e) {
      socket.disconnect();
    };

This triggers on the client side the disconnect event, but I still get the twice or tripple response.

Node.js: socket.io close client connection

I installed nodejs on ubuntu from instructions given [here][1]

When I write `node --version` in the terminal I see this : &lt;br&gt;
`-bash: /usr/sbin/node: No such file or directory`

I can see node in the `/usr/sbin/` directory, though.

Writing `npm --version` shows `1.3.5` &lt;br&gt;
Writing `nodejs --version` shows `v0.10.15`

Also, I can see node in the `/usr/bin/` directory.

So, how do I get `node` working?

Also, If I use *zsh* instead of bash, then `node` command works.

  [1]: https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager#ubuntu-mint

nodejs vs node on ubuntu 12.04

I want to remove the `bad` property from every object in the array. Is there a better way to do it than using a `for` loop and deleting it from every object?

    var array = [{&quot;bad&quot;: &quot;something&quot;, &quot;good&quot;:&quot;something&quot;},{&quot;bad&quot;:&quot;something&quot;, &quot;good&quot;:&quot;something&quot;},...];

    for (var i = 0, len = array.length; i &lt; len; i++) {
      delete array[i].bad;
    }

Just seems like there should be a way to use `prototype`, or something. I don’t know. Ideas?

Remove property for all objects in array

What is the proper way to get the dimensions of an `svg` element?

http://jsfiddle.net/langdonx/Xkv3X/

Chrome 28:

    style x
    client 300x100
    offset 300x100

IE 10:

    stylex 
    client300x100 
    offsetundefinedxundefined 

FireFox 23:

    &quot;style&quot; &quot;x&quot;
    &quot;client&quot; &quot;0x0&quot;
    &quot;offset&quot; &quot;undefinedxundefined&quot;

There are width and height properties on `svg1`, but `.width.baseVal.value` is only set if I set the width and height attributes on the element.

---

The fiddle looks like this:

**HTML**

    &lt;svg id=&quot;svg1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; version=&quot;1.1&quot;&gt;
        &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;40&quot; stroke=&quot;black&quot; stroke-width=&quot;1&quot; fill=&quot;red&quot; /&gt;
        &lt;circle cx=&quot;150&quot; cy=&quot;50&quot; r=&quot;40&quot; stroke=&quot;black&quot; stroke-width=&quot;1&quot; fill=&quot;green&quot; /&gt;
        &lt;circle cx=&quot;250&quot; cy=&quot;50&quot; r=&quot;40&quot; stroke=&quot;black&quot; stroke-width=&quot;1&quot; fill=&quot;blue&quot; /&gt;
    &lt;/svg&gt;

**JS**

    var svg1 = document.getElementById(&#39;svg1&#39;);

    console.log(svg1);
    console.log(&#39;style&#39;, svg1.style.width + &#39;x&#39; + svg1.style.height);
    console.log(&#39;client&#39;, svg1.clientWidth + &#39;x&#39; + svg1.clientHeight);
    console.log(&#39;offset&#39;, svg1.offsetWidth + &#39;x&#39; + svg1.offsetHeight);

**CSS**

    #svg1 {
        width: 300px;
        height: 100px;
    }

Get width/height of SVG element

I want to use jQuery UI datepicker with AngularJS. 

I have a sample , but my code is not working.

Sample:

http://www.abequar.net/jquery-ui-datepicker-with-angularjs/


My Code:

  
    &lt;input id=&quot;sDate&quot; name=&quot;programStartDate&quot; type=&quot;text&quot; datepicker required/&gt;
  


    angular.module(&#39;elnApp&#39;)
     .directive(&#39;datepicker&#39;, function () {
      return {
        restrict: &#39;A&#39;,
        require : &#39;ngModel&#39;,
        link : function (scope, element, attrs, ngModelCtrl) {
            $(function(){
                element.datepicker({
                    dateFormat:&#39;yy-mm-dd&#39;,
                    onSelect:function (date) {
                        ngModelCtrl.$setViewValue(date);
                        scope.$apply();

                    }
                });
            });
        }
    } });


It shows an error `TypeError: Object [object Object] has no method &#39;datepicker&#39;`.


jQuery ui datepicker with Angularjs

I need to load a responsive website into a div in my HTML page without using an `iframe` element.

I have tried [this link](https://stackoverflow.com/questions/12938386/load-external-div-content-to-my-page-div); it&#39;s working for a single page URL, which I mentioned in the script.

    $(&#39;#mydiv&#39;).load(&#39;http://localhost/qa/ask#external-div&#39;, function(response, status, xhr) {
        if (status == &quot;error&quot;) {
            var msg = &quot;Sorry but there was an error: &quot;;
            alert(msg + xhr.status + &quot; &quot; + xhr.statusText);
          }
    });

How to load an external webpage into a div of a html page

I need to execute a button click event upon pressing key enter. 

As it is at the moment the event is not firing.

Please Help me with the syntax if possible.

    $(document).on(&quot;click&quot;, &quot;input[name=&#39;butAssignProd&#39;]&quot;, function () {
       //all the action
    });

this is my attempt to fire click event on enter.

    $(&quot;#txtSearchProdAssign&quot;).keydown(function (e) {
      if (e.keyCode == 13) {
        $(&#39;input[name = butAssignProd]&#39;).click();
      }
    });
    

Jquery: how to trigger click event on pressing enter key

I have looked for a while, but I can&#39;t find a solution for this. I want the following:

- Open an URL inside a Bootstrap modal. I have this working off course. So the content is loaded dynamically.
- When an user pushes a button inside this modal, I want the current modal to hide, and immediately after that, I want a new modal to open with the new URL (which the user clicked on). This content of the 2nd modal is also loaded dynamically.
- If the user then closes that 2nd modal, the first modal must come back again.

I have been staring at this for days, hope someone can help me.

Thanks in advance.

Bootstrap modal: close current, open new

**The questions**:

 1. Should we change our coding as suggested below?
 2. Is there a difference between `.done()` &amp; `success:`, `.fail()` &amp; `error:` and `.always()` &amp; `complete:`?

**The preamble**:


I was putting together a jQuery.ajax call, which I have done successfully in the past too. Something like this:

		$.ajax(
		{
			url: someUrl,
			type: &#39;POST&#39;,
			data: someData,
			datatype: &#39;json&#39;,
			success: function (data) { someSuccessFunction(data); },
			error: function (jqXHR, textStatus, errorThrown) { someErrorFunction(); }
		});


While taking a quick look at some documentation, I came across a reference stating that The success, error and complete callbacks are deprecated as of jQuery 1.8. To prepare your code for their eventual removal, use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.

We should therefore start coding something like this instead:


    $.ajax( &quot;example.php&quot; )
        .done(function (data) { someSuccessFunction(data); })
        .fail(function (jqXHR, textStatus, errorThrown) { someErrorFunction(); })
        .always(function() { alert(&quot;complete&quot;); });




jQuery ajax() using success, error and complete vs .done(), .fail() and always()

I have a few elements like below:

    &lt;a class=&quot;slide-link&quot; href=&quot;#&quot; data-slide=&quot;0&quot;&gt;1&lt;/a&gt;
    &lt;a class=&quot;slide-link&quot; href=&quot;#&quot; data-slide=&quot;1&quot;&gt;2&lt;/a&gt;
    &lt;a class=&quot;slide-link&quot; href=&quot;#&quot; data-slide=&quot;2&quot;&gt;3&lt;/a&gt;

How can I add a class to the element which has a `data-slide` attribute value of `0` (zero)?

I have tried many different solutions but nothing worked. An example:

    $(&#39;.slide-link&#39;).find(&#39;[data-slide=&quot;0&quot;]&#39;).addClass(&#39;active&#39;);

Any idea?

jQuery find element by data attribute value

In my html I have a `span` element:

    &lt;span class=&quot;field&quot; data-fullText=&quot;This is a span element&quot;&gt;This is a&lt;/span&gt;

And I want to get the `data-fullText` attribute. I tried these two ways, but they didn&#39;t work (the both return `undefined`):

    $(&#39;.field&#39;).hover(function () {
        console.log(&#39;using prop(): &#39; + $(this).prop(&#39;data-fullText&#39;));
        console.log(&#39;using data(): &#39; + $(this).data(&#39;fullText&#39;));
    });

Then I searched and found these questions: https://stackoverflow.com/questions/5309926/how-to-get-the-data-id-attribute-using-jquery and https://stackoverflow.com/questions/17351282/jquery-cant-get-data-attribute-value.  
The both&#39;s answers are `&quot;Use .attr(&#39;data-sth&#39;) or .data(&#39;sth&#39;)&quot;`.  
I know that `.attr()` is deprecated (in jquery-1.11.0, which I use), but, however, I tried it.  
And it workded!

Can someone explain why?

jQuery: get data attribute

I am reading some values in data attribute fields. I have seen two easy ways to read the data as shown below:

    var webappData = document.getElementById(&#39;web-app-data&#39;),
        rating = webappData.dataset.rating;

OR

    var effectData = $(&#39;.effects-list li&#39;),
        creative = effectData.filter(&#39;[data-creative]&#39;).data(&quot;creative&quot;);

My question is which of these has better performance or do they really differ?

I have a page with many data attributes that I am accessing and I would like to use the method that has the best performance. 

Any guidance on understanding the difference between the two would be appreciated. While I am looking at performance specifically if there are other reasons to use one over the other I would like to know this as well. 

dataset vs .data - Difference?

Recently I was coding away, and I ran into a weird issue.  I was attempting to assign a data attribute to a new element I had created (via jQuery), only to discover it wouldn&#39;t actually assign the attribute.    See the link below for an example, the code is listed below:

http://jsfiddle.net/y95p100c/1/

Any idea why this is happening?  I&#39;ve never stumbled into this...

    var div = $(&quot;&lt;div /&gt;&quot;)
    $(div).data(&quot;foo&quot;, &quot;bar&quot;)
    console.log($(div)[0].outerHTML) // prints &lt;div&gt;&lt;/div&gt;

JQuery .data() not working?

I have next html:

```html
&lt;span data-typeId=&quot;123&quot; data-type=&quot;topic&quot; data-points=&quot;-1&quot; data-important=&quot;true&quot; id=&quot;the-span&quot;&gt;&lt;/span&gt;
```

Is it possible to get the attributes that beginning with `data-`, and use it in the **JavaScript** code like code below? For now I get `null` as result.

```js
document.getElementById(&quot;the-span&quot;).addEventListener(&quot;click&quot;, function(){
    var json = JSON.stringify({
        id: parseInt(this.typeId),
        subject: this.datatype,
        points: parseInt(this.points),
        user: &quot;H. Pauwelyn&quot;
    });
});
```

Content Type	Original Author	Original Content on Stackoverflow
Question	pedroto	View Question on Stackoverflow
Solution 1 - Javascript	Esailija	View Answer on Stackoverflow

Get data-attribute jquery vs javascript

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Recursive lambda functions in C++14

Set Interval in Node.js vs. Cron Job?

Attributions