2016年4月23日土曜日

動画をダウンロードする

動画をダウンロードする

まず ファイルをダウンロードする
http://rg3.github.io/youtube-dl/download.html

youtube-dl.exe
6.07 MB

ファイルのダウンロード
x:\youtube-dl --no-check-certificate https://www.youtube.com/watch?v=2-MBfn8XjIU

x:\youtube-dl --no-check-certificate https://www.youtube.com/watch?v=2-MBfn8XjIU&list=PL2GI1whQs2Q8iU1103q3lM-cJvPFCg354&index=4



リストのダウンロード
youtube-dl --no-check-certificate https://www.youtube.com/playlist?list=PL5l9iRZwq9UkG7khaarK0Tt82o5Z5ENbp


2016年4月22日金曜日

Javascript Loto6

Chromeデベロッパー・ツール

function loto6(){
         var j = [];
         do{
            var chk = "OK";
            var c = Math.floor(Math.random()*(1-43)+43);
                   for (var i=0; i<j.length; i++){
                      j[i] == c ? chk = "NG": '';
                   }
                chk != "NG" ? j.push(c) :'';
        }while(j.length < 6);
        return j.sort();
}

var x = [];

for(var i = 0; i < 12; i++){
  x[i] = loto6();
}

console.table(x);







function loto6(){
    var j = [];
    do{
        var c = Math.floor(Math.random()*(1-43)+43);
        j.indexOf(c) == -1 ?j.push(c):'';
    }while(j.length < 6);
    return j.sort();
}

var x = [];
for(var i = 0; i < 12; i++){
  x[i] = loto6();
}
console.table(x);





















2016年4月20日水曜日

Youku 播放插件

Youku 播放插件


<script src = "http://cdefgab.web.fc2.com/youku.js" type = "text/javascript"></script>
<div id = "youku_player_key" youku_keyword = "西野カナ"></div>
<div id = "youku_player_area" style = "display:none; width:400px; height:300px" ></div>
<div id = "S0001_youku_video_item"></div>



Github
https://raw.githubusercontent.com/kankanla/cdefgab/master/youku.js




例:單擊播放


2016年4月10日日曜日

Youtube 播放列表插件

Youtube 播放列表插件

<!-- 以下必選項,id值不可改變 -->
<!-- mode值shuffle/order可選,defaultVol值在0至100之間,playlistid值必選,Youtube有效的播放列表id. -->
<script src="http://cdefgab.web.fc2.com/plist.js" type="text/javascript" charset="utf-8" async defer></script>
<div id="player2" mode = "shuffle" defaultVol = "3" playlistid = "PLvswSo32Xlu_TEQAnD0voe7DJ2jgp5Zmn"></div>
<!-- 以下可选项,id值不可变,其他任意 -->
<div id="mute">vol_mute</div>
<div id="volPlus">volPlus</div>
<div id="volMinus">volMinus</div>
<div id="seekTo30">seekTo30</div>
<div id="PlaybackRate">PlaybackRate</div>
<!-- <div id="nextVideo">nextVideo</div> -->
<!-- <div id="previousVideo">previousVideo</div> -->
<!-- <div id="playVideo">playVideo</div> -->
<!-- <div id="stopVideo">stopVideo</div> -->
<!-- <div id="pauseVideo">pauseVideo</div> -->


2016年4月9日土曜日

javascript 特殊文字

javascript 特殊文字

コード         出力
\'        '    シングルクォート( %27)
\"        %22    ダブルクォート
\&        %26    アンパサンド
\\        %5C     バックスラッシュ
\n        %0A     改行
\r        %0D     キャリッジリターン
\t        %09     タブ
\b        %08     バックスペース
\f        %0C     フォームフィード



var j = {
          a : "\'",
          b : "\"",
          c : "\&",
          d : "\\",
          e : "\n",
          f : "\r",
          g : "\t",
          h : "\b",
          i : "\f",
}

for (var i in j){
          console.info(i+ "   >>   " + encodeURIComponent(j[i]));
}





2016年3月31日木曜日

javascript $_GET ファンクションの作成

javascript $_GET ファンクションの作成


function $_GET(q){
        var temp = {};
        var search = location.search.split('?')[1].split('&');
        for(var i = 0; i < search.length; i++){
                var para = search[i].split('=');
                temp[para[0]]=para[1];
        }

        if(q){
                return temp[q];
                // return temp.q; // NG
        }else{
                return temp;
        }
}





修正
function $_GET(q){
          if(location.search.length > 0){
                        var temp = {};
                        var search = location.search.split('?')[1].split('&');
                for(var i = 0; i < search.length; i++){
                        var para = search[i].split('=');
                        temp[para[0]]=para[1];
                }

                if(temp[q]){
                        // youfunction(temp[q]);
                        // return temp.q; // NG
                        return temp[q];
                }else{
                        // console.log(temp);
                        return temp;
                }
        }
 }













2016年3月27日日曜日

onchange addEventListener の追加

onchange addEventListener の追加

ユーザーが要素の値を変更し、要素が入力フォーカスを失ったとき
 (プログラムから変更した場合には、イベントは発生しない)

<input id = "test" value = "test"/>

<script type ="text/javascript">
        var tag =  document.getElementById('test');
              tag.addEventListener('change', function(){
                      console.info('change');
                      console.log(tag.value);
                      alert('change');
                     },true);

      tag.addEventListener('click', change_value,false);

      function change_value(){
           var tag =  document.getElementById('test');
                 tag.value = 'change'
             }
</script>