JavaScript – ページ 4 – 東京発、雲に乗って

2011年1月21日2017年3月2日

【JavaScript】カーソル位置にテキストを挿入

テキストエリアのカーソル位置にテキストを挿入する関数です。

function insert_textarea(target, str) {
  var obj = $(target);
  obj.focus();
  if(navigator.userAgent.match(/MSIE/)) {
    var r = document.selection.createRange();
    r.text = str;
    r.select();
  } else {
    var s = obj.val();
    var p = obj.get(0).selectionStart;
    var np = p + str.length;
    obj.val(s.substr(0, p) + str + s.substr(p));
    obj.get(0).setSelectionRange(np, np);
  }
}

function insert_textarea(target, str) {

var obj = $(target);

obj.focus();

if(navigator.userAgent.match(/MSIE/)) {

var r = document.selection.createRange();

r.text = str;

r.select();

} else {

var s = obj.val();

var p = obj.get(0).selectionStart;

var np = p + str.length;

obj.val(s.substr(0, p) + str + s.substr(p));

obj.get(0).setSelectionRange(np, np);

}

※jQueryを使用しています。

2009年11月18日2017年2月28日

【JavaScript】クエリ文字列を取得

クエリ文字列をJavaScriptで取得して連想配列に格納します。
本来はサーバーサイドに渡すパラメータですので邪道な感じもしますが。

var query = new Object();
var _q = location.search.replace('?', '');
var _qs = _q.split('&');
for(var i = 0; i < _qs.length; i++) {
  var _t = _qs[i].split('=');
  if(_t.length == 2) {
    query[_t[0]] = _t[1];
  }
}

var query = new Object();

var _q = location.search.replace('?', '');

var _qs = _q.split('&');

for(var i = 0; i < _qs.length; i++) {

var _t = _qs[i].split('=');

if(_t.length == 2) {

query[_t[0]] = _t[1];

}

URLをいじれば誰でも好きな文字が渡せてしまうので注意しましょう。

2007年9月17日2017年3月2日

【JavaScript】3桁ごとにカンマを入れる

数値を価格などの表示に変換したいときに。

function to_price(num) {
  return String(num).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
}

function to_price(num) {

return String(num).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');

}

2007年8月1日2017年3月2日

trueかfalseかを正確に調べる

function bool (val) {
  if(val == undefined) {
    return false;
  }
  else {
    return val;
  }
}

function bool (val) {

if(val == undefined) {

return false;

}

else {

return val;

}

2007年6月22日2017年3月2日

【JavaScript】変数のタイプが合っているか調べる

JavaScriptの変数のタイプが想定通りかどうかをtrue/falseで返します。

function is(type, obj) {
  var clas = Object.prototype.toString.call(obj).slice(8, -1);
  return obj !== undefined && obj !== null && clas === type;
}

function is(type, obj) {

var clas = Object.prototype.toString.call(obj).slice(8, -1);

return obj !== undefined && obj !== null && clas === type;

}

使い方は

var val1 = 'ABC';
if( !is('Array', val1) ) {
  alert('配列ではありません');
}

var val1 = 'ABC';

if( !is('Array', val1) ) {

alert('配列ではありません');

}