info

category : JavaScript
[JavaScript]フォームの値を動的に取得する  @ JavaScript 2015年2月27日
フォームの値を動的に取得する
全角入力で入力確定前でも
IE8対応

サンプル


html
<div>
	<form name="sampleForm" action="" method="post">
		<input type="text" name="ps" value="" style="width:300px;">
	</form>
	<div id="result"></div>
</div>

js
(function(){
	function addEvent(element, type, listener, flg) {
	    if (!element || typeof(element) == "undefined") {
	        return
	    }
	    if (element.addEventListener) {
	        element.addEventListener(type, listener, flg);
	    } else {
	        element.attachEvent('on' + type, function() {
	            listener.call(element, window.event);
	        });
	    }
	}
	function init(){
		addEvent(document.sampleForm.ps, ('oninput' in window) ? 'input':'propertychange', function(e){
			document.getElementById('result').innerHTML = document.sampleForm.ps.value;
		}, true);
		addEvent(document.sampleForm, 'submit', function(e){
			e.preventDefault();
		});
	}

	addEvent(window,'load',function(){
		init();
	},true);
})();

[JavaScript]ページのロードが終わったらgifアニメーションをスタートさせる  @ JavaScript , jQuery 2014年11月21日
ページのロードが終わったらgifアニメーションをスタートさせる

画像は2つ用意しておく

アニメーションgifの最初の状態のpng



アニメーションgif(ループしない)


サンプル
//execute when all things loaded
$(window).load(function(){
	var image = new Image();
	image.src = "gif.gif?"+(new Date()).getTime();
	$(image).load(function(){
		$('#main-kv').hide();
		$('#main-kv').parent().append(image);
	});
});
[jQuery]$.ajaxでcookieも送信  @ JavaScript , ajax , jQuery 2014年5月13日
$.ajaxでcookieも送信
IE10未満は不可
$.ajax({
    type:'post',
    url:'url',
    dataType:'text',
    data:data,
    crossDomain:true,
    cache:false,
    xhrFields: {
        withCredentials:true
    },
    success:function(data, dataType){
        
    },
    error:function(XMLHttpRequest, textStatus, errorThrown){
        
    },
    complete:function(){
        
    }
});
[javascript]substrの挙動  @ JavaScript 2014年4月10日
実行するコード
var str="abcdefg";
alert( str.substr(-1,1) );
文字列の最後の1文字を取得するはずですが、IE8以下だと最初の1文字を取得するようです。

■結果
chrome
chrome

firefox
firefox

safari
safari

IE11
ie11

IE10
ie10

IE9
ie09

IE8
ie08
[jQuery]noUiSlider  @ JavaScript , jQuery 2014年2月24日
noUiSlider

#sample-minimal
#sample-showcase2

サンプル
noUiSlider – jQuery Range Slider | Refreshless.com
[JavaScript]Fireworksコマンド – 選択スライスの名前に座標,サイズを付ける  @ JavaScript 2014年2月23日
選択スライスの名前に座標,サイズを付ける
var sliceArray = new Array();
for (var i=0;i<fw.selection.length;i++){
	if(fw.selection[i] =="[object SliceHotspot]")sliceArray.push(i);
}

var newName = prompt("input base name", "a_");
for (var i=0;i<sliceArray.length;i++){
	var n = sliceArray[i];
	fw.selection[n].baseName = newName+"_"+fw.selection[n].left+"_"+fw.selection[n].top+"_"+fw.selection[n].width+"_"+fw.selection[n].height;
}
[JavaScript]Fireworksコマンド – 選択したパスの塗りつぶし色を取得  @ JavaScript 2013年12月3日
選択したパスの塗りつぶし色を取得
var dom = fw.getDocumentDOM();
var r=0;
var le = fw.selection.length;
var d=new Array();
var str="";
var cols=[];
for (var m=0;m<le;m++){
	if(fw.selection[m]["pathAttributes"] && fw.selection[m]["pathAttributes"]["fillColor"]){
		var col=fw.selection[m].pathAttributes.fillColor;
		cols.push( {col:col, sort:getSortNum(col)} );
	}
}
cols=cols.sort(sortCol);
for(var m=0;m<cols.length;m++){
	if(m>0)str+=',';
	str+='"'+cols[m].col+'"';
}

var w=prompt('',str);

if(!w){
	cols=cols.reverse();
	str="";
	for(var m=0;m<cols.length;m++){
		if(m>0)str+=',';
		str+='"'+cols[m].col+'"';
	}

	var w=prompt('',str);
}
function sortCol(a,b){
	if(a.sort > b.sort)return 1;
	if(a.sort < b.sort)return -1;
	return 0;
}
function getSortNum(value){
	value=value.replace('#','');
	return Number('0x'+value);
}
function showInfo(obj){
	var str="";
	str+=obj;
	for(var key in obj){
		str+="\n";
		str+=key+" : "+obj[key];
	}
	alert(str);
}
[Twitter]ツイートボタンとリダイレクト  @ Twitter , JavaScript , ajax 2013年10月23日
ツイートボタンのdata-urlのurlがリダイレクト処理をしていたら
ツイート数はどのurlに対してカウントアップするのだろうか
答え:リダイレクト先でした

サンプル:http://ktyr.net/test/78/
サンプルの(1)はphpで(2)へリダイレクトする。
http://ktyr.net/test/78/access/index.php
<?php
header('Location:http://ktyr.net/test/78/redirected/');
?>
サンプルの(1)でツイートすると(2)のツイート数が増える。