search

littleflute / JavaScript

https://littleflute.github.io/JavaScript/
MIT License
0 stars 3 forks source link

For: blRunJS #10

Closed littleflute closed 5 years ago

littleflute commented 6 years ago

//js1: _loadIssue @ INO var INO = 11;

var s= "v0.0. 23 - "; s += "<a target='_blank' href='https://github.com/littleflute/JavaScript/edit/master/issues/10/c1.js'" s += " style='color:blue;'"; s +=">"; s += "c1.js* "; s += "<a target='_blank' href='https://littleflute.github.io/JavaScript/issues/10/c1.js'" s += " style='color:green;'"; s +=">"; s += "c1.js ";

var d = blo0.blMDiv(document.body,"id_mdiv_loadIssue" + INO , s, 300,100,500,400,blColor[1]); if(!d.v){ d.v = blo0.blDiv(d,d.id+"v","v",blGrey[0]);

function _loadIssue (o) { eval(o.body); new blIsseuClass(d.v);
} var url = "https://api.github.com/repos/littleflute/JavaScript/issues/" + INO; w3.getHttpObject(url, _loadIssue); } _on_off_div(null,d);

littleflute commented 6 years ago

var s = "_issue14: v0.0. 12"; var d = blo0.blMD("id_mdiv_loadIssue14", s, 300,100,500,400, blGrey[5]); function _loadIssue (o) { eval(o.body); } var url = "https://api.github.com/repos/littleflute/JavaScript/issues/14"; w3.getHttpObject(url, _loadIssue ); _on_off_div(null,d);

littleflute commented 6 years ago

//js3:
function loadLyricOK(){ var l = document.getElementById("lrcdata"); var lDiv = blo0.blMDiv(document.body,"id_lDiv","lDiv",550,50,500,400,blGrey[6]); lDiv.v = blo0.blDiv(lDiv,lDiv.id + "v","lDiv.v",blGrey[0]);

 var lrcobj = new blLrcClass(lDiv.v, l.innerHTML,3,0);
 lrcobj.blRun(lrcobj);

} var s = "_issue17: v0.0. 15"; var d = blo0.blMDiv(document.body,"id_mdiv_loadIssue17", s, 300,100,500,400, blColor[4]); if(!d.v1){ function _loadIssue (o) { eval(o.body); } var url = "https://api.github.com/repos/littleflute/JavaScript/issues/17"; w3.getHttpObject(url, _loadIssue ); d.v1 = blo0.blDiv(d, d.id + "v1", "v1",blGrey[1]); d.v1.b1 = blo0.blBtn(d.v1, "d.v1.b1", "b1",blGrey[2]); d.v1.b1.onclick = function(){ var url = "https://api.github.com/repos/littleflute/JavaScript/issues/18"; w3.getHttpObject(url, _loadIssue ); } } _on_off_div(null,d);

littleflute commented 6 years ago

//js4: Timer function _jobClass( _as ){ this.v="v0.0. 212"; this.blrTempo = function(b,d){
if(!d.v){ d.v = blo0.blDiv(d,d.id+"v","v",blColor[0]); d.v1 = blo0.blDiv(d,d.id+"v1","v1",blColor[4]); d.v.b0 = blo0.blBtn(d.v,d.v.id+"b0","b0",blGrey[0]); d.v.b1 = blo0.blBtn(d.v,d.v.id+"b1","b1",blGrey[1]); var t1 = 0, t2 = 0; d.v.b0.onclick = function(){ t1 = new Date();d.v1.innerHTML = ""; } d.v.b1.onclick = function(){ t2 = new Date(); var ms = t2.getTime() - t1.getTime(); var fpm = 10/ms 601000; var s = ms + " : fpm=" + fpm; var vt = blo0.blDiv(d.v1,d.v1.id+t2,s,blColor[4]); } }
} this.blrTimer = function(b,d){
if(!_as.plx.timer){ _as.plx.timer =setInterval(_TimeFun , 100); 

    }           
   _as.plx.timverV = d;
   _on_off_div(b,d);       b.style.background = b.style.background=="red"?blGrey[5]:blColor[4];

} var _TimeFun = function(){
var a = _as[0]; if(!a.n) a.n = 0; a.n ++; _as.plx.timverV.innerHTML = a.n + ": " + a.currentTime + "/" + a.duration; ;;
}

this.blrAboutPlx4= function(b,d){
var s = "blrAboutPlx4
"; 

    s += "<a target='_blank' href='https://github.com/littleflute/JavaScript/edit/master/issues/10/c4.js'"
    s += " style='color:blue;'";        s +=">";        s += " c4.js*  ";       s += "</a>"; 
    s += "<a target='_blank'  href='https://littleflute.github.io/JavaScript/issues/10/c4.js'";
    s += " style='color:yellow;'";      s +=">";        s += " c4.js ";     s += "</a>"; 
    d.innerHTML = s;
    _on_off_div(b,d);
    d.style.background = blGrey[5];
    b.style.background = b.style.background=="red"?blGrey[5]:blColor[4];
}//this.blrAboutPlx4

} var m = document.getElementsByTagName("audio"); if(!m.plx){ m.plx = blo0.blMDiv(document.body,"id_mdiv_auio1_plx","plx4Audio:"+m.length,300,100,300,200,blGrey[0]); m.plx.v = blo0.blDiv(m.plx,m.plx.id+"v","v",blGrey[1]);

} var j = new _jobClass(m); blo0.blShowObj2Div(m.plx.v,j); bl$("blrTimer").click(); bl$("blrAboutPlx4").click(); _on_off_div(null,m.plx);

littleflute commented 6 years ago

var m = document.getElementsByTagName("audio"); var p = m[0]; var t = bl$("title4api2"); var s = p.id + ":" + p.currentTime + "/" + p.duration; t.innerHTML = s; blo0.blDiv(t,t.id+"v1",p.src,"blue");

littleflute commented 6 years ago

//i6: var s = "_issue14: v0.0. 12"; var d = blo0.blMD("ttt", s, 300,100,500,400, blGrey[5]); if(!d.v){ d.v = blo0.blDiv(d, d.id+"v","v",blGrey[0]); function _loadIssue (o) {
d.v.innerHTML = o.body; } var url = "https://api.github.com/repos/littleflute/weixin/issues/481"; w3.getHttpObject(url, _loadIssue ); 

      d.vc = blo0.blDiv(d, d.id+"vc","vc",blGrey[1]);
      d.vp = blo0.blDiv(d, d.id+"vp","vp",blGrey[3]);
      d.vp.ta = blo0.blTextarea(d.vp, d.vp.id+"ta","/[\\d][\\d]:[\\d][\\d]/g",blGrey[0]);

      d.vt = blo0.blDiv(d, d.id+"vt","vt",blGrey[2]);
      d.vt.ta = blo0.blTextarea(d.vt, d.vt.id+"ta","ta",blGrey[3]);
      d.vt.ta.style.width = "91%";
      d.vt.ta.style.height = "150px";

      d.v4srt = blo0.blDiv(d, d.id+"v4srt","v4srt",blGrey[2]);
      d.v4srt.ta = blo0.blTextarea(d.v4srt, d.v4srt.id+"ta","ta",blGrey[3]);
      d.v4srt.ta.style.width = "91%";
      d.v4srt.ta.style.height = "150px";

      function _Comments(o) {
              var _i = 0; 
              var _v = d.vc;
              for(i in o){
                _i++;
                var a = o[i].body;
                var btnJS = blo0.blBtn(_v, _v.id+"btnJS"+i,_i,blGrey[2]);
                btnJS.onclick = function(_txt){
                            return function(){
                                  d.vt.ta.value = _txt;// eval( _txt);
                            }
                      }(a);
              }
              var b1 = blo0.blBtn(_v, _v.id+"b1","b1",blGrey[3]);
              b1.onclick = function(){
                    var str = d.vt.ta.value;  
                    var a = d.vp.ta.value.split("/"); 
                    var patt1 =  new RegExp(a[1],a[2]);
                    var ss = "==xd==";
                    var l = str.replace(patt1,ss);
                    d.vt.ta.value = l;
                    var ll = l.split(ss);  

                    var t = str.match(patt1);
                    var s = "";
                    var i =0;
                    for(;i<t.length;i++){
                      var j = i+1;
                      s += j;
                      s += "\n";
                      s += "00:";
                      s += t[i] +  ",000";
                      s += " --> ";
                      s += "00:";
                      s += t[j]==undefined?t[i]:t[j];
                      s += ",000";
                    //  s += "\n";
                      s += ll[j];
                      s += "\n";
                    }
                    d.v4srt.ta.value = s;               
              }
            }
      var _src = "https://api.github.com/repos/littleflute/weixin/issues/481/comments";
      w3.getHttpObject(_src, _Comments);

  }

_on_off_div(null,d);
littleflute commented 6 years ago

//c7: var settings = { "url": "http://localhost:3000/api/getPlayer?id=-1507897597", "method": "GET", "timeout": 0, "headers": { "Authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7InYiOiJ2MC4xMyIsImlkIjoxLCJ1c2VybmFtZSI6InlvbmdsaW5nIiwiZW1pYWwiOiJ5b25nbGluZy5odWFuZ0Bncm91cDYuaW8ifSwiaWF0IjoxNTkwNjEyODMxLCJleHAiOjE1OTA2MTY0MzF9.wRKDrvdI2e3vOCWWXuSpbhPkTyAvrIeNMTHhJdncG08" }, };

$.ajax(settings).done(function (response) {
    alert(response);
});
littleflute commented 6 years ago

//c8: var settings = { "url": "http://localhost:3000/login", "method": "POST", "timeout": 0, "headers": { "Authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7InYiOiJ2MC4xMyIsImlkIjoxLCJ1c2VybmFtZSI6InlvbmdsaW5nIiwiZW1pYWwiOiJ5b25nbGluZy5odWFuZ0Bncm91cDYuaW8ifSwiaWF0IjoxNTkwMDk2NzY3LCJleHAiOjE1OTAxMDAzNjd9.qtu3-BLnuy0e09y0DL2RBe_bBJkTLmBwZjzF_ULB3t4" }, };

$.ajax(settings).done(function (response) { 
    $("#pLogin").html(response.token);
});
littleflute commented 6 years ago

//c9: var p = bl$("id_div_4_api2_v"); p.title = ""; if(!p.v1){ var b = blo0.blBtn(p, p.id + "_btn_4_v1", "v1_v0.0. 15", blColor[1]); var s = "#10-C9:";
s += "<a target='_blank' href='https://github.com/littleflute/JavaScript/edit/master/issues/10/c9.js'" s += " style='color:blue;'"; s +=">"; s += " c9.js* "; s += ""; s += "<a target='_blank' href='https://littleflute.github.io/JavaScript/issues/10/c9.js'"; s += " style='color:yellow;'"; s +=">"; s += " c9.js "; s += ""; 

 p.v1 = blo0.blDiv(p,p.id+"v1",s, blColor[4]);
 p.v2 = blo0.blDiv(p,p.id+"v2",s, blGrey[4]);
 p.v1.bs = []; 
 b.onclick = function(_this){ return function(){
      _on_off_div(_this,p.v1);
      _this.style.background = _this.style.background=="red"?blGrey[5]:blColor[4];    
}
 }(b);
 b.click();

} var n = p.v1.bs.length; var b = blo0.blBtn(p.v1, p.v1.id + "btn" + n, n, blColor[n]); b.onclick = function(_this,_v){ return function(){ _v.innerHTML = _this.id; } }(b,p.v2); p.v1.bs.push(b);

littleflute commented 6 years ago

//c10: blo0.blAjx(worker,url); unit Test var s = "C10_v0.0.12"; var id = "id_c10"; s += "<a target='_blank' href='https://github.com/littleflute/JavaScript/edit/master/issues/10/c10.js'" s += " style='color:blue;'"; s +=">"; s += "c10.js* "; s += "<a target='_blank' href='https://littleflute.github.io/JavaScript/issues/10/c10.js'" s += " style='color:green;'"; s +=">"; s += "c10.js ";

var d = blo0.blMD(id,s,300,100,500,400, blGrey[5]); d.tb = blo0.blDiv(d,d.id+"tb", "tb",blGrey[1]); d.v1 = blo0.blDiv(d,d.id+"v1", "v1", blGrey[0]); d.tb.b1 = blo0.blBtn(d.tb,d.tb.id+"b1","b1",blGrey[2]);

var w = {}; w._2do = function(txt){ d.v1.innerHTML = txt; } var urlLrc = "https://littleflute.github.io/english/NewConceptEnglish/Book2/1.lrc" d.tb.b1.onclick = function(){ blo0.blAjx(w,urlLrc); } _on_off_div(null,d);

littleflute commented 6 years ago

//test for: https://api.github.com/repos/littleflute/english/issues/26 var x = bl$("blrMp3ListDivv4List _title_v");

var w = {}; w._2do = function(txt){ x.lrcTxt = txt; } blo0.blAjx(w,x.lrcURL);

x.currentTimeFun = function(){ var time = blo0.blDiv(x,x.id+"d1", "d1",blColor[1]); time.innerHTML = bl$("id_mp3Player").currentTime; var vlrc = blo0.blDiv(x,x.id+"vlrc", "vlrc",blColor[3]); vlrc.style.color = "grey"; vlrc.innerHTML = x.lrcTxt; }

littleflute commented 6 years ago

var t1 = bl$("blah"); var d1 = bl$("id_blClassDiv_4_wrap1"); t1.value = "2215"; d1.showVextab ();

littleflute commented 5 years ago

var m = document.getElementsByTagName("textarea"); var p = m[0]; //alert(p.value);

var l = bl$("selMoveList");

var s = ""; for(var i = 1; i<l.options.length;i++){ s += l.options[i].text; } alert(s);

littleflute commented 5 years ago

function str(n1,n2){ var rs = ""; for(var i = n1; i<n2+1;i++){ var item = "[" + i + "]" + "(" + i + ") "; rs += item; } alert(rs); } str(61,70);

shanuan commented 5 years ago

var d1 = bl$("DivButtons");

var d = blo0.blMDiv(document.body,"xd3", d1.innerHTML, 300,100,500,400, blGrey[5]);

_on_off_div(null,d);

littleflute commented 5 years ago

var s = ""; var n1 = 177; var n = 5; var nn = 0; var chapter = 26; function _loadIssue (o) { nn++; s += "\n Chapter " + chapter + "\n"; s += o.body;
chapter ++; if(n==nn) d.ta.value = s;
}

var d = blo0.blMDiv(document.body,"id_mdiv_10-16xxax", "xd", 300,100,500,400, blGrey[5]); d.ta = blo0.blTextarea(d, d.id + "ta", "xd", blColor[1]);
d.b1 = blo0.blBtn(d,d.id + "b1", "b1", blGrey[1]); d.b1.onclick = function(){ for(var i = n1; i<n1+n; i++){ var url = "https://api.github.com/repos/littleflute/english/issues/" + i; w3.getHttpObject(url, _loadIssue ); }

} _on_off_div(null,d);

littleflute commented 5 years ago

//17: var a= location;
a = a.toString(); var b = a.replace(/\//g,"\");
var c = b.split("\\\");
var d = c[1]; var r = ""; if (d) {var e = d.split("\index"); r = e[0];} else r = c[0]; alert(r);

AlphaKyogre commented 5 years ago

//c18 var s= "v0.0. 32"; s += "<a target='_blank' href='https://github.com/littleflute/JavaScript/edit/master/issues/10/c18.js'" s += " style='color:blue;'"; s +=">"; s += "c18.js* "; s += "<a target='_blank' href='https://littleflute.github.io/JavaScript/issues/10/c18.js'" s += " style='color:green;'"; s +=">"; s += "c18.js "; s += "<a target='_blank' href='https://littleflute.github.io/JavaScript/issues/10/c18Test.html'" s += " style='color:brown;'"; s +=">"; s += "c18Test.html";

var md = blo0.blDiv(document.body, "idMD", s ,blGrey[0]);
if(!md.run){ md.run = true; var style ="position: absolute;"; style += "z-index: 9;"; style += "background-color: #f1f1f1;"; style += "text-align: center;"; style += "border: 1px solid #d3d3d3;"; style += "left: 400px"; style += "top: 40px"; md .style =style;

var title = blo0.blDiv(md , "idMD" + "Header", "Header");
style ="padding: 10px;";
style += "z-index: 10;";
style += "cursor: move;";
style += "text-align: center;";
style += "border: 1px solid #fff;";
style += "background-color: #2196F3;";
title.style =style;
    blo0.blMakeDivMovable(md );
   md.style.left = "400px";
   md.style.top = "40px";

} _on_off_div(this,md);

littleflute commented 5 years ago

var s = "test4: setInterval & clearInterval"; var d = blo0.blMDiv(document.body,"id_mdiv_Timer", s,300,100,500,400, blGrey[5]); d.tb = blo0.blDiv(d, d.id + "tb", "tb", blGrey[1]); d.v = blo0.blDiv(d, d.id + "v", "v:", blGrey[2]); d.tb.b1 = blo0.blBtn(d.tb, d.tb.id + "b1", "b1", blGrey[0]); var btn = d.tb.b1; var v = d.v; btn.onclick = function run(_this, _v) { var r = false; var n = 0; var t = null;
return function(){ if(!r){ t = setInterval(myTimer ,100); r=true; } else{ clearInterval(t); n = 0; _v.innerHTML = n; r=false; }

function myTimer() { n++; var au = bl$("myVideo"); var t = au. currentTime; _v.innerHTML = n + ":" + t; } } }(btn,v); _on_off_div(null,d);

littleflute commented 5 years ago

var s= "v0.0. 23 - "; s += "<a target='_blank' href='https://github.com/littleflute/JavaScript/edit/master/issues/10/c20.js'" s += " style='color:blue;'"; s +=">"; s += "c20.js* "; s += "<a target='_blank' href='https://littleflute.github.io/JavaScript/issues/10/c20.js'" s += " style='color:green;'"; s +=">"; s += "c20.js ";

var d = blo0.blMDiv(document.body,"xd20", s,700,100,500,400, blGrey[5]);
function Create2DArray(rows) { var arr = [];

for (var i=0;i<rows;i++) { arr[i] = []; }

return arr; } var arr = Create2DArray(100); for(var i = 0; i<10;i++){ var v = blo0.blDiv(d, d.id+ "v" + i, i, blGrey[0]); a[i] = new Array(10); for(var j = 0; j<10;j++){ var b = blo0.blBtn(v, v.id + "b" + j, j, blGrey[3]); arr[i][j] = b; b.onclick = function(_i,_j){ return function(){ arr[_i][_j].style.background = "red"; } }(i,j); } }

var v = blo0.blDiv(d, d.id+ "tb" , "tb", blColor[0]);

_on_off_div(this,d);

littleflute commented 5 years ago

blo0.blScript("id_js_blCChessBoard.js","https://littleflute.github.io/cchess0/cchess/blCChessBoard.js");

littleflute commented 5 years ago

var b = bl$("id_div_4_api2_vv1_btn_1"); b.onclick = function(){ if(!this.load){ this.load = true; blo0.blScript("id_script_4_c4a.js", "https://jeremyjia.github.io/Games/issues/4/c4.js"); } else{ var d = bl$( "div_ID_4_I4C4" ); _on_off_div( this ,d); } }

littleflute commented 5 years ago

var s = "blCanvas"; var d = blo0.blMDiv(document.body,"blCanvas", s, 300,100,500,400, blGrey[5]); d.v = blo0.blDiv(d, d.id + "v", "v:", blColor[8]); function blCanvas(op,id,html){ var r = document.getElementById(id); if(!r){ r = document.createElement("canvas"); r.id = id; r.style.border = "1px solid blue"; } r.innerHTML = html; op.appendChild(r); return r; } var c = blCanvas(d.v, d.v.id + "c", "cccc"); var ctx = c.getContext("2d"); ctx.beginPath();
c.width = 600;

var w = c.width; var h = c.height; ctx.fillStyle = "white"; ctx.fillRect(0,0,w,h);

ctx.font = "20px Arial"; ctx.fillStyle = "blue"; var x = 10, y = 20; ctx.fillText("xd" + w + "," + h,x,y);

_on_off_div(null,d);

littleflute commented 5 years ago

var s = "_issue14: v0.0. 11 "; var d = blo0.blMDiv(document.body,"122", s, 300,100,500,400, blGrey[5]); d.v = blo0.blDiv(d, d.id + "v", "v2", blGrey[1]); var ipath = "https://littleflute.github.io/cchess0/cchess/images/"; var style = d.v.style; style.position = "relative"; style.width = 511+ "px"; style.height = 511+ "px"; style.background = "url(" + ipath+ "board.jpg)"; var img = document.createElement("img");

  img.style.position = "absolute"; 
  img.style.left = 25;
  img.style.top = 125; 
  img.style.width = 57;
  img.style.height = 57;
  img.style.zIndex = 0; 

  d.v.appendChild(img);

_on_off_div(null,d);

littleflute commented 4 years ago

var t = bl$("myTable");

var bs = t.getElementsByTagName("button"); for(i in bs){ bs[i].style.backgroundColor = "lightblue"; bs[i].onclick = function(_i){ return function(){ var w = {}; w._2do = function(txt){ alert(txt); } var urlLrc = "delete"; blo0.blAjx(w,urlLrc); } }(i); }

littleflute commented 4 years ago

var t = bl$("myTable");

var bs = t.getElementsByTagName("button"); for(i in bs){ bs[i].style.backgroundColor = "lightblue"; bs[i].onclick = function(_i,_this){ return function(){ var a = _this.parentElement.parentElement.innerHTML; var b = a.split(""); var c = b[2].split(""); // alert(c[1]);

           var w = {};
       w._2do = function(txt){  alert(txt); }
       var urlLrc = "delete";
       blo0.blAjx(w,urlLrc);
    }

}(i,bs[i]); }

littleflute commented 4 years ago

var t = bl$("myTable");

var bs = t.getElementsByTagName("button"); for(i in bs){ bs[i].style.backgroundColor = "lightblue"; bs[i].onclick = function(_i,_this){ return function(){ var a = _this.parentElement.parentElement.innerHTML; var b = a.split(""); var c = b[2].split(""); // alert(c[1]);

           var w = {};
       w._2do = function(txt){  alert(txt); }
       var urlLrc = "delete?address='"+c[1]+"'";
       blo0.blAjx(w,urlLrc);
    }

}(i,bs[i]); }

littleflute commented 4 years ago

var s = "_issue14: v0.0. 11 "; var d = blo0.blMDiv(document.body,"id_mdiv_loadIssue14", s, 300,100,500,400, blGrey[5]); d.v = blo0.blDiv(d, d.id + "v", "v","lightgreen"); var md = bl$("div_ID_4_I4C4"); md.addTimerUser(d); md.tN = 0; d.fTimer = function(){ d.v.innerHTML = md.tN++; }

//_on_off_div(null,d);

littleflute commented 4 years ago

var s = "blog_i#955: v0.0. 11"; var d = blo0.blMDiv(document.body,"id_mdiv_loadIssue_blog_955", s, 300,100,500,400, blGrey[5]); function _loadIssue (o) { eval(o.body); } var url = "https://api.github.com/repos/littleflute/blog/issues/955"; w3.getHttpObject(url, _loadIssue ); _on_off_div(null,d);