Sure, like this:

    $(myObj).attr({&quot;data-test-1&quot;: num1, &quot;data-test-2&quot;: num2});

Like the [`.attr()`][1] docs state:

&gt; Setting several attributes at once
&gt;
&gt; To change the alt attribute and add the title attribute at the same
&gt; time, pass both sets of names and values into the method at once using
&gt; a plain JavaScript object. Each key-value pair in the object adds or
&gt; modifies an attribute:
&gt; 
&gt; 
&gt;
    $(&#39;#greatphoto&#39;).attr({
      alt: &#39;Beijing Brush Seller&#39;,
      title: &#39;photo by Kelly Clark&#39;
    });
&gt;
&gt;  When setting multiple attributes,
&gt; the quotes around attribute names are optional.

  [1]: http://api.jquery.com/attr/#setting-several-attrs

Yes it is possible to setup multiple attributes, just use simple Object literal syntax. Example:

    $(&#39;#my_image&#39;).attr({
      alt: &#39;Beijing Brush Seller&#39;,
      title: &#39;photo by Kelly Clark&#39;
    });

More info about attr method can be found [here][1].


  [1]: http://api.jquery.com/attr/

Sorry for posting an answer to an already solved question after so many years. 

I just thought about keeping the thread up to date with recommended solution&lt;sup&gt;***[citation needed]***&lt;/sup&gt; as on date.

Since jQuery [`1.2.3`][1], there is a [`.data()`][2] function that takes arguments to get/set data attributes (setting multiple was available since [`1.4.3`][3]) like this:

    /* 
     ** In all the example below, note that 
     ** &#39;data-&#39; is removed from attribute name
     */
    
    // Setter (single)
    $(&#39;#my_image&#39;).data(&#39;test-1&#39;, &#39;num1&#39;);
    $(&#39;#my_image&#39;).data(&#39;test-2&#39;, &#39;num2&#39;);
    
    // Setter (multiple)
    $(&#39;#my_image&#39;).data({&#39;test-1&#39;:&#39;num1&#39;, &#39;test-2&#39;:&#39;num2&#39;});
    
    // Getter (single)
    $(&#39;#my_image&#39;).data(&#39;test-1&#39;);    // num1
    $(&#39;#my_image&#39;).data(&#39;test-2&#39;);    // num2

***It must be noted that setting data attributes with `.data()` doesn&#39;t update the DOM, so you can&#39;t see these in the DOM inspector. Also, they are not cross compatible with `.attr()`. However, the data attributes set with `.attr()` can be retrieved with `.data()` (in short, any attributes that begin with &#39;data-&#39; can be retrieved with `.data()`).***

    // Setter
    $(&#39;#my_image&#39;).attr(&#39;data-test-3&#39;, &#39;num3&#39;);    // note the &#39;data-&#39; on attr name
    
    // Getter
    $(&#39;#my_image&#39;).data(&#39;test-3&#39;);    // num3


  [1]: https://api.jquery.com/data/#data-key-value
  [2]: https://api.jquery.com/data/
  [3]: https://api.jquery.com/data/#data-obj

I&#39;m trying to run a PowerShell script inside cmd command line. Someone gave me an example and it worked:

    powershell.exe -noexit &quot;&amp; &#39;c:\Data\ScheduledScripts\ShutdownVM.ps1&#39;&quot;

But the problem is my PowerShell script has input parameters, so I tried, but it doesn&#39;t work:

    powershell.exe -noexit &quot;&amp; &#39;D:\Work\SQLExecutor.ps1 -gettedServerName &quot;MY-PC&quot; &#39; &quot;

The error is:

&gt; The term &#39;D:\Work\SQLExecutor.ps1 -gettedServerName &quot;MY-PC&quot; &#39; is not recognized as the name of a cmdlet, function,

How can I fix this problem?


How to run PowerShell in CMD

I&#39;ve tried using the uppercase filter but it does not work. I&#39;ve tried doing it two ways:

&lt;!-- language: html --&gt;

    &lt;input type=&quot;text&quot; ng-model=&quot;test&quot; uppercase/&gt;

and

    &lt;input type=&quot;text&quot; ng-model=&quot;{{test | uppercase}}&quot;/&gt;

The 2nd triggers a javascript error:

&gt;Syntax Error: Token &#39;test&#39; is unexpected, expecting [:] 

I want the text to be forced to uppercase as the user types in the textbox.

How can I do that? 

angularjs force uppercase in textbox

This works:

    $(myObj).attr(&quot;data-test-1&quot;, num1);
    $(myObj).attr(&quot;data-test-2&quot;, num2);

But this doesn&#39;t:

    $(myObj).attr({
      data-test-1: num1,
      data-test-2: num2
    });

Am I missing something really obvious here?

Is it possible to set multiple data attributes using the jQuery.attr() function?

This works:
<pre><code class="hljs language-javascript">$(myObj).attr("data-test-1", num1);
$(myObj).attr("data-test-2", num2);
</code></pre>
But this doesn't:
<pre><code class="hljs language-kotlin">$(myObj).attr({
 data-test-1: num1,
 data-test-2: num2
});
</code></pre>
Am I missing something really obvious here?

I first want to say that I am new to RequireJS and even newer to Jasmine. 

I am having some issues with the SpecRunner and require JS.  I have been following the tutorials of Uzi Kilon and Ben Nadel (along with some others) and they helped some but I am still having some issues.  

It seems that, if there is an error that is thrown in the test (I can think of one in particular, a type error) the spec runner html will display.  This tells me that I have some issues in the javascript.  However, after I fix those error no HTML is displayed anymore.  **I cannot get the test runner to display at all.  Can someone find something wrong with my code that would cause this issue?**

Here is my **directory structure**:


    Root 
    |-&gt; lib
        |-&gt; jasmine
            |-&gt; lib (contains all of the jasmine lib)
            |-&gt; spec
            |-&gt; src
        |-&gt; jquery (jquery js file)
        |-&gt; require (require js file) 
    index.html (spec runner) specRunner.js


Here is the **SpecRunner (index) HTML**:

    &lt;!doctype html&gt;
    &lt;html lang=&quot;en&quot;&gt;
        &lt;head&gt;
            &lt;title&gt;Javascript Tests&lt;/title&gt;
    
            &lt;link rel=&quot;stylesheet&quot; href=&quot;lib/jasmine/lib/jasmine.css&quot;&gt;
    
            &lt;script src=&quot;lib/jasmine/lib/jasmine.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;lib/jasmine/lib/jasmine-html.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;lib/jquery/jquery.js&quot;&gt;&lt;/script&gt;
            &lt;script data-main=&quot;specRunner&quot; src=&quot;lib/require/require.js&quot;&gt;&lt;/script&gt;
        
            &lt;script&gt;
                require({ paths: { spec: &quot;lib/jasmine/spec&quot; } }, [
                        // Pull in all your modules containing unit tests here.
                        &quot;spec/notepadSpec&quot;
                    ], function () {
                        jasmine.getEnv().addReporter(new jasmine.HtmlReporter());
                        jasmine.getEnv().execute();
                    });
            &lt;/script&gt;
    
        &lt;/head&gt;
    
    &lt;body&gt;
    &lt;/body&gt;
    &lt;/html&gt;

Here is the **specRunner.js (config)**


    require.config({
        urlArgs: &#39;cb=&#39; + Math.random(),
        paths: {
            jquery: &#39;lib/jquery&#39;,
            jasmine: &#39;lib/jasmine/lib/jasmine&#39;,
            &#39;jasmine-html&#39;: &#39;lib/jasmine/lib/jasmine-html&#39;,
            spec: &#39;lib/jasmine/spec/&#39;
        },
        shim: {
            jasmine: {
                exports: &#39;jasmine&#39;
            },
            &#39;jasmine-html&#39;: {
                deps: [&#39;jasmine&#39;],
                exports: &#39;jasmine&#39;
            }
        }
    });

Here is a spec:

    require([&quot;../lib/jasmine/src/notepad&quot;], function (notepad) {
        describe(&quot;returns titles&quot;, function() {
            expect(notepad.noteTitles()).toEqual(&quot;&quot;);
    
            
        });
    });

The notepad source:

    define([&#39;lib/jasmine/src/note&#39;], function (note) {
    
        var notes = [
            new note(&#39;pick up the kids&#39;, &#39;dont forget to pick  up the kids&#39;),
            new note(&#39;get milk&#39;, &#39;we need two gallons of milk&#39;)
        ];
    
    
        return {
            noteTitles: function () {
                var val;
                
                for (var i = 0, ii = notes.length; i &lt; ii; i++) {
                    //alert(notes[i].title);
                    val += notes[i].title + &#39; &#39;;
                }
    
                return val;
            }
        };
    });

And the Note source (JIC):

    define(function (){
        var note = function(title, content) {
            this.title = title;
            this.content = content;
        };
    
        return note;
    });

I have made sure that, as far as the app is concerned, the paths are correct.  Once I get this working I can play with configuring that paths so that it isn&#39;t so yucky.  

Getting requirejs to work with Jasmine

I am trying to sort an array with objects based on multiple attributes. I.e if the first attribute is the same between two objects a second attribute should be used to comapare the two objects. For example, consider the following array:

    var patients = [
                 [{name: &#39;John&#39;, roomNumber: 1, bedNumber: 1}],
                 [{name: &#39;Lisa&#39;, roomNumber: 1, bedNumber: 2}],
                 [{name: &#39;Chris&#39;, roomNumber: 2, bedNumber: 1}],
                 [{name: &#39;Omar&#39;, roomNumber: 3, bedNumber: 1}]
                   ];

Sorting these by the `roomNumber` attribute i would use the following code:

    var sortedArray = _.sortBy(patients, function(patient) {
        return patient[0].roomNumber;
    });

This works fine, but how do i proceed so that &#39;John&#39; and &#39;Lisa&#39; will be sorted properly?

Underscore: sortBy() based on multiple attributes

I know there has been many questions about checking for `localStorage` but what if someone manually shuts it off in their browser?  Here&#39;s the code I&#39;m using to check:

    localStorage.setItem(&#39;mod&#39;, &#39;mod&#39;);
	if (localStorage.getItem(&#39;mod&#39;) != null){
	  alert (&#39;yes&#39;);
	  localStorage.removeItem(&#39;mod&#39;);
	} else {
      alert (&#39;no&#39;);
	}

Simple function and it works.  But if I go into my Chrome settings and choose the option &quot;Don&#39;t Save Data&quot; (I don&#39;t remember exactly what it&#39;s called), when I try to run this function I get nothing but `Uncaught Error: SecurityError: DOM Exception 18`.  So is there a way to check if the person has it turned off completely?

UPDATE:  This is the second function I tried and I still get no response (alert).

    try {
	  localStorage.setItem(&#39;name&#39;, &#39;Hello World!&#39;);
    } catch (e) {
	  if (e == QUOTA_EXCEEDED_ERR) {
	   alert(&#39;Quota exceeded!&#39;);
	  }
    }

Check if localStorage is available

I want to stop this interval in the `error` handler from running repeatedly. Is that possible, and if so, how? 

    // example code
    $(document).on(&#39;ready&#39;,function(){
        setInterval(updateDiv,3000);
    });
    
    function updateDiv(){
        $.ajax({
            url: &#39;getContent.php&#39;,
            success: function(data){
                $(&#39;.square&#39;).html(data);
            },
            error: function(){
                $.playSound(&#39;oneday.wav&#39;);
                $(&#39;.square&#39;).html(&#39;&lt;span style=&quot;color:red&quot;&gt;Connection problems&lt;/span&gt;&#39;);
                // I want to stop it here
            }
        });
    }

Stop setInterval

When a local (inner) function is declared in JavaScript, there are two options:

Declaring with `var` keyword, assigning to the variable:

    (function() {
        var innerFunction1 = function() { ... };
        innerFunction1();
    }());

Declaring just with the `function` keyword, without assigning to variable:

    (function() {
        function innerFunction2() { ... };
        innerFunction2();
    }());

I can see one advantage of the second: the function can be declared below the code which calls it so it is easier to separate private functions from the code actually executed. 

Which of them is **better** and **why**? 

Define local function in JavaScript: use var or not?

I wonder how to make a sticky header shrink(with animation) when you scroll down the page and goes back to normal state when the page is scrolled up to the top. Here are two examples to clearify:

http://themenectar.com/demo/salient/

http://www.kriesi.at/themes/enfold/

I get the part to make it fixed, but how should I do to shrink my header when the user scrolls down?

Thanks a ton

jQuery - Sticky header that shrinks when scrolling down

I have a map in my java sevlet and converting it to a json format that works right.

When I do this function below it creates a drop down, but it puts every character as an option??
This is what I got:

    $(document).ready(function(){
        var temp= &#39;${temp}&#39;;
        //alert(options);
        var $select = $(&#39;#down&#39;);                        
        $select.find(&#39;option&#39;).remove();                          
        $.each(temp, function(key, value) {              
            $(&#39;&lt;option&gt;&#39;).val(key).text(value).appendTo($select);     
        });
    });

map content in JSON format

    {&quot;1&quot; : &quot;string&quot;,&quot;2&quot; : &quot;string&quot;}

jQuery-- Populate select from json

I had working code that could reset my form when I click on a reset button. However after my code is getting longer, I realize that it doesn&#39;t work anymore. 

```html
&lt;div id=&quot;labels&quot;&gt;
  &lt;table class=&quot;config&quot;&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th colspan=&quot;4&quot;; style= &quot;padding-bottom: 20px; color:#6666FF; text-align:left; font-size: 1.5em&quot;&gt;Control Buttons Configuration&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th&gt;Index&lt;/th&gt;
        &lt;th&gt;Switch&lt;/th&gt;
        &lt;th&gt;Response Number&lt;/th&gt;
        &lt;th&gt;Description&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;            
      &lt;form id=&quot;configform&quot; name= &quot;input&quot; action=&quot;#&quot; method=&quot;get&quot;&gt;
        &lt;tr&gt;
          &lt;td style=&quot;text-align: center&quot;&gt;1&lt;/td&gt;
          &lt;td&gt;&lt;img src= &quot;static/switch.png&quot; height=&quot;100px&quot; width=&quot;108px&quot;&gt;&lt;/td&gt;
          &lt;td id=&quot;small&quot;&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;number_one&quot;&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot;  id=&quot;label_one&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td style=&quot;text-align: center&quot;&gt;2&lt;/td&gt;
          &lt;td&gt;&lt;img src= &quot;static/switch.png&quot; height=&quot;100px&quot; width=&quot;108px&quot;&gt;&lt;/td&gt;
          &lt;td id=&quot;small&quot;&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; id = &quot;number_two&quot; value=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot;  id = &quot;label_two&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td style=&quot;text-align: center&quot;&gt;3&lt;/td&gt;
          &lt;td&gt;&lt;img src= &quot;static/switch.png&quot; height=&quot;100px&quot; width=&quot;108px&quot;&gt;&lt;/td&gt;
          &lt;td id=&quot;small&quot;&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; id=&quot;number_three&quot; value=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; id=&quot;label_three&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td style=&quot;text-align: center&quot;&gt;4&lt;/td&gt;
          &lt;td&gt;&lt;img src= &quot;static/switch.png&quot; height=&quot;100px&quot; width=&quot;108px&quot;&gt;&lt;/td&gt;
          &lt;td id=&quot;small&quot;&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; id=&quot;number_four&quot; value=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; id=&quot;label_three&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type=&quot;submit&quot; id=&quot;configsubmit&quot; value=&quot;Submit&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;input type=&quot;reset&quot; id=&quot;configreset&quot; value=&quot;Reset&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
                  
      &lt;/form&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
            
&lt;/div&gt;
```

And my jQuery:
```js
$(&#39;#configreset&#39;).click(function(){
    $(&#39;#configform&#39;)[0].reset();
});
```
Is there some source that I should include in my codes in order for the `.reset()` method to work? Previously I was using:
```html
&lt;script src=&quot;static/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;static/jquery.mobile-1.2.0.min.js&quot;&gt;&lt;/script&gt;
```
and the `.reset()` method was working. 

Currently I&#39;m using
```html
&lt;script src=&quot;static/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;      
&lt;script src=&quot;static/jquery-migrate-1.1.1.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;static/jquery.mobile-1.3.1.min.js&quot;&gt;&lt;/script&gt;
```

Could it possibly be one of the reason?


How to reset a form using jQuery with .reset() method

I set the page to scroll to top when a button is clicked.  But first I used an if statement to see if the top of the page was not set to 0.  Then if it&#39;s not 0 I animate the page to scroll to the top.

    var body = $(&quot;body&quot;);
    var top = body.scrollTop() // Get position of the body
     
    if(top!=0)
    {
      body.animate({scrollTop:0}, &#39;500&#39;);
    }

The tricky part now is animating something AFTER the page has scrolled to the top.  So my next thought is, find out what the page position is. So I used console log to find out.

    console.log(top);  // the result was 365

This gave me a result of 365, I&#39;m guessing that is the position number I was at just before scrolling to the top.

My question is how do I set the position to be 0, so that I can add another animation that runs once the page is at 0?

Thanks!

Content Type	Original Author	Original Content on Stackoverflow
Question	Garry Pettet	View Question on Stackoverflow
Solution 1 - Javascript	j08691	View Answer on Stackoverflow
Solution 2 - Javascript	Goran	View Answer on Stackoverflow
Solution 3 - Javascript	Fr0zenFyr	View Answer on Stackoverflow

Is it possible to set multiple data attributes using the jQuery.attr() function?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

angularjs force uppercase in textbox

How to run PowerShell in CMD

Attributions