Category Archives: JavaScript

Array.prototypeで」配列の重複する要素を削除するコード

JSコード
Array.prototype.elementFunc = function(){
var kdf = [];
var tg = {};
for(var i = 0; i < this.length; i++){
if(!tg[this[i]]){
kdf.push(this[i]);
tg[this[i]] = 1;
}
}
return kdf;
}
var ctn = [256,256,34,’tokyo’,256,256,34,’tokyo’,’str’,’str1′];
alert(ctn.elementFunc());

「javascript入門」URLパラメーターを取得するサンプル

JSコード
function getPafunc(name) {
var reg = new RegExp(“(^|\\?|&)”+ name +”=([^&]*)(\\s|&|$)”, “i”);
if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, ” “));
return “”;
};
var code = getPafunc(“code”);

「JavaScript入門」iframeのbody内容を取得する

JSコード
<iframe id=”iframeId” name=”iframeId”>data12345</iframe>

<script type=”text/javascript”>
var iframeDoc;
if (window.frames && window.frames.iframeId &&
(iframeDoc = window.frames.iframeId.document)) {
var iframeBody = iframeDoc.body;
var ifromContent = iframeBody.innerHTML;
}
</script>

「JavaScript入門」半角数字をチェックする方法

JSコード
function isNumFunc(target) {
if ( target == null )
return;
if( target.match( /[^0-9.,-]+/ ) ) {
alert(“半角数字で入力して下さい。”);
return false;
}
return true;
}

「JavaScript入門」半角英数字をチェックする方法

JSコード
function isHalfEngFunc(target) {
if ( target == null )
return;
if( target.match( /[^A-Za-z0-9\s.-]+/ ) ) {
alert(“半角英数字で入力してください”);
return false;
}
return true;
}

「JavaScript入門」toggle()で要素の表示、非表示を切り替える

サンプルコード
<head>
<script type=’text/javascript’
src=’jquery-1.4.2.js’></script>
<style type=’text/css’>
.cft {
display: none;
}
</style>
<script type=’text/javascript’>
$(window).load(function(){
$(document).ready(function() {
$(“.body”).hover(function () {
$(“.cft”).toggle();
})
});
});
</script>
</head>
<body>
<span class=”body”> テスト1</span>
<span class=”cft”> テスト2</span>
</body>

「ajax入門」timeoutを設定するサンプル

JSコード
$.ajaxSetup({
type : ‘POST’,
dataType: ‘json’,
cache:false,
ifModified:true,
timeout:30000,
global: true
})

「JavaScript入門」jsonデータの配列を取得するサンプル

1.jsonデータ
var cft = [
{
“deptNo”:10001,
“deptname”:[
“Java開発部”,
“PHP開発部”
]
},
{
“deptNo”:10002,
“deptname”:[
“アニメ企画部”,
“ゲーム企画部”
]
},
]

2.配列の要素を取り出す
for (var i = 0; i < cft.length; i++) {
for (var j = 0; j < cft[i][“deptname”].length; j++) {
console.log(“message:”+cft[i][“deptname”][j]);
};
};

「JavaScript入門」複数の空白スペースを一つに置換する

JSコード
function mergeSpaceFunc(str) {
str=str.replace(/(\s|&nbsp;)+/g,’ ‘);
return str;
}

「JavaScript入門」htmlspecialcharsでhtmlに特殊文字のエスケープをする

JSコード
function htmlspecialstrCtnars(strCtn) {
strCtn = strCtn.replace(/&/g,”&amp;”) ;
strCtn = strCtn.replace(/”/g,”&quot;”) ;
strCtn = strCtn.replace(/’/g,”&#039;”) ;
strCtn = strCtn.replace(/</g,”&lt;”) ;
strCtn = strCtn.replace(/>/g,”&gt;”) ;
return strCtn ;
}