You can only assign one framework via the dropdown in the sidebar. If you need to add another framework you need to add a resource using a link to a CDN.

  Use this to add another framework. Sample showing knockout cdn
  

    $.getScript(&quot;//cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js&quot;, function(){
        /* Lines of code */
        });

I have a list of lists and I am sorting them using the following 

    data=sorted(data, key=itemgetter(0))

Was wondering what is the runtime complexity of this python function?

 

What is the complexity of the sorted() function?

I&#39;m trying to convert a lat/long point into a 2d point so that I can display it on an image of the world-which is a mercator projection.

I&#39;ve seen various ways of doing this and a few questions on stack overflow-I&#39;ve tried out the different code snippets and although I get the correct longitude to pixel, the latitude is always off-seems to be getting more reasonable though.

I need the formula to take into account the image size, width etc. 

I&#39;ve tried this piece of code:

    double minLat = -85.05112878;
    double minLong = -180;
    double maxLat = 85.05112878;
    double maxLong = 180;

    // Map image size (in points)
    double mapHeight = 768.0;
    double mapWidth = 991.0;

    // Determine the map scale (points per degree)
    double xScale = mapWidth/ (maxLong - minLong);
    double yScale = mapHeight / (maxLat - minLat);
    
    // position of map image for point
    double x = (lon - minLong) * xScale;
    double y = - (lat + minLat) * yScale;

    System.out.println(&quot;final coords: &quot; + x + &quot; &quot; + y);


The latitude seems to be off by about 30px in the example I&#39;m trying. Any help or advice?

*Update*

Based on this question:[Lat/lon to xy][1]

I&#39;ve tried to use the code provided but I&#39;m still having some problems with latitude conversion, longitude is fine.

    int mapWidth = 991;
    int mapHeight = 768;

    double mapLonLeft = -180;
    double mapLonRight = 180;
    double mapLonDelta = mapLonRight - mapLonLeft;

    double mapLatBottom = -85.05112878;
    double mapLatBottomDegree = mapLatBottom * Math.PI / 180;
    double worldMapWidth = ((mapWidth / mapLonDelta) * 360) / (2 * Math.PI);
    double mapOffsetY = (worldMapWidth / 2 * Math.log((1 + Math.sin(mapLatBottomDegree)) / (1 - Math.sin(mapLatBottomDegree))));

    double x = (lon - mapLonLeft) * (mapWidth / mapLonDelta);
    double y = 0.1;
    if (lat &lt; 0) {
        lat = lat * Math.PI / 180;
        y = mapHeight - ((worldMapWidth / 2 * Math.log((1 + Math.sin(lat)) / (1 - Math.sin(lat)))) - mapOffsetY);
    } else if (lat &gt; 0) {
        lat = lat * Math.PI / 180;
        lat = lat * -1;
        y = mapHeight - ((worldMapWidth / 2 * Math.log((1 + Math.sin(lat)) / (1 - Math.sin(lat)))) - mapOffsetY);
        System.out.println(&quot;y before minus: &quot; + y);
        y = mapHeight - y;
    } else {
        y = mapHeight / 2;
    }
    System.out.println(x);
    System.out.println(y);

When using the original code if the latitude value is positive it returned a negative point, so I modified it slightly and tested with the extreme latitudes-which should be point 0 and point  766, it works fine. However when I try a different latitude value ex: 58.07 (just north of the UK) it displays as north of Spain. 


  [1]: https://stackoverflow.com/questions/2103924/mercator-longitude-and-latitude-calculations-to-x-and-y-on-a-cropped-map-of-the/10401734#10401734


Convert latitude/longitude point to a pixels (x,y) on mercator projection

How do I actually get jsfiddle to use more than 1 library? I can only seem to get it to use either jquery OR knockout but not both. Yet when I look at other peoples fiddles they dont seem to have this problem. Really annoying dont know why its so diffuclt and no searches on the internet yielded anything!!!

Thanks

How do I select more than 1 framework with jsFiddle?

<p>How do I actually get jsfiddle to use more than 1 library? I can only seem to get it to use either jquery OR knockout but not both. Yet when I look at other peoples fiddles they dont seem to have this problem. Really annoying dont know why its so diffuclt and no searches on the internet yielded anything!!!</p>
<p>Thanks</p>


The [documentation][1] is not very clear on this.

&gt; name - String - Button name to add.
&gt;
&gt; settings - Object - Settings object with title, cmd **etc**.

&quot;etc&quot;? Really? Where can I see the rest of the possible attributes?

  [1]: http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.addButton

What are all the possible settings attributes in TinyMCE&#39;s addButton() function?

I&#39;m trying to deal with the issue of scope inside of an ng-repeat loop - I&#39;ve browsed quite a few questions but have not quite been able to get my code to work. 


Controller code:

    function Ctrl($scope) {
      $scope.lines = [{text: &#39;res1&#39;}, {text:&#39;res2&#39;}];
    }

View:

    &lt;div ng-app&gt;
         &lt;div ng-controller=&quot;Ctrl&quot;&gt;
           &lt;div ng-repeat=&quot;line in lines&quot;&gt;
               &lt;div class=&quot;preview&quot;&gt;{{text}}{{$index}}&lt;/div&gt;
        
           &lt;/div&gt;
           &lt;div ng-repeat=&quot;line in lines&quot;&gt;
               &lt;-- typing here should auto update it&#39;s preview above --&gt;
               &lt;input value=&quot;{{line.text}}&quot; ng-model=&quot;text{{$index}}&quot;/&gt;
                &lt;!-- many other fields here that will also affect the preview --&gt;
           &lt;/div&gt;
         &lt;/div&gt;
        &lt;/div&gt;


Here&#39;s a fiddle: http://jsfiddle.net/cyberwombat/zqTah/

Basically I have an object (it&#39;s a flyer generator) which contains multiple lines of text. Each line of text can be tweaked by the user (text, font, size, color, etc) and I want to create a preview for it. The example above only shows the input field to enter text and I would like that to automatically/as-you-type update the preview div but there will be many more controls. 

I am also not sure I got the code right for the looping index - is that the best way to create a ng-model name inside the loop?


Binding ng-model inside ng-repeat loop in AngularJS

This question is the direct analogon to https://stackoverflow.com/questions/12789231/class-type-check-with-typescript

I need to find out at runtime if a variable of type any implements an interface. Here&#39;s my code:

    interface A{
    	member:string;
    }
    
    var a:any={member:&quot;foobar&quot;};
    
    if(a instanceof A) alert(a.member);

If you enter this code in the typescript playground, the last line will be marked as an error, &quot;The name A does not exist in the current scope&quot;. But that isn&#39;t true, the name does exist in the current scope. I can even change the variable declaration to `var a:A={member:&quot;foobar&quot;};` without complaints from the editor. After browsing the web and finding the other question on SO I changed the interface to a class but then I can&#39;t use object literals to create instances.

I wondered how the type A could vanish like that but a look at the generated javascript explains the problem:

    var a = {
        member: &quot;foobar&quot;
    };
    if(a instanceof A) {
        alert(a.member);
    }

There is no representation of A as an interface, therefore no runtime type checks are possible.

I understand that javascript as a dynamic language has no concept of interfaces. Is there any way to type check for interfaces? 

The typescript playground&#39;s autocompletion reveals that typescript even offers a method `implements`. How can I use it ?

Interface type check with Typescript

# Text to Binary Code #
**I want JavaScript to translate text in a textarea into binary code.**
 
For example, if a user types in &quot;`TEST`&quot; into the textarea, the value &quot;`01010100 01000101 01010011 01010100`&quot; should be returned.

I would like to avoid using a switch statement to assign each character a binary code value (e.g. `case &quot;T&quot;: return &quot;01010100`) or any other similar technique. 

Here&#39;s a [JSFiddle][1] to show what I mean. Is this possible in native JavaScript?


  [1]: http://jsfiddle.net/fA24Y/

How to convert text to binary code in JavaScript?

There are a couple of popular recursive angular directive Q&amp;A&#39;s out there, which all come down to one of the following solutions:

- manually incrementally &#39;compile&#39; HTML based on runtime scope state
 - [example 1][1] [[stackoverflow][2]]
 - [example 2][5] [[angular jsfiddles page][6]]
- don&#39;t use a directive at all, but a &amp;lt;script&amp;gt; template which refers to itself
 - [example 1][7] [[google groups][8]]

**The first one** has the problem that you can&#39;t remove previously compiled code unless you comprehensibly manage the manual compile process. **The second approach** has the problem of... not being a directive and missing out on its powerful capabilities, but more urgently, it can&#39;t be parameterised the same way a directive can be; it&#39;s simply bound to a new controller instance.

I&#39;ve been playing with manually doing an `angular.bootstrap` or `@compile()` in the link function, but that leaves me with the problem of manually keeping track of elements to remove and add.

Is there a good way to have a parameterized recursive pattern that manages adding/removing elements to reflect runtime state? That is to say, a tree with a add/delete node button and some input field whose value is passed down a node&#39;s child nodes. Perhaps a combination of the second approach with chained scopes (but I have no idea how to do this)?

 [1]: http://jsfiddle.net/galloc/KNM4q/1/
 [2]: https://stackoverflow.com/questions/11854514/is-it-possible-to-make-a-tree-view-with-angular
 [5]: http://jsfiddle.net/IgorMinar/CHVbb/423/
 [6]: https://github.com/angular/angular.js/wiki/JsFiddle-Examples
 [7]: http://jsfiddle.net/ganarajpr/vzvmS/3/
 [8]: https://groups.google.com/forum/#!topic/angular/I5Z5oglW6Xw

Recursion in Angular directives

    		
what causes this error on the third line?

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    var products = [{
      &quot;name&quot;: &quot;Pizza&quot;,
      &quot;price&quot;: &quot;10&quot;,
      &quot;quantity&quot;: &quot;7&quot;
    }, {
      &quot;name&quot;: &quot;Cerveja&quot;,
      &quot;price&quot;: &quot;12&quot;,
      &quot;quantity&quot;: &quot;5&quot;
    }, {
      &quot;name&quot;: &quot;Hamburguer&quot;,
      &quot;price&quot;: &quot;10&quot;,
      &quot;quantity&quot;: &quot;2&quot;
    }, {
      &quot;name&quot;: &quot;Fraldas&quot;,
      &quot;price&quot;: &quot;6&quot;,
      &quot;quantity&quot;: &quot;2&quot;
    }];
    console.log(products);
    var b = JSON.parse(products); //unexpected token o

&lt;!-- end snippet --&gt;

&lt;sup&gt;Open console to view error&lt;/sup&gt;

Uncaught SyntaxError: Unexpected token with JSON.parse

Under WebKit and Firefox, the text in a `input`&#39;s `placeholder` sticks around on `focus`—it doesn&#39;t disappear until `input.val` actually has something in it.

Is there a good way to force IE10 to do the same thing?

keep placeholder on focus in IE10

I need to extract the details of each column in my table. For example, column &quot;Name/Nr.&quot;.

- The table contains a number of addresses
- The very last column of each row has a button that lets a user choose a listed address.

**Problem:** My code only picks up the first `&lt;td&gt;` that has a class `nr`. How do I get this to work?

**Here&#39;s the jQuery bit:**

    $(&quot;.use-address&quot;).click(function() {
        var id = $(&quot;#choose-address-table&quot;).find(&quot;.nr:first&quot;).text();
        $(&quot;#resultas&quot;).append(id); // Testing: append the contents of the td to a div
    });

**Table:**


    &lt;table id=&quot;choose-address-table&quot; class=&quot;ui-widget ui-widget-content&quot;&gt;
        &lt;thead&gt;
            &lt;tr class=&quot;ui-widget-header &quot;&gt;
                &lt;th&gt;Name/Nr.&lt;/th&gt;
                &lt;th&gt;Street&lt;/th&gt;
                &lt;th&gt;Town&lt;/th&gt;
                &lt;th&gt;Postcode&lt;/th&gt;
                &lt;th&gt;Country&lt;/th&gt;
                &lt;th&gt;Options&lt;/th&gt;
            &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
            &lt;tr&gt;
                &lt;td class=&quot;nr&quot;&gt;&lt;span&gt;50&lt;/span&gt;
                &lt;/td&gt;
                &lt;td&gt;Some Street 1&lt;/td&gt;
                &lt;td&gt;Leeds&lt;/td&gt;
                &lt;td&gt;L0 0XX&lt;/td&gt;
                &lt;td&gt;United Kingdom&lt;/td&gt;
                &lt;td&gt;
                    &lt;button type=&quot;button&quot; class=&quot;use-address&quot; /&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td class=&quot;nr&quot;&gt;49&lt;/td&gt;
                &lt;td&gt;Some Street 2&lt;/td&gt;
                &lt;td&gt;Lancaster&lt;/td&gt;
                &lt;td&gt;L0 0XX&lt;/td&gt;
                &lt;td&gt;United Kingdom&lt;/td&gt;
                &lt;td&gt;
                    &lt;button type=&quot;button&quot; class=&quot;use-address&quot; /&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
    &lt;/table&gt;



Get the contents of a table row with a button click

Seems that something similar already has been discussed on stackoverflow, but i could not find exactly the same.

I am trying to send Cookie with CORS(Cross-origin resource sharing), but it is not working. 

This is my code.

    $.ajax(
        { 
          type: &quot;POST&quot;,
          url: &quot;http://example.com/api/getlist.json&quot;,
          dataType: &#39;json&#39;,
          xhrFields: {
               withCredentials: true
          },
          crossDomain: true,
          beforeSend: function(xhr) {
                xhr.setRequestHeader(&quot;Cookie&quot;, &quot;session=xxxyyyzzz&quot;);
          },
          success: function(){
               alert(&#39;success&#39;);
          },
          error: function (xhr) {
                 alert(xhr.responseText);
          }
        }
    );

I dont see this cookie in request HEADER.

Cross domain POST request is not sending cookie Ajax Jquery

I am using jQuery Mobile, and I am having trouble understanding differences between classic document ready and jQuery Mobile page events.

1. What is the real difference?

    Why should

        &lt;!-- language: lang-js --&gt;

        $(document).ready() {

        });

    be better than

    &lt;!-- language: lang-js --&gt;

        $(document).on(&#39;pageinit&#39;) {

        });

2. What is the order of page events, when you transition from one page to another?

3. How can I send data from one page to another and is it possible to access data from previous page?


jQuery Mobile: document ready vs. page events

I am using `Knockout.js` to bind iframe `src` tag(This will be configurable with respect to  User).

Now, if user has configured http://www.google.com (I know it won&#39;t load in iframe, thats why I am using it for -ve scenario) and that has to be shown in IFrame.
but it throws error:-

&gt; Refused to display &#39;http://www.google.co.in/&#39; in a frame because it
&gt; set &#39;X-Frame-Options&#39; to &#39;SAMEORIGIN&#39;.

I have the following code for Iframe:- 

    &lt;iframe class=&quot;iframe&quot; id=&quot;iframe&quot; data-bind=&quot;attr: {src: externalAppUrl, height: iframeheight}&quot;&gt;
        &lt;p&gt;Hi, This website does not supports IFrame&lt;/p&gt;
    &lt;/iframe&gt;

What I want is, if the URL fails to load. I want to display **Custom Message**.
![Screenshot of console when I get error][1]
[**FIDDLE HERE**][2] 

Now, if I use onload and onerror as:-

    &lt;iframe id=&quot;browse&quot; style=&quot;width:100%;height:100%&quot; onload=&quot;alert(&#39;Done&#39;)&quot; onerror=&quot;alert(&#39;Failed&#39;)&quot;&gt;&lt;/iframe&gt;

It works fine loading w3schools.com but not with google.com.

Secondly:- if I make it as a function and try like I have done in my fiddle, it doesn&#39;t works.

    &lt;iframe id=&quot;browse&quot; style=&quot;width:100%;height:100%&quot; onload=&quot;load&quot; onerror=&quot;error&quot;&gt;&lt;/iframe&gt;

I don&#39;t know how should I make it run and capture the error.

Edited:- I have seen [Want to call a function if iframe doesn&#39;t load or load&#39;s][3] question in stackoverflow but it shows error for sites that can be loaded in iframe.

Also, I have looked into [Stackoverflow iframe on load event][4]
Thanks!! 


  [1]: http://i.stack.imgur.com/dmWvV.jpg
  [2]: http://jsfiddle.net/shubh0602/ALBXR/
  [3]: https://stackoverflow.com/questions/9534001/want-to-call-a-function-if-iframe-doesnt-load-or-loads/9576180#9576180
  [4]: https://stackoverflow.com/questions/5975526/iframe-onload-event/5975562#5975562

Catch error if iframe src fails to load . Error :-&quot;Refused to display &#39;http://www.google.co.in/&#39; in a frame..&quot;

In my HTML I can define these knockout foreach bindings:

    &lt;!-- ko foreach: customer --&gt;
       &lt;div data-bind=&quot;text: id&quot; /&gt;
    &lt;!-- /ko --&gt;

vs

    &lt;div data-bind=&quot;foreach: customer&quot;&gt;
        &lt;div data-bind=&quot;text: id&quot; /&gt;
    &lt;/div&gt;

Where are the differences between those two approaches?

comment foreach binding vs foreach binding in knockoutjs

**Updated for brevity**

How can I reference the $parents&#39; $parent in nested Knockout foreach / with bindings?

Example -

        &lt;!-- ko foreach: grandParent --&gt;
            &lt;tr&gt;
                &lt;!-- ko foreach: $parent.parents --&gt; // &lt;-- Doesn&#39;t work
                    &lt;!-- ko foreach: children --&gt;
                        &lt;td data-bind=&quot;if: favToy().name == $parent.$parent.favToy().name&quot;&gt;
                            &lt;span data-bind=&quot;text: favToy().name&quot;&gt;&lt;/span&gt;
                        &lt;/td&gt;
                    &lt;!-- /ko --&gt;
                &lt;!-- /ko --&gt;
            &lt;/tr&gt;
        &lt;!-- /ko --&gt;

**Original**

Sorry for the confusing question but I am trying to reach a second level parent&#39;s value to check against a value in the current context (like below) to only show a span if it matches a $parent&#39;s $parent&#39;s value (ugh!)

        &lt;!-- ko foreach: grandParent --&gt;
            &lt;tr&gt;
                &lt;!-- ko foreach: $parent.parents --&gt;
                    &lt;!-- ko foreach: children --&gt;
                        &lt;td data-bind=&quot;if: favToy().name == $parent.$parent.favToy().name&quot;&gt;
                            &lt;span data-bind=&quot;text: favToy().name&quot;&gt;&lt;/span&gt;
                        &lt;/td&gt;
                    &lt;!-- /ko --&gt;
                &lt;!-- /ko --&gt;
            &lt;/tr&gt;
        &lt;!-- /ko --&gt;

It would be easier to do it this way but from what I have read this is not possible or I am doing it wrong :) 

        &lt;!-- ko foreach: grandParent --&gt;
            &lt;tr&gt;
                &lt;!-- ko foreach: $parent.parents --&gt;
                    &lt;!-- ko foreach: children ? favToy().name == $parent.$parent.favToy().name --&gt;
                        &lt;td  data-bind=&quot;text: favToy().name&quot;&gt;&lt;/td&gt;
                    &lt;!-- /ko --&gt;
                &lt;!-- /ko --&gt;
            &lt;/tr&gt;
        &lt;!-- /ko --&gt;

Any help would be greatly appreciated.

Access $parent&#39;s $parent in knockout view - nesting context

I&#39;ve just upgraded to Knockout.js 2.3.0 and now I&#39;m getting this error:

```
You cannot apply bindings multiple times to the same element.
```

which I wasn&#39;t getting in 2.2.1.

I&#39;m getting a partial view from my MVC controller and adding it to the page after clicking on an `href`. The error happens the second time I click on the link to get the partial view. I&#39;m doing this multiple times.

Is there a way to clear this out and avoid the new error thrown?

Here&#39;s my code:

```js
$.get(url + &quot;GetAssignedCompaniesView?layoutId=&quot; + layoutId + &quot;&amp;noCache=&quot; + new Date().getMilliseconds(), function (result) {
    $(&quot;#editAssignedPartial&quot;).html($(result));
    showEditAssignedArea(true);
    $(window.document).ready(function () {
        // error is thrown here
        ko.applyBindings(self, window.document.getElementById(&quot;editAssigned&quot;));
        $(&quot;#layoutId&quot;).attr(&quot;value&quot;, layoutId);
        updateTypeHiddenElement.attr(&quot;value&quot;, &quot;companies&quot;);
    });
});
```

Here&#39;s my HTML:
```
&lt;div id=&quot;area1&quot;&gt;
    &lt;!-- grid here with links --&gt;
&lt;/div&gt;
&lt;div id=&quot;editAssignedPartial&quot;&gt;&lt;/div&gt;
```
```js    
$(document).ready(function () {
    &#39;use strict&#39;;
    var vm = new Vm();
    ko.applyBindings(vm, document.getElementById(&quot;area1&quot;));
});
```

Knockout.js v2.3.0 error &quot;You cannot apply bindings multiple times to the same element&quot;

I need to display `$index+1` in a table. 

If I just use the `$index` all the elements will start from 0, I need to start at 1.

Here&#39;s the documentation of knockout: [http://knockoutjs.com/documentation/foreach-binding.html][1]


  [1]: http://knockoutjs.com/documentation/foreach-binding.html

In there you can find this example:

    &lt;h4&gt;People&lt;/h4&gt;
    &lt;ul data-bind=&quot;foreach: people&quot;&gt;
        &lt;li&gt;
            Name at position &lt;span data-bind=&quot;text: $index&quot;&gt; &lt;/span&gt;:
            &lt;span data-bind=&quot;text: name&quot;&gt; &lt;/span&gt;
            &lt;a href=&quot;#&quot; data-bind=&quot;click: $parent.removePerson&quot;&gt;Remove&lt;/a&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
    &lt;button data-bind=&quot;click: addPerson&quot;&gt;Add&lt;/button&gt;

So it will display the following:

People

&gt; Name at position 0: Bert Remove 
&gt; 
&gt; Name at position 1: Charles Remove
&gt; 
&gt; Name at position 2: Denise Remove

I really need this to be just for display purposes.

&gt; Name at position 1: Bert Remove
&gt; 
&gt; Name at position 2: Charles Remove
&gt; 
&gt; Name at position 3: Denise Remove

I tried this without success  `&lt;span data-bind=&quot;text: ($index + 1)&quot;&gt; &lt;/span&gt;`


$index+1 in Knockout foreach binding

I can&#39;t figure out how to bring images to front using `CSS`. I&#39;ve already tried setting z-index to 1000 and position to relative, but it still fails.

Here&#39;s example-

&lt;!-- begin snippet: js hide: false console: true --&gt;

&lt;!-- language: lang-css --&gt;

    #header {
        background: url(http://placehold.it/420x160) center top no-repeat;
    }
    #header-inner {
        background: url(http://placekitten.com/150/200) right top no-repeat;
    }
    .logo-class {
        height: 128px;
    }
    .content {
        margin-left: auto;
        margin-right: auto;
        table-layout: fixed;
        border-collapse: collapse;
    }
    .td-main {
        text-align: center;
        padding: 80px 10px 80px 10px;
        border: 1px solid #A02422;
        background: #ABABAB;
    }

&lt;!-- language: lang-html --&gt;

    &lt;body&gt;
        &lt;div id=&quot;header&quot;&gt;
            &lt;div id=&quot;header-inner&quot;&gt;
                &lt;table class=&quot;content&quot;&gt;
                    &lt;col width=&quot;400px&quot; /&gt;
                    &lt;tr&gt;
                        &lt;td&gt;
                            &lt;table class=&quot;content&quot;&gt;
                                &lt;col width=&quot;400px&quot; /&gt;
                                &lt;tr&gt;
                                    &lt;td&gt;
                                        &lt;div class=&quot;logo-class&quot;&gt;&lt;/div&gt;
                                    &lt;/td&gt;
                                &lt;/tr&gt;
                                &lt;tr&gt;
                                    &lt;td id=&quot;menu&quot;&gt;&lt;/td&gt;
                                &lt;/tr&gt;
                            &lt;/table&gt;
                            &lt;table class=&quot;content&quot;&gt;
                                &lt;col width=&quot;120px&quot; /&gt;
                                &lt;col width=&quot;160px&quot; /&gt;
                                &lt;col width=&quot;120px&quot; /&gt;
                                &lt;tr&gt;
                                    &lt;td class=&quot;td-main&quot;&gt;text&lt;/td&gt;
                                    &lt;td class=&quot;td-main&quot;&gt;text&lt;/td&gt;
                                    &lt;td class=&quot;td-main&quot;&gt;text&lt;/td&gt;
                                &lt;/tr&gt;
                            &lt;/table&gt;
                        &lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/table&gt;
            &lt;/div&gt;
            &lt;!-- header-inner --&gt;
        &lt;/div&gt;
        &lt;!-- header --&gt;
    &lt;/body&gt;

&lt;!-- end snippet --&gt;



Bring element to front using CSS

How would I print something to the result screen in JsFiddle from my JavaScript. I can&#39;t use `document.write()`, it doesn&#39;t allow it, neither `print`.

What should I use?

Print Var in JsFiddle

I am looking at this jsfiddle: http://jsfiddle.net/carpasse/mcVfK/
It works fine that is not the problem , I just want to know how to debug through the javascript. I tried to use the debugger command and I cant find it in the sources tab?
any idea how I can debug this?

some code from the fiddle:

    angular.module(&#39;app&#39;, [&#39;appServices&#39;])
        .config([&#39;$routeProvider&#39;, function($routeProvider) {
            $routeProvider.
                    when(&#39;/home&#39;, {templateUrl: &#39;home.html&#39;,   controller: HomeCtrl}).
                    when(&#39;/list&#39;, {templateUrl: &#39;list.html&#39;,   controller: ListCtrl}).
                    when(&#39;/detail/:itemId&#39;, {templateUrl: &#39;detail.html&#39;,   controller: DetailCtrl}).
                    when(&#39;/settings&#39;, {templateUrl: &#39;settings.html&#39;,   controller: SettingsCtrl}).
                    otherwise({redirectTo: &#39;/home&#39;});
    }]);



how to debug the js in jsfiddle

I have this jsfiddle:

https://jsfiddle.net/foreyez/vdk7guob/

    &lt;div id=&#39;container&#39;&gt;
    Hello World
    &lt;/div&gt;

I&#39;d like to run it so that when I go to a url it&#39;ll just show me the results window (NOT the editor). So I&#39;d just see a blank &quot;Hello World&quot; on the screen. It&#39;d be nice if jsfiddle had a query string to do this as an option: https://jsfiddle.net/foreyez/vdk7guob/?run=true or something.

Is this possible with jsfiddle, or some other workaround? 

p.s I&#39;m trying to test some things with mobile that&#39;s why I&#39;d like a url to my running fiddle (not editor).

How to run a jsfiddle result with url?

The interface of **JSfiddle** has changed and i can&#39;t see any option to add `jQuery`, and set it `onLoad` as it was Before..

So can someone help me how to activate it.

And thank you for help.

Content Type	Original Author	Original Content on Stackoverflow
Question	Exitos	View Question on Stackoverflow
Solution 1 - Javascript	Rory McCrossan	View Answer on Stackoverflow
Solution 2 - Javascript	Okky	View Answer on Stackoverflow

How do I select more than 1 framework with jsFiddle?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Convert latitude/longitude point to a pixels (x,y) on mercator projection

What is the complexity of the sorted() function?

Attributions