Flickr API call IIFE

Question

Using an IIFE always gives me a 'callback-function-name' is not defined error. A regular load function on the other hand works fine. Any ideas appreciated guys...!

<script type="text/javascript">

  (function() {

    function myfeed(feed) {
      alert(feed);
    }

    var tags = 'potatoes';
    var script = document.createElement('script');
    script.src = 'http://api.flickr.com/services/feeds/photos_public.gne?format=json&jsoncallback=myfeed&tags=' + tags;
    document.head.appendChild(script);


  }());

</script>

Answer 1

jsoncallback=myfeed is going to look for a global function. Currently, myfeed is scoped inside of the IIFE.

If you want to make it globally available, you need to do something like this:

function myfeed(feed) {
  alert(feed);
}

(function() {

  var tags = 'potatoes';
  var script = document.createElement('script');
  script.src = 'http://api.flickr.com/services/feeds/photos_public.gne?format=json&jsoncallback=myfeed&tags=' + tags;
  document.head.appendChild(script);

}());