`window.location` is of type `Location` while `.attr(&#39;data-href&#39;)` returns a string, so you have to assign it to `window.location.href` which is of string type too. For that replace your following line:

    window.location = $link.attr(&#39;data-href&#39;);

for this one:

    window.location.href = $link.attr(&#39;data-href&#39;);

you have missed the `href`: 

Standard, To  use `window.location.href` as `window.location` is technically an object containing: 

    Properties
    hash 
    host 
    hostname
    href    &lt;--- you need this
    pathname (relative to the host)
    port 
    protocol 
    search 

try

     window.location.href = $link.attr(&#39;data-href&#39;);

While implementing a complex PayPal integration, I noticed a very compelling reason to use&#160;`window.location`, that
[it does not require&#160;`SAME ORIGIN`](http://javascript.info/tutorial/same-origin-security-policy).

Hence we did something like:
```ts
(&lt;any&gt; window).location = myUrl;
```

Instead of:
```ts
window.location.href = myUrl;
```

&gt;Where in OP&#39;s case:
&gt;```ts
&gt;var myUrl = $link.attr(&#39;data-href&#39;);;
&gt;```

Just add href

Like this:

    window.location.href = $link.attr(&#39;data-href&#39;);

I&#39;ve installed Firefox RESTclient add-on but , I&#39;m having hard time figuring out how to pass POST parameters. Is there a specific format to do this? Or is there any other tool which can be used to debug an REST API on Mac OS X ? 

Firefox Add-on RESTclient - How to input POST parameters?

I use the following to search for strings within the stored procedures of a specific database:

    USE DBname
    SELECT Name
    FROM sys.procedures
    WHERE OBJECT_DEFINITION(OBJECT_ID) LIKE &#39;%xxx%&#39;

Is it easy to amend the above so that it searches Table names in a specific db &quot;DBname&quot; ?



Search of table names

I am getting an error with the following TypeScript code:

     ///&lt;reference path=&#39;../../../Shared/typescript/jquery.d.ts&#39; /&gt;
     ///&lt;reference path=&#39;../../../Shared/typescript/jqueryStatic.d.ts&#39; /&gt;

     function accessControls(action: Action) {
        $(&#39;#logoutLink&#39;)
            .click(function () {
                var $link = $(this);
                window.location = $link.attr(&#39;data-href&#39;);
            });

     }

I am getting an underlined red error for the following:

    $link.attr(&#39;data-href&#39;); 

The message says: 

    Cannot convert &#39;string&#39; to &#39;Location&#39;: Type &#39;String&#39; is missing property &#39;reload&#39; from type &#39;Location&#39;

Does anyone know what this means?

Set window.location with TypeScript

I am getting an error with the following TypeScript code:
<pre><code class="hljs language-ini"> ///&#x3C;reference path='../../../Shared/typescript/jquery.d.ts' />
 ///&#x3C;reference path='../../../Shared/typescript/jqueryStatic.d.ts' />

 function accessControls(action: Action) {
 $('#logoutLink')
 .click(function () {
 var $link = $(this);
 window.location = $link.attr('data-href');
 });

 }
</code></pre>
I am getting an underlined red error for the following:
<pre><code class="hljs language-bash">$link.attr('data-href'); 
</code></pre>
The message says:
<pre><code class="hljs language-python">Cannot convert 'string' to 'Location': Type 'String' is missing property 'reload' from type 'Location'
</code></pre>
Does anyone know what this means?

I am working with Titanium, my code looks like this:

    var currentData = new Array();
    if(currentData[index]!==&quot;&quot;||currentData[index]!==null||currentData[index]!==&#39;null&#39;)
    {
        Ti.API.info(&quot;is exists  &quot; + currentData[index]);
        return true;
    }
    else
    {	
        return false;
    }

I am passing an index to the `currentData` array. I still can&#39;t detect a non-existing index using the above code.


How to check if an array index exists or not in javascript?

How can I register a local git package in bower?

My current component.json is as follows

    {
      &quot;name&quot;: &quot;myproject&quot;,
      &quot;version&quot;: &quot;1.0.0&quot;,
      &quot;dependencies&quot;: {
        &quot;jquery&quot;: &quot;1.8.0&quot;,
        &quot;twitter/bootstrap&quot;: &quot;2.1.1&quot;
      }
    }

However I also would like to add a package I have created at `C:/mypackage` which is a git repository with versions tagged.
When I do `bower install --save C:/mypackage` it properly adds it to project but it doesn&#39;t add it to my component.json.


I am trying `bower register mypackage C:/mypackage` but it keeps giving me 

    bower error Incorrect format

What am I doing wrong?

How to register a local git package in Bower?

Any trick to disable the open/close animation of Collapse groups ?

disable Bootstrap&#39;s Collapse open/close animation

I want to dynamically include a script tag in a webpage however I have no control of it&#39;s src so src=&quot;source.js&quot; may look like this.

    document.write(&#39;&lt;script type=&quot;text/javascript&quot;&gt;&#39;)
    document.write(&#39;alert(&quot;hello world&quot;)&#39;)
    document.write(&#39;&lt;/script&gt;&#39;)
    document.write(&#39;&lt;p&gt;goodbye world&lt;/p&gt;&#39;)
Now ordinarily putting

    &lt;script type=&quot;text/javascript&quot; src=&quot;source.js&quot;&gt;&lt;/script&gt;

In the head works fine but is there any other way I can add `source.js` dynamically using something like `innerHTML`?

[jsfiddle of what i&#39;ve tried][1]


  [1]: http://jsfiddle.net/PRNnm/

Dynamically add script tag with src that may include document.write

This seems like something that would have a quick answer, but I can&#39;t find one. Maybe I&#39;m searching the wrong terms? No libraries please, though I don&#39;t need cross-browser fallbacks, I&#39;m targeting all the latest versions on this project. 

I&#39;m getting some elements:

    element = document.querySelectorAll(&quot;.someselector&quot;);

This is working, but how do I now delete these elements? Do I have to loop through them and do the `element.parentNode.removeChild(element);` thing, or is there a simple function I&#39;m missing?

How to remove elements that were fetched using querySelectorAll?

I have changed my coding style with more complex projects to loading pages (And their embedded scripts) &quot;on demand&quot; recently. However, it is difficult to debug those scripts as when they are loaded like:

    jQuery.get(&#39;/myModularPage&#39;, function(html){ /* insert the loaded page into the DOM */ });

or

    $(&#39;#some-container&#39;).load(&#39;/myOtherPage&#39;);

These scripts run perfectly, but if I&#39;m debugging, how can I set breakpoints in these dynamically loaded pages and scripts?

How do I debug Javascript which was loaded via AJAX (specifically jQuery)

I want to remove HTML tags from a string. For example assume we have the string:

     &lt;p&gt; example ive got a string&lt;/P&gt;

How can I write a function that removes the `&lt;p&gt;&lt;p&gt;` and returns just &quot;example ive got a string&quot;?

How to strip HTML tags with jQuery?

I&#39;ve got a fairly straightforward function which returns a jQuery .ajax() promise as such:

    CLAW.controls.validateLocation = function(val, $inputEl) {
        return $.ajax({
            url: locationServiceUrl + &#39;ValidateLocation/&#39;,
            data: {
                &#39;locationName&#39;: val
            },
            beforeSend: function() {
                $inputEl.addClass(&#39;busy&#39;);
            }
        }).done(function(result) {
            // some success clauses
        }).fail(function(result) {
            // some failure clauses
        }).always(function() {
            // some always clauses
        });
    }

For the most part, this new promises interface works like a dream, and eliminating callback pyramids when using jQuery&#39;s .ajax() is great. However, I cannot for the life of me figure out how to properly test these promises using Jasmine and/or Sinon:

 1. All of Sinon&#39;s documentation assumes you&#39;re using old-school
    callbacks; I don&#39;t see a single example of how to use it with
    promises/deferreds

 2. When attempting to use a Jasmine or Sinon spy to spy on $.ajax, the
    spy is effectively overwriting the promise, so its `done`, `fail`,
    and `always` clauses no longer exist on the ajax function, so the promise never resolves and tosses an error instead

I&#39;d really just love an example or two of how to test these new jQuery .ajax() promises with the aforementioned testing libs. I&#39;ve scoured the &#39;net fairly intensely and haven&#39;t really dredged up anything on doing so. The one resource I did find mentioned using Jasmine.ajax, but I&#39;d like to avoid that if possible, seeing as Sinon provides most of the same capabilities out-of-the-box.

How to properly unit test jQuery&#39;s .ajax() promises using Jasmine and/or Sinon?

I only know one js library and that is [jQuery](http://jquery.com/).  
But my other coders in the group are changing [AngularJS](http://angularjs.org/) as their default library in new project.

I don&#39;t know anything about it. How is it different from jQuery?  
I already have a set of functions done for similar tasks in jQuery. Can I still use jQuery stuff with AngularJS?

How is AngularJS different from jQuery

I have two radio button 
on change event i want change button How it is possible?
My Code 

    &lt;input type=&quot;radio&quot; name=&quot;bedStatus&quot; id=&quot;allot&quot; checked=&quot;checked&quot; value=&quot;allot&quot;&gt;Allot
    &lt;input type=&quot;radio&quot; name=&quot;bedStatus&quot; id=&quot;transfer&quot; value=&quot;transfer&quot;&gt;Transfer

Script

    &lt;script&gt;
		$(document).ready(function () {
			$(&#39;input:radio[name=bedStatus]:checked&#39;).change(function () {
				if ($(&quot;input[name=&#39;bedStatus&#39;]:checked&quot;).val() == &#39;allot&#39;) {
					alert(&quot;Allot Thai Gayo Bhai&quot;);
				}
				if ($(&quot;input[name=&#39;bedStatus&#39;]:checked&quot;).val() == &#39;transfer&#39;) {
					alert(&quot;Transfer Thai Gayo&quot;);
				}
			});
		});
    &lt;/script&gt;

How to use radio on change event?

See the inheritance example from the playground on the TypeScript site:

```ts
class Animal {
  public name;
  constructor(name) {
    this.name = name;
  }
  move(meters) {
    alert(this.name + &quot; moved &quot; + meters + &quot;m.&quot;);
  }
}

class Snake extends Animal {
  constructor(name) {
    super(name);
  }
  move() {
    alert(&quot;Slithering...&quot;);
    super.move(5);
  }
}

class Horse extends Animal {
  constructor(name) {
    super(name);
  }
  move() {
    alert(super.name + &quot; is Galloping...&quot;);
    super.move(45);
  }
}

var sam = new Snake(&quot;Sammy the Python&quot;);
var tom: Animal = new Horse(&quot;Tommy the Palomino&quot;);

sam.move();
tom.move(34);
```

I have changed one line of code: the alert in `Horse.move()`. There I want to access `super.name`, but that returns just `undefined`. IntelliSense is suggesting that I can use it and TypeScript compiles fine, but it does not work.

Any ideas?


Accessing member of base class

I&#39;ve got the following class in TypeScript:

    class CallbackTest
    {
        public myCallback;
    
        public doWork(): void
        {
            //doing some work...
            this.myCallback(); //calling callback
        }
    }

I am using the class like this:

    var test = new CallbackTest();
    test.myCallback = () =&gt; alert(&quot;done&quot;);
    test.doWork();

The code works, so it displays a messagebox as expected.

My question is: Is there any type I can provide for my class field `myCallback`? Right now, the public field `myCallback` is of type `any` as shown above. How can I define the method signature of the callback? Or can I just set the type to some kind of callback-type? Or can I do nether of these? Do I have to use `any` (implicit/explicit)?

I tried something like this, but it did not work (compile-time error):

    public myCallback: ();
    // or:
    public myCallback: function;

I couldn&#39;t find any explanation to this online, so I hope you can help me.

Defining TypeScript callback type

I have defined an interface like this:

    interface IModal {
        content: string;
        form: string;
        href: string;
        $form: JQuery;
        $message: JQuery;
        $modal: JQuery;
        $submits: JQuery;
     }

I define a variable like this:

    var modal: IModal;

However, when I try to set the property of modal it gives me a message saying that 

    &quot;cannot set property content of undefined&quot;

Is it okay to use an interface to describe my modal object and if so how should I create it?


How can I create an object based on an interface file definition in TypeScript?

How does one handle type casting in TypeScript or Javascript?  

Say I have the following TypeScript code:

    module Symbology { 
    
        export class SymbolFactory { 
    
            createStyle( symbolInfo : SymbolInfo) : any { 
                if (symbolInfo == null)
                {
                     return null;
                }
    
                if (symbolInfo.symbolShapeType === &quot;marker&quot;) {      
                    
                    // how to cast to MarkerSymbolInfo          
                    return this.createMarkerStyle((MarkerSymbolInfo) symbolInfo);
                }                                  
            }
    
            createMarkerStyle(markerSymbol : MarkerSymbolInfo ): any { 
                throw &quot;createMarkerStyle not implemented&quot;;
            }              
           
        }
    }

where `SymbolInfo` is a base class.  How do I handle typecasting from `SymbolInfo` to `MarkerSymbolInfo` in TypeScript or Javascript?

TypeScript or JavaScript type casting

I wanted to move to TypeScript from traditional JS because I like the C#-like syntax.
My problem is that I can&#39;t find out how to declare static classes in TypeScript.

In C#, I often use static classes to organize variables and methods, putting them together in a named class, without needing to instatiate an object.
In vanilla JS, I used to do this with a simple JS object:
 
    var myStaticClass = {
        property: 10,
        method: function(){}
    }

In TypeScript, I would rather go for my C-sharpy approach, but it seems that static classes don&#39;t exist in TS.
 What is the appropriate solution for this problem ?

Content Type	Original Author	Original Content on Stackoverflow
Question	user1679941	View Question on Stackoverflow
Solution 1 - Javascript	Nelson	View Answer on Stackoverflow
Solution 2 - Javascript	NullPoiиteя	View Answer on Stackoverflow
Solution 3 - Javascript	Top-Master	View Answer on Stackoverflow
Solution 4 - Javascript	Donn Frederick	View Answer on Stackoverflow

Set window.location with TypeScript

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Solution 4 - Javascript

Search of table names

Firefox Add-on RESTclient - How to input POST parameters?

Attributions