Search code examples
javascripthttphttpsjsfiddle

JSFiddle "Blocked loading mixed active content"

I'm trying to load some old fiddles that worked in the past (say 6-months ago), and now external libraries are not loading due to not being https links:

Blocked loading mixed active content “http://code.jquery.com/ui/1.8.18/jquery-ui.min.js”
Blocked loading mixed active content “http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css”
Blocked loading mixed active content “http://code.jquery.com/ui/1.8.18/jquery-ui.min.js”
Blocked loading mixed active content “http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css”
TypeError: $(...).sortable is not a function

The last error is clearly because the libraries are not loading.

Example: https://jsfiddle.net/abalter/2ydhrLmx/3/

Is this a browser configuration issue? Work firewall? I've tried it in updated chrome and firefox.

If I fix the links, the fiddles work. But why should I need to do that with all of my old fiddles?

Solution

  • jsfiddle seems to have migrated to fiddle.jshell.net. So you need to:

    1. Change your URL from jsfiddle.net/yourname/* to fiddle.jshell.net/yourname/*.
    2. Select your libraries with the gear, the will load properly. But it's tricky, because only some versions of jQuery have associated jQuery UI libraries, and not all work.

    If all goes well, you original fiddle will work without having to load eternal https libraries.

    Here is the example I gave in the question. Only changes are 1) changed URL and 2) selected libraries under gear.

    https://fiddle.jshell.net/abalter/2ydhrLmx/