Carpe Diem

Ahmed Tarabichi

Former Lead Marketer & Co-Founder of Crypto.com | Blockchain aficionado. Software Dev / Data Scientist. Fintech since 2013-P (10Y) (FOREX 2014-P (9Y) | Early adopter of cryptocurrencies. | DM for work related inquiries.

发布日期: 2020年3月4日

+ 关注

<!DOCTYPE html>

<head>

<title>Tryit Editor v3.6</title>

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-3855518-1', 'auto');

ga('require', 'displayfeatures');

ga('send', 'pageview');

</script>

var k42 = false;

var googletag = googletag || {}; googletag.cmd = googletag.cmd || [];

k42 = true;

(adsbygoogle=window.adsbygoogle||[]).pauseAdRequests=1;

var snhb = snhb || {}; snhb.queue = snhb.queue || [];

snhb.options = {

logOutputEnabled : false,

autoStartAuction: false,

gdpr: {

mainGeo: "us",

reconsiderationAppealIntervalSeconds: 0

}

};

</script>

window.__cmp('setLogo', "https://www.w3schools.com/images/w3schoolscom_gray.gif", function(result){

snhb.console.log("Logo set");

});

window.__cmp('setPrivacyPolicy', "https://www.w3schools.com/about/about_privacy.asp", function(result){

snhb.console.log("Privacy policy URI set");

});

__cmp('forceLocale', 'en', function(result){

});

window.__cmp('enableWelcomeBanner', null, function(result) {

snhb.console.log("Banner mode enabled");

});

__cmp('enablePopupDismissable', null, function(result) {});

window.__cmp('disableBannerPrivacyPolicyButton', null, function(result) {

snhb.console.log("Banner mode without privacy policy button enabled");

});

window.__cmp('setTranslationFiles', { path: '//www.w3schools.com/lib/', locales: ["en"] }, function(result) {});

__cmp('setCSS', '//www.w3schools.com/lib/cmp.css', function(result){} );

</script>

snhb.queue.push(function(){

snhb.startAuction(["try_it_leaderboard"]);

});

</script>

if (window.addEventListener) {

window.addEventListener("resize", browserResize);

} else if (window.attachEvent) {

window.attachEvent("onresize", browserResize);

}

var xbeforeResize = window.innerWidth;

function browserResize() {

var afterResize = window.innerWidth;

if ((xbeforeResize < (970) && afterResize >= (970)) || (xbeforeResize >= (970) && afterResize < (970)) ||

(xbeforeResize < (728) && afterResize >= (728)) || (xbeforeResize >= (728) && afterResize < (728)) ||

(xbeforeResize < (468) && afterResize >= (468)) ||(xbeforeResize >= (468) && afterResize < (468))) {

xbeforeResize = afterResize;

snhb.queue.push(function(){ snhb.startAuction(["try_it_leaderboard"]); });

}

if (window.screen.availWidth <= 768) {

restack(window.innerHeight > window.innerWidth);

}

fixDragBtn();

showFrameSize();

}

var fileID = "";

var loadSave = false;

function getSavedFile() {

loadSave = true;

var htmlCode;

var paramObj = {};

paramObj.fileid = "";

fileID = paramObj.fileid;

var paramA = JSON.stringify(paramObj);

var httpA = new XMLHttpRequest();

httpA.open("POST", globalURL, true);

httpA.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

httpA.onreadystatechange = function() {

if(httpA.readyState == 4 && httpA.status == 200) {

document.getElementById("textareaCode").value = httpA.responseText;

window.editor.getDoc().setValue(httpA.responseText);

loadSave = false;

}

httpA.send(paramA);

}

</script>

<style>

* {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

body {

color:#000000;

margin:0px;

font-size:100%;

}

.trytopnav {

height:40px;

overflow:hidden;

min-width:380px;

position:absolute;

width:100%;

top:99px;

background-color:#f1f1f1;

}

.trytopnav a {

color:#999999;

}

.w3-bar .w3-bar-item:hover {

color:#757575 !important;

}

a.w3schoolslink {

padding:0 !important;

display:inline !important;

}

a.w3schoolslink:hover,a.w3schoolslink:active {

text-decoration:underline !important;

background-color:transparent !important;

}

#dragbar{

position:absolute;

cursor: col-resize;

z-index:3;

padding:5px;

}

#shield {

display:none;

top:0;

left:0;

width:100%;

position:absolute;

height:100%;

z-index:4;

}

#framesize span {

font-family:Consolas, monospace;

}

#container {

background-color:#f1f1f1;

width:100%;

overflow:auto;

position:absolute;

top:138px;

bottom:0;

height:auto;

}

#textareacontainer, #iframecontainer {

float:left;

height:100%;

width:50%;

}

#textarea, #iframe {

height:100%;

width:100%;

padding-bottom:10px;

padding-top:1px;

}

#textarea {

padding-left:10px;

padding-right:5px;

}

#iframe {

padding-left:5px;

padding-right:10px;

}

#textareawrapper {

width:100%;

height:100%;

background-color: #ffffff;

position:relative;

box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

}

#iframewrapper {

width:100%;

height:100%;

-webkit-overflow-scrolling: touch;

background-color: #ffffff;

box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

}

#textareaCode {

background-color: #ffffff;

font-family: consolas,"courier new",monospace;

font-size:15px;

height:100%;

width:100%;

padding:8px;

resize: none;

border:none;

line-height:normal;

}

.CodeMirror.cm-s-default {

line-height:normal;

padding: 4px;

height:100%;

width:100%;

}

#iframeResult, #iframeSource {

background-color: #ffffff;

height:100%;

width:100%;

}

#stackV {background-color:#999999;}

#stackV:hover {background-color:#BBBBBB !important;}

#stackV.horizontal {background-color:transparent;}

#stackV.horizontal:hover {background-color:#BBBBBB !important;}

#stackH.horizontal {background-color:#999999;}

#stackH.horizontal:hover {background-color:#999999 !important;}

#textareacontainer.horizontal,#iframecontainer.horizontal{

height:50%;

float:none;

width:100%;

}

#textarea.horizontal{

height:100%;

padding-left:10px;

padding-right:10px;

}

#iframe.horizontal{

height:100%;

padding-right:10px;

padding-bottom:10px;

padding-left:10px;

}

#container.horizontal{

min-height:200px;

margin-left:0;

}

#tryitLeaderboard {

overflow:hidden;

text-align:center;

margin-top:5px;

height:90px;

}

.w3-dropdown-content {width:350px}

@media screen and (max-width: 727px) {

.trytopnav {top:70px;}

#container {top:108px;}

}

@media screen and (max-width: 467px) {

.trytopnav {top:60px;}

#container {top:98px;}

.w3-dropdown-content {width:100%}

}

@media only screen and (max-device-width: 768px) {

#iframewrapper {overflow: auto;}

#container {min-width:320px;}

.stack {display:none;}

#tryhome {display:block;}

}

@font-face {

font-family: 'fontawesome';

src:url('../lib/fonts/fontawesome.eot?14663396');

src:url('../lib/fonts/fontawesome.eot?14663396#iefix') format('embedded-opentype'),

url('../lib/fonts/fontawesome.woff?14663396') format('woff'),

url('../lib/fonts/fontawesome.ttf?14663396') format('truetype'),

url('../lib/fonts/fontawesome.svg?14663396#fontawesome') format('svg');

font-weight:normal;

font-style:normal;

}

.fa {

display:inline-block;

font:normal normal normal 14px/1 FontAwesome;

font-size:inherit;

text-rendering:auto;

-webkit-font-smoothing:antialiased;

-moz-osx-font-smoothing:grayscale;

transform:translate(0,0);

}

.fa-2x {

font-size:2em;

}

.fa-home:before {content: '\e800'; }

.fa-save:before {content: '\e804'; }

.fa-rotate:before {content: '\e813'; }

.fa-menu:before { content: '\f0c9'; }

.fa-adjust:before { content: '\e80b'; }

.loader {

border: 6px solid #f3f3f3; /* Light grey */

border-top: 6px solid #3498db; /* Blue */

border-radius: 50%;

width: 60px;

height: 60px;

animation: spin 2s linear infinite;

}

#saveLoader {

margin:20px;

}

@keyframes spin {

0% { transform: rotate(0deg); }

100% { transform: rotate(360deg); }

}

#iframewrapper {

}

body.darktheme {

background-color:rgb(40, 44, 52);

}

body.darktheme #tryitLeaderboard{

background-color:rgb(40, 44, 52);

}

body.darktheme .trytopnav{

background-color:#616161;

color:#dddddd;

}

body.darktheme #container {

background-color:#616161;

}

body.darktheme .trytopnav a {

color:#dddddd;

}

body.darktheme ::-webkit-scrollbar {width:12px;height:3px;}

body.darktheme ::-webkit-scrollbar-track-piece {background-color:#000;}

body.darktheme ::-webkit-scrollbar-thumb {height:50px;background-color: #616161;}

body.darktheme ::-webkit-scrollbar-thumb:hover {background-color: #aaaaaa;}

</style>

<!--[if lt IE 8]>

<style>

#textareacontainer, #iframecontainer {width:48%;}

#container {height:500px;}

#textarea, #iframe {width:90%;height:450px;}

#textareaCode, #iframeResult {height:450px;}

.stack {display:none;}

</style>

<![endif]-->

</head>

<body>

</div>

<p>If you click the save button, your code will be saved, and you get an URL you can share with others.</p>

<p>

<button class="w3-btn w3-green" style="margin-right:15px" title="Save" onclick?="saveFile(document.getElementById

('textareaCode').value);">Save</button>

<button class="w3-btn w3-red" title="Cancel" style="margin-right:15px" onclick?="hideAndResetModal();">Cancel</button>

</p>

</div>

<p>By clicking the "Save" button you agree to our <a href?="javascript:void(0);" class="w3-hover-text-green"

onclick="document.getElementById('saveDisclaimer').style.display='block';">terms and conditions</a>.</p>

<p><a href="/default.asp" class="w3-button w3-light-grey" onclick?="event.preventDefault();displayError()">Report Error</a></p>

<p>All code in shared files are supplied by users, and belongs to the poster.</p>

<p>All shared files are made public. No license is enforced.</p>

<p>Any code can be removed without warning (if it is deemed offensive, damaging or for any other reason).</p>

<p>w3schools.com are not responsible or liable for any loss or damage of any kind during the usage of provided code.</p>

</div>

<h2>Your Code Could Not be Saved</h2>

<p>The code has too many characters.</p>

</div>

<h2>Your Code has Been Saved</h2>

<p>File has been saved to: <a id="shareLink" class="w3-hover-text-green" href?="javascript:void(0);" target="_blank"><span

id="shareLinkText"></span></a></p>

</div>

<h2>Save to Google Drive</h2>

<p>If you have a Google account, you can save this code to your Google Drive.</p>

<p>Google will ask you to confirm Google Drive access.</p>

<button class="w3-button w3-light-grey w3-hover-grey w3-hover-text-white w3-margin-top" title="Save file to Google Drive"

onclick="handleAuthClick(event,'save')"><img style="margin-right:5px" alt="Save file to Google Drive" title="Save file to Google Drive"

src="/images/driveicon.png">Save file</button>

</div>

</div>

<h2>Open from Google Drive</h2>

<p>If you have saved a file to Google Drive, you can open it here:</p>

<p><button class="w3-button w3-light-grey w3-hover-grey w3-hover-text-white" title="Open file from Google Drive"

onclick="handleAuthClick(event,'open')"><img style="margin-right:5px" alt="Open file from Google Drive" title="Open file from Google Drive"

src="/images/driveicon.png">Open file</button></p>

</div>

<a id="tryhome" target="_blank" title="w3schools.com Home" class="w3-button w3-bar-item topnav-

icons fa fa-home" style="font-size:28px;margin-top:-2px"></a>

<a href?="javascript:void(0);" onclick?="openMenu()" id="menuButton" title="Open Menu"class="w3-dropdown-click w3-button w3-bar-item

topnav-icons fa fa-menu" style="font-size:28px;margin-top:-2px"></a>

<a href?="javascript:void(0);" onclick?="click_savebtn()" title="Save" class="w3-button w3-bar-item topnav-icons fa fa-save" style="font-

size:28px;margin-top:-2px"></a>

<a href?="javascript:void(0);" onclick?="restack(currentStack)" title="Change Orientation" class="w3-button w3-bar-item topnav-icons fa

fa-rotate" style="font-size:28px;margin-top:-2px"></a>

<a href?="javascript:void(0);" onclick?="retheme()" title="Change Theme" class="w3-button w3-bar-item topnav-icons fa fa-adjust"

style="font-size:28px;margin-top:-2px"></a>

<button class="w3-button w3-bar-item w3-green w3-hover-white w3-hover-text-green" style="font-size:16px" onclick?="submitTryit

(1);ga('send', 'event', 'runCode', 'click');snhb.startAuction(['try_it_leaderboard']);">Run »</button>

</div>

<span onclick?="openMenu()" class="w3-button w3-display-topright w3-transparent w3-hover-dark-grey" title="Close Menu" style="font-

weight:bold;padding-top:10px;padding-bottom:11px;">×</span>

<a class="w3-bar-item w3-button" href?='javascript:void(0);' title="Change Orientaton" onclick?="openMenu();restack(currentStack)"><i

class="fa fa-rotate" style="font-size:26px;margin-left:-4px;margin-right:8px"></i><span style="position:relative;top:-

4px;left:2px;">Change Orientation</span></a>

<a class="w3-bar-item w3-button" href?="javascript:void(0);" title="Save" onclick?="openMenu();click_savebtn()"><i class="fa fa-save"

style="font-size:26px;margin-right:10px;"></i><span style="position:relative;top:-4px;left:2px;">Save Code</span></a>

<a class="w3-bar-item w3-button" href?='javascript:void(0);' id="saveGDriveBtn" title="Save to Google Drive" onclick?="openMenu

();click_google_savebtn()"><img src="/images/driveicon_32.png" alt="Save to Google Drive" title="Save to Google Drive" style="margin-

right:10px;width:24px;"><span style="position:relative;left:1px;">Save to Google Drive</span></a>

<a class="w3-bar-item w3-button" href?='javascript:void(0);' id="loadGDriveBtn" title="Load from Google Drive" onclick?="openMenu

();click_google_loadbtn()"><img src="/images/driveicon_32.png" alt="Load from Google Drive" title="Load from Google Drive" style="margin-

right:10px;width:24px;"><span style="position:relative;left:1px;">Load from Google Drive</span></a>

<a class="w3-bar-item w3-button" href?='javascript:void(0);' title="Change Theme" onclick?="openMenu();retheme()"><i class="fa fa-

adjust" style="font-size:26px;margin-right:8px"></i><span style="position:relative;top:-4px;left:2px;">Change Theme,

Dark/Light</span></a>

</div>

<p><a style="display:inline;padding:0;" href="/about/about_privacy.asp" target="_blank" onclick?="openMenu();" class="w3-hover-none w3-

hover-text-green">Privacy policy</a> and

<a style="display:inline;padding:0;" href="/about/about_copyright.asp" target="_blank" onclick?="openMenu();" class="w3-hover-none w3-

</footer>

</div>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>FED PUNCHES CRYPTO IN THE GUT FOR A 2% DROP</h1>

<p> WHEN WE SAYS WE AINT CRAZY WE AINT CRAZY OKAY</p>

<h3> we are NOT crazy </h3>

w = wizard

x = CRAZY & SO RIDICOUSLY SURREAL IT SOUNDS LIKE BULLSHIT TYPE SCENARIO

<h2> IF W is true it does not have any impact on whether or not X is also true or false </h2>

</body>

</html>

</textarea>

</form>

</div>

</div>

<span onclick?="document.getElementById('err_form').style.display='none'" class="w3-button w3-display-topright w3-text-white w3-

padding w3-green" style="font-weight:bold;">×</span>

<h2>Report a Problem:</h2>

</div>

</p>

<p>

<label for="err_email">Page address:</label>

</p>

<p>

<label for="err_email">Description:</label>

</p>

<button class="w3-btn w3-right w3-green w3-margin-bottom" type="button" onclick?="sendErr()">Submit</button>

</form>

</div>

<style>

#backtotutcontainer {

position:absolute;

bottom:0;

background-color:#f1f1f1;

width:100%;

height:50px;

padding-left:10px;

color:#555;

}

.w3-btn:hover.w3-blue, .w3-btn:active.w3-blue {

background-color: #0d8bf2!important;

color: #fff!important;

box-shadow: none;

}

body.darktheme #backtotutcontainer {

background-color:#616161;

color:#ddd;

}

</style>

submitTryit()

function submitTryit(n) {

if (window.editor) {

window.editor.save();

}

var text = document.getElementById("textareaCode").value;

var ifr = document.createElement("iframe");

ifr.setAttribute("frameborder", "0");

ifr.setAttribute("id", "iframeResult");

ifr.setAttribute("name", "iframeResult");

ifr.setAttribute("allowfullscreen", "true");

document.getElementById("iframewrapper").innerHTML = "";

document.getElementById("iframewrapper").appendChild(ifr);

if (loadSave == true ) {

ifr.setAttribute("src", "/code/opentext.htm");

} else if (fileID != "" && loadSave == false) {

var t=text;

t=t.replace(/=/gi,"w3equalsign");

t=t.replace(/\+/gi,"w3plussign");

var pos=t.search(/script/i)

while (pos>0) {

t=t.substring(0,pos) + "w3" + t.substr(pos,3) + "w3" + t.substr(pos+3,3) + "tag" + t.substr(pos+6);

pos=t.search(/script/i);

}

document.getElementById("code").value=t;

document.getElementById("codeForm").action = "https://tryit.w3schools.com/tryit_view.php?x=" + Math.random();

document.getElementById('codeForm').method = "post";

document.getElementById('codeForm').acceptCharset = "utf-8";

document.getElementById('codeForm').target = "iframeResult";

document.getElementById("codeForm").submit();

} else {

var ifrw = (ifr.contentWindow) ? ifr.contentWindow : (ifr.contentDocument.document) ? ifr.contentDocument.document :

ifr.contentDocument;

ifrw.document.open();

ifrw.document.write(text);

ifrw.document.close();

//23.02.2016: contentEditable is set to true, to fix text-selection (bug) in firefox.

//(and back to false to prevent the content from being editable)

//(To reproduce the error: Select text in the result window with, and without, the contentEditable statements below.)

if (ifrw.document.body && !ifrw.document.body.isContentEditable) {

ifrw.document.body.contentEditable = true;

ifrw.document.body.contentEditable = false;

}

var currentStack=true;

if ((window.screen.availWidth <= 768 && window.innerHeight > window.innerWidth) || "" == " horizontal") {restack(true);}

function restack(horizontal) {

var tc, ic, t, i, c, f, sv, sh, d, height, flt, width;

tc = document.getElementById("textareacontainer");

ic = document.getElementById("iframecontainer");

t = document.getElementById("textarea");

i = document.getElementById("iframe");

c = document.getElementById("container");

sv = document.getElementById("stackV");

sh = document.getElementById("stackH");

tc.className = tc.className.replace("horizontal", "");

ic.className = ic.className.replace("horizontal", "");

t.className = t.className.replace("horizontal", "");

i.className = i.className.replace("horizontal", "");

c.className = c.className.replace("horizontal", "");

if (sv) {sv.className = sv.className.replace("horizontal", "")};

if (sv) {sh.className = sh.className.replace("horizontal", "")};

stack = "";

if (horizontal) {

tc.className = tc.className + " horizontal";

ic.className = ic.className + " horizontal";

t.className = t.className + " horizontal";

i.className = i.className + " horizontal";

c.className = c.className + " horizontal";

if (sv) {sv.className = sv.className + " horizontal"};

if (sv) {sh.className = sh.className + " horizontal"};

stack = " horizontal";

document.getElementById("textareacontainer").style.height = "50%";

document.getElementById("iframecontainer").style.height = "50%";

document.getElementById("textareacontainer").style.width = "100%";

document.getElementById("iframecontainer").style.width = "100%";

currentStack=false;

} else {

document.getElementById("textareacontainer").style.height = "100%";

document.getElementById("iframecontainer").style.height = "100%";

document.getElementById("textareacontainer").style.width = "50%";

document.getElementById("iframecontainer").style.width = "50%";

currentStack=true;

}

fixDragBtn();

showFrameSize();

}

function showFrameSize() {

var t;

var width, height;

width = Number(w3_getStyleValue(document.getElementById("iframeResult"), "width").replace("px", "")).toFixed();

height = Number(w3_getStyleValue(document.getElementById("iframeResult"), "height").replace("px", "")).toFixed();

document.getElementById("framesize").innerHTML = "Result Size: <span>" + width + " x " + height + "</span>";

}

var dragging = false;

var stack;

function fixDragBtn() {

var textareawidth, leftpadding, dragleft, containertop, buttonwidth

var containertop = Number(w3_getStyleValue(document.getElementById("container"), "top").replace("px", ""));

if (stack != " horizontal") {

document.getElementById("dragbar").style.width = "5px";

textareasize = Number(w3_getStyleValue(document.getElementById("textareawrapper"), "width").replace("px", ""));

leftpadding = Number(w3_getStyleValue(document.getElementById("textarea"), "padding-left").replace("px", ""));

buttonwidth = Number(w3_getStyleValue(document.getElementById("dragbar"), "width").replace("px", ""));

textareaheight = w3_getStyleValue(document.getElementById("textareawrapper"), "height");

dragleft = textareasize + leftpadding + (leftpadding / 2) - (buttonwidth / 2);

document.getElementById("dragbar").style.top = containertop + "px";

document.getElementById("dragbar").style.left = dragleft + "px";

document.getElementById("dragbar").style.height = textareaheight;

document.getElementById("dragbar").style.cursor = "col-resize";

} else {

document.getElementById("dragbar").style.height = "5px";

if (window.getComputedStyle) {

textareawidth = window.getComputedStyle(document.getElementById("textareawrapper"),null).getPropertyValue("height");

textareaheight = window.getComputedStyle(document.getElementById("textareawrapper"),null).getPropertyValue("width");

leftpadding = window.getComputedStyle(document.getElementById("textarea"),null).getPropertyValue("padding-top");

buttonwidth = window.getComputedStyle(document.getElementById("dragbar"),null).getPropertyValue("height");

} else {

dragleft = document.getElementById("textareawrapper").currentStyle["width"];

}

textareawidth = Number(textareawidth.replace("px", ""));

leftpadding = Number(leftpadding .replace("px", ""));

buttonwidth = Number(buttonwidth .replace("px", ""));

dragleft = containertop + textareawidth + leftpadding + (leftpadding / 2);

document.getElementById("dragbar").style.top = dragleft + "px";

document.getElementById("dragbar").style.left = "5px";

document.getElementById("dragbar").style.width = textareaheight;

document.getElementById("dragbar").style.cursor = "row-resize";

}

function dragstart(e) {

e.preventDefault();

dragging = true;

var main = document.getElementById("iframecontainer");

}

function dragmove(e) {

if (dragging)

{

document.getElementById("shield").style.display = "block";

if (stack != " horizontal") {

var percentage = (e.pageX / window.innerWidth) * 100;

if (percentage > 5 && percentage < 98) {

var mainPercentage = 100-percentage;

document.getElementById("textareacontainer").style.width = percentage + "%";

document.getElementById("iframecontainer").style.width = mainPercentage + "%";

fixDragBtn();

}

} else {

var containertop = Number(w3_getStyleValue(document.getElementById("container"), "top").replace("px", ""));

var percentage = ((e.pageY - containertop + 20) / (window.innerHeight - containertop + 20)) * 100;

if (percentage > 5 && percentage < 98) {

var mainPercentage = 100-percentage;

document.getElementById("textareacontainer").style.height = percentage + "%";

document.getElementById("iframecontainer").style.height = mainPercentage + "%";

fixDragBtn();

}

showFrameSize();

}

function dragend() {

document.getElementById("shield").style.display = "none";

dragging = false;

var vend = navigator.vendor;

if (window.editor && vend.indexOf("Apple") == -1) {

window.editor.refresh();

}

if (window.addEventListener) {

document.getElementById("dragbar").addEventListener("mousedown", function(e) {dragstart(e);});

document.getElementById("dragbar").addEventListener("touchstart", function(e) {dragstart(e);});

window.addEventListener("mousemove", function(e) {dragmove(e);});

window.addEventListener("touchmove", function(e) {dragmove(e);});

window.addEventListener("mouseup", dragend);

window.addEventListener("touchend", dragend);

window.addEventListener("load", fixDragBtn);

window.addEventListener("load", showFrameSize);

}

function click_savebtn() {

if (window.editor) {

window.editor.save();

}

document.getElementById('saveModal').style.display = 'block';

}

function click_google_savebtn() {

if (window.editor) {

window.editor.save();

}

document.getElementById('driveSaveModal').style.display='block'

}

function click_google_loadbtn() {

document.getElementById('driveLoadModal').style.display='block'

}

function retheme() {

var cc = document.body.className;

if (cc.indexOf("darktheme") > -1) {

document.body.className = cc.replace("darktheme", "");

if (opener) {opener.document.body.className = cc.replace("darktheme", "");}

localStorage.setItem("preferredmode", "light");

} else {

document.body.className += " darktheme";

if (opener) {opener.document.body.className += " darktheme";}

localStorage.setItem("preferredmode", "dark");

}

(

function setThemeMode() {

var x = localStorage.getItem("preferredmode");

if (x == "dark") {

document.body.className += " darktheme";

}

})();

function colorcoding() {

var ua = navigator.userAgent;

//Opera Mini refreshes the page when trying to edit the textarea.

if (ua && ua.toUpperCase().indexOf("OPERA MINI") > -1) { return false; }

window.editor = CodeMirror.fromTextArea(document.getElementById("textareaCode"), {

mode: "text/html",

htmlMode: true,

lineWrapping: true,

smartIndent: false,

addModeClass: true

});

// window.editor.on("change", function () {window.editor.save();});

}

colorcoding();

function w3_getStyleValue(elmnt,style) {

if (window.getComputedStyle) {

return window.getComputedStyle(elmnt,null).getPropertyValue(style);

} else {

return elmnt.currentStyle[style];

}

//SAVE AND OPEN SCRIPT

var oauthToken;

var userAction;

var pickerApiLoaded;

var developerKey = 'AIzaSyAMZDPXiGcCNWs1UCWG9LS6kkW5YiABfJ0';

var CLIENT_ID = '451843133508-ckbr5r6ch1ofqbmh87oll4u6ltinqv2t.apps.googleusercontent.com';

var SCOPES = ['https://www.googleapis.com/auth/drive.file'];

//Check if current user has authorized this application

function checkAuth() {

gapi.auth.authorize(

{

'client_id': CLIENT_ID,

'scope': SCOPES.join(' '),

'immediate': true

}, handleAuthResult);

}

//Handle response from authorization server

function handleAuthResult(authResult) {

if (authResult && !authResult.error) {

oauthToken = authResult.access_token;

loadApi();

}

// Initiate auth flow in response to user clicking authorize button

function handleAuthClick(event,userClick) {

userAction = userClick;

gapi.auth.authorize(

{client_id: CLIENT_ID, scope: SCOPES, immediate: false},

handleAuthResult);

return false;

}

// Load API library

function loadApi() {

gapi.client.load('drive', 'v3');

gapi.load('picker', {'callback': onPickerApiLoad});

}

function onPickerApiLoad() {

pickerApiLoaded = true;

if (userAction=="save") {

userAction="";

document.getElementById('driveText').style.display='none';

document.getElementById('driveSavedPanel').style.display='block';

createFileWithHTMLContent(document.getElementById('googleFileName').value,document.getElementById('textareaCode').value)

}

if (userAction=="open") {

userAction="";

createPicker();

}

// Create and render a Picker object for picking HTML file

function createPicker() {

if (pickerApiLoaded) {

var view = new google.picker.View(google.picker.ViewId.DOCS);

view.setMimeTypes("text/html");

var picker = new google.picker.PickerBuilder().

addView(view).

setOAuthToken(oauthToken).

setDeveloperKey(developerKey).

setCallback(pickerCallback).

build();

picker.setVisible(true);

}

// Put content of file in tryit editor

function pickerCallback(data) {

var docID = '';

if (data[google.picker.Response.ACTION] == google.picker.Action.PICKED) {

var doc = data[google.picker.Response.DOCUMENTS][0];

docID = doc[google.picker.Document.ID];

getContentOfFile(docID);

}

//Get contents

function getContentOfFile(theID){

gapi.client.request({'path': '/drive/v2/files/'+theID,'method': 'GET',callback: function ( theResponseJS, theResponseTXT ) {

var myToken = gapi.auth.getToken();

var myXHR = new XMLHttpRequest();

myXHR.open('GET', theResponseJS.downloadUrl, true );

myXHR.setRequestHeader('Authorization', 'Bearer ' + myToken.access_token );

myXHR.onreadystatechange = function( theProgressEvent ) {

if (myXHR.readyState == 4) {

if ( myXHR.status == 200 ) {

var code = myXHR.response;

document.getElementById("textareaCode").value=code;

window.editor.getDoc().setValue(code);

submitTryit(1);

resetDriveLoadModal();

}

myXHR.send();

}

});

}

var createFileWithHTMLContent = function(name,data,callback) {

const boundary = '-------314159265358979323846';

const delimiter = "\r\n--" + boundary + "\r\n";

const close_delim = "\r\n--" + boundary + "--";

const contentType = 'text/html';

var metadata = {

'name': name,

'mimeType': contentType

};

var multipartRequestBody =

delimiter +

'Content-Type: application/json\r\n\r\n' +

JSON.stringify(metadata) +

delimiter +

'Content-Type: ' + contentType + '\r\n\r\n' +

data +

close_delim;

var request = gapi.client.request({

'path': '/upload/drive/v3/files',

'method': 'POST',

'params': {'uploadType': 'multipart'},

'headers': {

'Content-Type': 'multipart/related; boundary="' + boundary + '"'

'body': multipartRequestBody});

if (!callback) {

callback = function(file) {

console.log(file);

document.getElementById("driveSavedText").innerHTML = file.name + " saved in Google Drive";

document.getElementById("driveSavedPanel").className = "w3-panel w3-large";

};

}

request.execute(callback);

}

if (navigator.userAgent.indexOf("MSIE") > 0 || navigator.userAgent.indexOf("Edge") > 0) {

document.getElementById("saveGDriveBtn").style.display = "none";

document.getElementById("loadGDriveBtn").style.display = "none";

}

function resetDriveSaveModal() {

document.getElementById('driveSavedText').innerHTML='';

document.getElementById('driveSaveModal').style.display='none'

document.getElementById('driveSavedPanel').style.display='none'

document.getElementById('driveText').style.display='block'

document.getElementById("driveSavedPanel").className = "w3-panel w3-large loader";

}

function resetDriveLoadModal() {

document.getElementById('driveLoadModal').style.display='none'

}

function saveFile(code) {

document.getElementById('preSave').style.display='none';

if (code.length>20000) {

document.getElementById('errorSave').style.display='block';

return;

}

document.getElementById('postSave').style.display='block';

var paramObj = {};

paramObj.code = code;

var paramB = JSON.stringify(paramObj);

var httpB = new XMLHttpRequest();

httpB.open("POST", globalURL, true);

httpB.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

httpB.onreadystatechange = function() {

if(httpB.readyState == 4 && httpB.status == 200) {

if(httpB.responseText.substr(0,2) == "OK" ) {

var getId = httpB.responseText.substr(2);

document.getElementById("shareLink").href = "/code/tryit.asp?filename=" + getId;

document.getElementById("shareLinkText").innerHTML = "https://www.w3schools.com/code/tryit.asp?filename=" + getId;

document.getElementById('saveLoader').style.display = "none";

document.getElementById("saveModalSaved").style.display = "block";

}

httpB.send(paramB);

}

function hideAndResetModal() {

document.getElementById("saveModal").style.display = "none";

document.getElementById('preSave').style.display = "block";

document.getElementById('errorSave').style.display = "none";

document.getElementById('postSave').style.display = "none";

document.getElementById("saveModalSaved").style.display = "none";

document.getElementById('saveDisclaimer').style.display= "none";

document.getElementById('saveLoader').style.display = "block";

}

var addr = document.location.href;

function displayError() {

document.getElementById("err_url").value = addr;

document.getElementById("err_form").style.display = "block";

document.getElementById("err_email").focus();

hideSent();

}

function hideError() {

document.getElementById("err_form").style.display = "none";

}

function hideSent() {

document.getElementById("err_sent").style.display = "none";

}

function sendErr() {

var xmlhttp;

var err_url = document.getElementById("err_url").value;

var err_email = document.getElementById("err_email").value;

var err_desc = document.getElementById("err_desc").value;

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp = new XMLHttpRequest();

} else {// code for IE6, IE5

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.open("POST", "/err_sup.asp", true);

xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

xmlhttp.send("err_url=" + err_url + "&err_email=" + err_email + "&err_desc=" + escape(err_desc));

document.getElementById("err_desc").value = "";

hideError();

document.getElementById("err_sent").style.display = "block";

}

function openMenu() {

var x = document.getElementById("navbarDropMenu");

var y = document.getElementById("menuOverlay");

var z = document.getElementById("menuButton");

if (z.className.indexOf("w3-text-gray") == -1) {

z.className += " w3-text-gray";

} else {

z.className = z.className.replace(" w3-text-gray", "");

}

if (z.className.indexOf("w3-gray") == -1) {

z.className += " w3-gray";

} else {

z.className = z.className.replace(" w3-gray", "");

}

if (x.className.indexOf("w3-show") == -1) {

x.className += " w3-show";

} else {

x.className = x.className.replace(" w3-show", "");

}

if (y.className.indexOf("w3-show") == -1) {

y.className += " w3-show";

} else {

y.className = y.className.replace(" w3-show", "");

}

// When the user clicks anywhere outside of the modal, close it

window.onclick = function(event) {-

if (event.target == document.getElementById("saveModal")) {

hideAndResetModal();

}

if (event.target == document.getElementById("driveSaveModal")) {

resetDriveSaveModal();

}

if (event.target == document.getElementById("driveLoadModal")) {

resetDriveLoadModal();

}

if (event.target == document.getElementById("menuOverlay")) {

openMenu();

}

</script>

</body>

</html>

Carpe Diem

Ahmed Tarabichi

Former Lead Marketer & Co-Founder of Crypto.com | Blockchain aficionado. Software Dev / Data Scientist. Fintech since 2013-P (10Y) (FOREX 2014-P (9Y) | Early adopter of cryptocurrencies. | DM for work related inquiries.

更多精彩文章

社区洞察

其他会员也浏览了

HTML

Unleashing the Magic of Semantic HTML: A Beginner's Guide to Boosting Your Website's Superpowers

Understanding HTML Tags 2024 : A Comprehensive Guide

HTML Tags and Attributes: The Building Blocks of Web Pages

HTML for Beginners 04 — Forms & Semantic Elements

5 Mistakes in Html Code You Need To Avoid

HTML: The Digital Architect That Bridges Human Thought and Machine Logic

HyperText Markup Language, commonly abbreviated HTML or in its latest version

HTML for Beginners 01 —?Introduction to HTML

Introduction to HTML

Semi-Autobiographical Tangent

2020年5月21日

Our Doom To Bloom

2020年5月17日

Brief Autobiography & LONG BNBBTC BNBUSD SIGNAL -- ELLIOT WAVE

2020年5月16日

LTCBTC ELLIOT WAVE SHORT TO MID DETAILED ANALYSIS INCLUDED: BOOM THEN BUST

2020年4月21日

MDRNA & AMD (*1Y ago*) UPDATE :$19.07 to $28 est. in less than 45 minutes after rumors broke into confirmations ending with headlines; reillustrating.

2020年3月17日

Diogenes of Sinope "A Socrates Gone Mad" as Plato described him -- the man who found what we all spend a lifetime pursuing...Happiness

2020年3月5日

RECENT College/HS GRADS Feeling TRAPPED: You are YOUR own WORST enemy: how to ESCAPE Financial Terrorism

2020年2月27日

7 Steps to Developing Smart Contracts with Visual Code Extension

2020年2月11日

SOLUTION to Fungibility / Privacy tug-of-war dilemma:

2019年11月27日

BTCUSD 11-14-2019 TECHNICAL ANALYSIS UPDATE

2019年11月15日

社区洞察

其他会员也浏览了

HTML

Unleashing the Magic of Semantic HTML: A Beginner's Guide to Boosting Your Website's Superpowers

Understanding HTML Tags 2024 : A Comprehensive Guide

HTML Tags and Attributes: The Building Blocks of Web Pages

HTML for Beginners 04 — Forms & Semantic Elements

5 Mistakes in Html Code You Need To Avoid

HTML: The Digital Architect That Bridges Human Thought and Machine Logic

HyperText Markup Language, commonly abbreviated HTML or in its latest version

HTML for Beginners 01 —?Introduction to HTML

Introduction to HTML

MDRNA & AMD (1Y ago) UPDATE :$19.07 to $28 est. in less than 45 minutes after rumors broke into confirmations ending with headlines; reillustrating.