Created
June 11, 2022 15:37
-
-
Save guilhermeprokisch/47a646a053c51addd29f71aadfddfe07 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
document.write('<link rel="stylesheet" href="https://github.githubassets.com/assets/gist-embed-39872b2714d6.css">') | |
document.write('<div id=\"gist88336513\" class=\"gist\">\n <div class=\"gist-file\" translate=\"no\">\n <div class=\"gist-data\">\n <div class=\"js-gist-file-update-container js-task-list-container file-box\">\n <div id=\"file-shopify-admin-test-script-tag-js\" class=\"file my-2\">\n \n <div itemprop=\"text\" class=\"Box-body p-0 blob-wrapper data type-javascript \">\n\n \n<div class=\"js-check-bidi js-blob-code-container blob-code-content\">\n\n <template class=\"js-file-alert-template\">\n <div data-view-component=\"true\" class=\"flash flash-warn flash-full d-flex flex-items-center\">\n <svg aria-hidden=\"true\" height=\"16\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" data-view-component=\"true\" class=\"octicon octicon-alert\">\n <path fill-rule=\"evenodd\" d=\"M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z\"><\/path>\n<\/svg>\n \n <span>\n This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.\n <a href=\"https://github.co/hiddenchars\" target=\"_blank\">Learn more about bidirectional Unicode characters<\/a>\n <\/span>\n\n\n <div data-view-component=\"true\" class=\"flash-action\"> <a href=\"{{ revealButtonHref }}\" data-view-component=\"true\" class=\"btn-sm btn\"> Show hidden characters\n \n<\/a>\n<\/div>\n<\/div><\/template>\n<template class=\"js-line-alert-template\">\n <span aria-label=\"This line has hidden Unicode characters\" data-view-component=\"true\" class=\"line-alert tooltipped tooltipped-e\">\n <svg aria-hidden=\"true\" height=\"16\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" data-view-component=\"true\" class=\"octicon octicon-alert\">\n <path fill-rule=\"evenodd\" d=\"M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z\"><\/path>\n<\/svg>\n<\/span><\/template>\n\n <table class=\"highlight tab-size js-file-line-container js-code-nav-container js-tagsearch-file\" data-tab-size=\"8\" data-paste-markdown-skip data-tagsearch-lang=\"JavaScript\" data-tagsearch-path=\"shopify-admin-test-script-tag.js\">\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L1\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"1\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC1\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>/* Sample JavaScript file added with ScriptTag resource.<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L2\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"2\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC2\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>This sample file is meant to teach best practices.<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L3\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"3\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC3\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>Your app will load jQuery if it's not defined.<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L4\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"4\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC4\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>Your app will load jQuery if jQuery is defined but is too old, e.g. < 1.7.<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L5\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"5\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC5\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>Your app does not change the definition of \$ or jQuery outside the app.<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L6\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"6\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC6\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>Example: if a Shopify theme uses jQuery 1.4.2, both of these statements run in the console will still return '1.4.2'<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L7\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"7\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC7\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>once the app is installed, even if the app uses jQuery 1.9.1:<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L8\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"8\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC8\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>jQuery.fn.jquery => "1.4.2"<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L9\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"9\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC9\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>\$.fn.jquery -> "1.4.2"<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L10\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"10\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC10\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>*/<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L11\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"11\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC11\" class=\"blob-code blob-code-inner js-file-line\">\n<\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L12\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"12\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC12\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>/* Using a self-executing anonymous function - (function(){})(); - so that all variables and functions defined within<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L13\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"13\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC13\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>aren’t available to the outside world. */<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L14\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"14\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC14\" class=\"blob-code blob-code-inner js-file-line\">\n<\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L15\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"15\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC15\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-kos>(<\/span><span class=pl-k>function<\/span><span class=pl-kos>(<\/span><span class=pl-kos>)<\/span><span class=pl-kos>{<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L16\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"16\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC16\" class=\"blob-code blob-code-inner js-file-line\">\n<\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L17\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"17\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC17\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>/* Load Script function we may need to load jQuery from the Google's CDN */<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L18\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"18\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC18\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>/* That code is world-reknown. */<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L19\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"19\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC19\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>/* One source: http://snipplr.com/view/18756/loadscript/ */<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L20\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"20\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC20\" class=\"blob-code blob-code-inner js-file-line\">\n<\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L21\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"21\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC21\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-k>var<\/span> <span class=pl-en>loadScript<\/span> <span class=pl-c1>=<\/span> <span class=pl-k>function<\/span><span class=pl-kos>(<\/span><span class=pl-s1>url<\/span><span class=pl-kos>,<\/span> <span class=pl-s1>callback<\/span><span class=pl-kos>)<\/span><span class=pl-kos>{<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L22\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"22\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC22\" class=\"blob-code blob-code-inner js-file-line\">\n<\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L23\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"23\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC23\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-k>var<\/span> <span class=pl-s1>script<\/span> <span class=pl-c1>=<\/span> <span class=pl-smi>document<\/span><span class=pl-kos>.<\/span><span class=pl-en>createElement<\/span><span class=pl-kos>(<\/span><span class=pl-s>"script"<\/span><span class=pl-kos>)<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L24\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"24\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC24\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-s1>script<\/span><span class=pl-kos>.<\/span><span class=pl-c1>type<\/span> <span class=pl-c1>=<\/span> <span class=pl-s>"text/javascript"<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L25\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"25\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC25\" class=\"blob-code blob-code-inner js-file-line\">\n<\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L26\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"26\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC26\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-c>// If the browser is Internet Explorer.<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L27\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"27\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC27\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-k>if<\/span> <span class=pl-kos>(<\/span><span class=pl-s1>script<\/span><span class=pl-kos>.<\/span><span class=pl-c1>readyState<\/span><span class=pl-kos>)<\/span><span class=pl-kos>{<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L28\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"28\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC28\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-s1>script<\/span><span class=pl-kos>.<\/span><span class=pl-en>onreadystatechange<\/span> <span class=pl-c1>=<\/span> <span class=pl-k>function<\/span><span class=pl-kos>(<\/span><span class=pl-kos>)<\/span><span class=pl-kos>{<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L29\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"29\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC29\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-k>if<\/span> <span class=pl-kos>(<\/span><span class=pl-s1>script<\/span><span class=pl-kos>.<\/span><span class=pl-c1>readyState<\/span> <span class=pl-c1>==<\/span> <span class=pl-s>"loaded"<\/span> <span class=pl-c1>||<\/span> <span class=pl-s1>script<\/span><span class=pl-kos>.<\/span><span class=pl-c1>readyState<\/span> <span class=pl-c1>==<\/span> <span class=pl-s>"complete"<\/span><span class=pl-kos>)<\/span><span class=pl-kos>{<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L30\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"30\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC30\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-s1>script<\/span><span class=pl-kos>.<\/span><span class=pl-c1>onreadystatechange<\/span> <span class=pl-c1>=<\/span> <span class=pl-c1>null<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L31\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"31\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC31\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-s1>callback<\/span><span class=pl-kos>(<\/span><span class=pl-kos>)<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L32\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"32\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC32\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-kos>}<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L33\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"33\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC33\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-kos>}<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L34\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"34\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC34\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-c>// For any other browser.<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L35\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"35\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC35\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-kos>}<\/span> <span class=pl-k>else<\/span> <span class=pl-kos>{<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L36\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"36\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC36\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-s1>script<\/span><span class=pl-kos>.<\/span><span class=pl-en>onload<\/span> <span class=pl-c1>=<\/span> <span class=pl-k>function<\/span><span class=pl-kos>(<\/span><span class=pl-kos>)<\/span><span class=pl-kos>{<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L37\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"37\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC37\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-s1>callback<\/span><span class=pl-kos>(<\/span><span class=pl-kos>)<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L38\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"38\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC38\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-kos>}<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L39\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"39\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC39\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-kos>}<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L40\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"40\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC40\" class=\"blob-code blob-code-inner js-file-line\">\n<\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L41\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"41\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC41\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-s1>script<\/span><span class=pl-kos>.<\/span><span class=pl-c1>src<\/span> <span class=pl-c1>=<\/span> <span class=pl-s1>url<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L42\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"42\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC42\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-smi>document<\/span><span class=pl-kos>.<\/span><span class=pl-en>getElementsByTagName<\/span><span class=pl-kos>(<\/span><span class=pl-s>"head"<\/span><span class=pl-kos>)<\/span><span class=pl-kos>[<\/span><span class=pl-c1>0<\/span><span class=pl-kos>]<\/span><span class=pl-kos>.<\/span><span class=pl-en>appendChild<\/span><span class=pl-kos>(<\/span><span class=pl-s1>script<\/span><span class=pl-kos>)<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L43\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"43\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC43\" class=\"blob-code blob-code-inner js-file-line\">\n<\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L44\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"44\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC44\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-kos>}<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L45\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"45\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC45\" class=\"blob-code blob-code-inner js-file-line\">\n<\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L46\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"46\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC46\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>/* This is my app's JavaScript */<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L47\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"47\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC47\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-k>var<\/span> <span class=pl-en>myAppJavaScript<\/span> <span class=pl-c1>=<\/span> <span class=pl-k>function<\/span><span class=pl-kos>(<\/span><span class=pl-s1>\$<\/span><span class=pl-kos>)<\/span><span class=pl-kos>{<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L48\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"48\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC48\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-c>// \$ in this scope references the jQuery object we'll use.<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L49\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"49\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC49\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-c>// Don't use jQuery, or jQuery191, use the dollar sign.<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L50\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"50\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC50\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-c>// Do this and do that, using \$.<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L51\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"51\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC51\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-s1>\$<\/span><span class=pl-kos>(<\/span><span class=pl-s>'#shopify-section-product-template'<\/span><span class=pl-kos>)<\/span><span class=pl-kos>.<\/span><span class=pl-en>append<\/span><span class=pl-kos>(<\/span><span class=pl-s>'<h1>Add Script here</h1>'<\/span><span class=pl-kos>)<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L52\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"52\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC52\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-kos>}<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L53\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"53\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC53\" class=\"blob-code blob-code-inner js-file-line\">\n<\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L54\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"54\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC54\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>/* If jQuery has not yet been loaded or if it has but it's too old for our needs,<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L55\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"55\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC55\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>we will load jQuery from the Google CDN, and when it's fully loaded, we will run<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L56\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"56\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC56\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>our app's JavaScript. Set your own limits here, the sample's code below uses 1.9.1<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L57\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"57\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC57\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-c>as the minimum version we are ready to use, and if the jQuery is older, we load 1.9.1 */<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L58\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"58\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC58\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-k>if<\/span> <span class=pl-kos>(<\/span><span class=pl-kos>(<\/span><span class=pl-k>typeof<\/span> <span class=pl-s1>jQuery<\/span> <span class=pl-c1>===<\/span> <span class=pl-s>'undefined'<\/span><span class=pl-kos>)<\/span> <span class=pl-c1>||<\/span> <span class=pl-kos>(<\/span><span class=pl-en>parseInt<\/span><span class=pl-kos>(<\/span><span class=pl-s1>jQuery<\/span><span class=pl-kos>.<\/span><span class=pl-c1>fn<\/span><span class=pl-kos>.<\/span><span class=pl-c1>jquery<\/span><span class=pl-kos>)<\/span> <span class=pl-c1>===<\/span> <span class=pl-c1>1<\/span> <span class=pl-c1>&&<\/span> <span class=pl-en>parseFloat<\/span><span class=pl-kos>(<\/span><span class=pl-s1>jQuery<\/span><span class=pl-kos>.<\/span><span class=pl-c1>fn<\/span><span class=pl-kos>.<\/span><span class=pl-c1>jquery<\/span><span class=pl-kos>.<\/span><span class=pl-en>replace<\/span><span class=pl-kos>(<\/span><span class=pl-pds><span class=pl-c1>/<\/span><span class=pl-cce>^<\/span>1<span class=pl-cce>\\.<\/span><span class=pl-c1>/<\/span><\/span><span class=pl-kos>,<\/span><span class=pl-s>""<\/span><span class=pl-kos>)<\/span><span class=pl-kos>)<\/span> <span class=pl-c1><<\/span> <span class=pl-c1>9.1<\/span><span class=pl-kos>)<\/span><span class=pl-kos>)<\/span> <span class=pl-kos>{<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L59\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"59\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC59\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-en>loadScript<\/span><span class=pl-kos>(<\/span><span class=pl-s>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'<\/span><span class=pl-kos>,<\/span> <span class=pl-k>function<\/span><span class=pl-kos>(<\/span><span class=pl-kos>)<\/span><span class=pl-kos>{<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L60\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"60\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC60\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-s1>jQuery191<\/span> <span class=pl-c1>=<\/span> <span class=pl-s1>jQuery<\/span><span class=pl-kos>.<\/span><span class=pl-en>noConflict<\/span><span class=pl-kos>(<\/span><span class=pl-c1>true<\/span><span class=pl-kos>)<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L61\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"61\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC61\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-en>myAppJavaScript<\/span><span class=pl-kos>(<\/span><span class=pl-s1>jQuery191<\/span><span class=pl-kos>)<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L62\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"62\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC62\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-kos>}<\/span><span class=pl-kos>)<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L63\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"63\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC63\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-kos>}<\/span> <span class=pl-k>else<\/span> <span class=pl-kos>{<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L64\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"64\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC64\" class=\"blob-code blob-code-inner js-file-line\"> <span class=pl-en>myAppJavaScript<\/span><span class=pl-kos>(<\/span><span class=pl-s1>jQuery<\/span><span class=pl-kos>)<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L65\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"65\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC65\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-kos>}<\/span><\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L66\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"66\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC66\" class=\"blob-code blob-code-inner js-file-line\">\n<\/td>\n <\/tr>\n <tr>\n <td id=\"file-shopify-admin-test-script-tag-js-L67\" class=\"blob-num js-line-number js-code-nav-line-number js-blob-rnum\" data-line-number=\"67\"><\/td>\n <td id=\"file-shopify-admin-test-script-tag-js-LC67\" class=\"blob-code blob-code-inner js-file-line\"><span class=pl-kos>}<\/span><span class=pl-kos>)<\/span><span class=pl-kos>(<\/span><span class=pl-kos>)<\/span><span class=pl-kos>;<\/span><\/td>\n <\/tr>\n <\/table>\n<\/div>\n\n\n <\/div>\n\n <\/div>\n<\/div>\n\n <\/div>\n <div class=\"gist-meta\">\n <a href=\"https://gist.github.com/JimmyLin39/9572a0c6f6b57c6fe6b8ffa84d6d24bc/raw/a0f8a796224d417d4d906dc71e5e2ee7f29cfe3d/shopify-admin-test-script-tag.js\" style=\"float:right\">view raw<\/a>\n <a href=\"https://gist.github.com/JimmyLin39/9572a0c6f6b57c6fe6b8ffa84d6d24bc#file-shopify-admin-test-script-tag-js\">\n shopify-admin-test-script-tag.js\n <\/a>\n hosted with ❤ by <a href=\"https://github.com\">GitHub<\/a>\n <\/div>\n <\/div>\n<\/div>\n') |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment