{"id":60328,"date":"2023-08-06T03:01:02","date_gmt":"2023-08-05T17:01:02","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=60328"},"modified":"2023-08-06T12:56:04","modified_gmt":"2023-08-06T02:56:04","slug":"drag-and-drop-via-hotlinked-external-javascript-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/drag-and-drop-via-hotlinked-external-javascript-tutorial\/","title":{"rendered":"Drag and Drop via Hotlinked External Javascript Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/draganddrop_hotwiring.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Drag and Drop via Hotlinked External Javascript Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/drag_and_drop_hotwiring_external_javascript.gif\" title=\"Drag and Drop via Hotlinked External Javascript Tutorial\" style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Drag and Drop via Hotlinked External Javascript Tutorial<\/p><\/div>\n<p>There are three very useful <a target=_blank title='Inline linking information from Wikipedia ... thanks'  href='https:\/\/en.wikipedia.org\/wiki\/Inline_linking'>&#8220;hotwiring&#8221;<\/a> ideas that usually work with your web applications &#8230;<\/p>\n<ul>\n<li>via absolute image URLs<\/li>\n<li>via absolute stylesheet URLs<\/li>\n<li>via absolute <font size=1>external<\/font> Javascript URLs<\/li>\n<\/ul>\n<p> &#8230; and that last one is what we want to hone in regarding, with an idea we had to allow a user to &#8230;<\/p>\n<ul>\n<li>write their own HTML (and derived Javascript) via a textarea element with initial template HTML code<\/li>\n<li>construct a personalized HTML webpage after the light green submit button press &#8230; so that &#8230;<\/li>\n<li>downloading the HTML is possible via &#8220;View Page Source&#8221; (context option) and Copy\/Paste into a text editor <font size=1>(and then, perhaps, onto local system web server environment development via an Apache\/PHP\/MySql local web server product such as <a target=_blank title='MAMP' href='http:\/\/www.mamp.info'>MAMP<\/a>)<\/font><\/li>\n<\/ul>\n<p>In order to allow this more generic approach <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/countries.js-----GETME\">we made changes<\/a> to our external Javascript <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/countries.js-----GETME\">countries.js<\/a> &#8220;Drag and Drop specialist&#8221; use by our <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/draganddrop_hotwiring.php_GETME\">&#8220;first draft proof of concept&#8221;<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/draganddrop_hotwiring.php\">PHP draganddrop_hotwiring.php web application<\/a> you can try below <font size=1>(where a context option like &#8220;View Frame Source&#8221; might more be the go regarding downloading your HTML invention)<\/font> &#8230;<\/p>\n<p><iframe src=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/draganddrop_hotwiring.php?rand=7658765\" style=\"width:100%;height:800px;\"><\/iframe><\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d60328' onclick='var dv=document.getElementById(\"d60328\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/external-javascript\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d60328' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>There are three very useful &#8220;hotwiring&#8221; ideas that usually work with your web applications &#8230; via absolute image URLs via absolute stylesheet URLs via absolute external Javascript URLs &#8230; and that last one is what we want to hone in &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/drag-and-drop-via-hotlinked-external-javascript-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,14,37],"tags":[2824,52,360,2237,364,4385,409,452,2537,1839,4430,4431,576,652,714,744,932,997,1105,1262,1319,1345,1891,1418],"class_list":["post-60328","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-absolute","tag-absolute-url","tag-download","tag-drag","tag-drag-and-drop","tag-drop","tag-external-javascript","tag-form","tag-generic","tag-genericization","tag-hotwire","tag-hotwiring","tag-html","tag-javascript","tag-local-web-server","tag-mamp","tag-php","tag-programming","tag-script","tag-textarea","tag-tutorial","tag-url","tag-user","tag-webpage"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/60328"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=60328"}],"version-history":[{"count":10,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/60328\/revisions"}],"predecessor-version":[{"id":60338,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/60328\/revisions\/60338"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=60328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=60328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=60328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}