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>





onfocus and onblur addEventListener の追加

onfocus  and onblur addEventListener の追加


<input id = "test" value = "test"/>
<script type ="text/javascript">
      var tag =  document.getElementById('test');
            tag.addEventListener('focus', function(){
                  console.info('focus');
                  tag.value = 'focus';
            },false);

            tag.addEventListener('blur', function(){
                  console.info('blur');
                  tag.value = 'blur';
            },false);
</script>







onload addEventListener の追加

onload addEventListener の追加

window.onload = function(){
     console.log('fun 1');
}

window.addEventListener('load', fun2,false);

function fun2(){
     console.log('fun 2');
}

window.addEventListener('load', function(){
     console.log("fun 3")
},false);




2016年3月20日日曜日

javascript API Url 作成

javascript API Url 作成

呼び出し

lulu2.call(new link('text'));

function link(text){
    this.api_url = 'https://api.flickr.com/services/rest/?';
    this.opt = {method:'flickr.photos.search',
                api_key:'e90c9fcfd150e3811a0523e73beb86df',
                text: encodeURIComponent(text),
                sort:'relevance',     // sort:'interestingness-desc',
                privacy_filter:'public+photos',
                content_type:'photos+only',
                per_page:'30',
                format:'json',
                nojsoncallback:'1',}
  }

function lulu2(){
        var url = '';
          for(var i in this.opt){
                url = url + i + '=' + this.opt[i] +'&';
          }
        return this.api_url+url;
  }