Skip to content

Instantly share code, notes, and snippets.

@scott

scott/widget.js

Forked from lukencode/widget.js
Created December 28, 2015 20:58
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save scott/ad62f37b99962d893c86 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save scott/ad62f37b99962d893c86 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @lukencode lukencode revised this gist Sep 12, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion widget.js
    View file
    Original file line number Diff line number Diff line change
    @@ -41,7 +41,7 @@
    link_tag.setAttribute("type", "text/css");
    link_tag.setAttribute("rel", "stylesheet");
    link_tag.setAttribute("href", href);
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(link_tag);
    }

    /******** load jquery into 'jQuery' variable then call main ********/
  2. @lukencode lukencode created this gist Jan 24, 2013.
    81 changes: 81 additions & 0 deletions widget.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,81 @@
    (function () {

    var scriptName = "embed.js"; //name of this script, used to get reference to own tag
    var jQuery; //noconflict reference to jquery
    var jqueryPath = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js";
    var jqueryVersion = "1.8.3";
    var scriptTag; //reference to the html script tag

    /******** Get reference to self (scriptTag) *********/
    var allScripts = document.getElementsByTagName('script');
    var targetScripts = [];
    for (var i in allScripts) {
    var name = allScripts[i].src
    if(name && name.indexOf(scriptName) > 0)
    targetScripts.push(allScripts[i]);
    }

    scriptTag = targetScripts[targetScripts.length - 1];

    /******** helper function to load external scripts *********/
    function loadScript(src, onLoad) {
    var script_tag = document.createElement('script');
    script_tag.setAttribute("type", "text/javascript");
    script_tag.setAttribute("src", src);

    if (script_tag.readyState) {
    script_tag.onreadystatechange = function () {
    if (this.readyState == 'complete' || this.readyState == 'loaded') {
    onLoad();
    }
    };
    } else {
    script_tag.onload = onLoad;
    }
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
    }

    /******** helper function to load external css *********/
    function loadCss(href) {
    var link_tag = document.createElement('link');
    link_tag.setAttribute("type", "text/css");
    link_tag.setAttribute("rel", "stylesheet");
    link_tag.setAttribute("href", href);
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
    }

    /******** load jquery into 'jQuery' variable then call main ********/
    if (window.jQuery === undefined || window.jQuery.fn.jquery !== jqueryVersion) {
    loadScript(jqueryPath, initjQuery);
    } else {
    initjQuery();
    }

    function initjQuery() {
    jQuery = window.jQuery.noConflict(true);
    main();
    }

    /******** starting point for your widget ********/
    function main() {
    //your widget code goes here

    jQuery(document).ready(function ($) {
    //or you could wait until the page is ready

    //example jsonp call
    //var jsonp_url = "www.example.com/jsonpscript.js?callback=?";
    //jQuery.getJSON(jsonp_url, function(result) {
    // alert("win");
    //});

    //example load css
    //loadCss("http://example.com/widget.css");

    //example script load
    //loadScript("http://example.com/anotherscript.js", function() { /* loaded */ });
    });

    }

    })();