「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 ;
}

「JavaScript入門」stopPropagation()でイベント伝播を止めるサンプル

①htmlコード
<table border=”1″>
<tr onclick=”test()”>
<td id=”cftOne”>イベントをキャンセル</td>
<td >イベントを発火</td>
<td id=”cftTwo”>イベントをキャンセル</td>
</tr>
</table>
②JSコード
<script type=”text/javascript”>
function stopBubble(e) {
if (e && e.stopPropagation) {
e.stopPropagation();
}
else {
window.event.cancelBubble = true;
}
}

document.getElementById(‘cftOne’).onclick = function (e) {
stopBubble(e);
}
document.getElementById(‘cftTwo’).onclick = function (e) {
stopBubble(e);
}
function test() {
alert(“it change world”);
}
</script>

「jQuery入門」addClass()とremoveClass()で行の色を変更するコード

方法1
$(“#tab tr”).hover(function(){
$(this).children(“td”).addClass(“hover”)
},function(){
$(this).children(“td”).removeClass(“hover”)
});

方法2
$(“#tab tr:gt(0)”).hover(function(){
$(this).children(“td”).addClass(“hover”);
},function(){
$(this).children(“td”).removeClass(“hover”);
});

「jQuery入門」テーブルの奇数、偶数の色を付けるサンプル

JSコード
$(“#tab tbody tr:odd”).css(“background-color”,”#bbf”);
$(“#tab tbody tr:even”).css(“background-color”,”#fff”);
$(“#tab tbody tr:odd”).addClass(“odd”);
$(“#tab tbody tr:even”).addClass(“even”);

「jQuery入門」テーブルのカラムと行番号を取得するサンプル

①htmlコード
<table id=”userlist” border=”1″>
<tr><td>userAA1</td><td>userBB1</td><td>userCC1</td></tr>
<tr><td>userAA2</td><td>userBB2</td><td>userCC2</td></tr>
<tr><td>userAA3</td><td>userBB3</td><td>userCC3</td></tr>
</table>

②JSコード
$(function() {
$(‘#userlist td’).on(‘click’, function() {
var td = $(this)[0];
var tr = $(this).closest(‘tr’)[0];
console.log(‘列番号:’ + td.cellIndex);
console.log(‘行番号:’ + tr.rowIndex);
console.log(‘内容:’ + $(this).text());
});
});

「Linux入門」ファイルの圧縮、解凍コマンド

1.tarコマンド
解凍:tar zxvf FileName.tar
圧縮:tar czvf FileName.tar DirName

2.gzコマンド
解凍1:gunzip FileName.gz
解凍2:gzip -d FileName.gz
压缩: gzip FileName

3..tar.gz と .tgz
解凍:tar zxvf FileName.tar.gz
压缩:tar zcvf FileName.tar.gz DirName
複数ファイルの圧縮
tar zcvf FileName.tar.gz DirName1 DirName2 DirName3 …

4.bz2コマンド
解凍1:bzip2 -d FileName.bz2
解凍2:bunzip2 FileName.bz2
压缩: bzip2 -z FileName

5..tar.bz2
解凍:tar jxvf FileName.tar.bz2
压缩:tar jcvf FileName.tar.bz2 DirName

6.bzコマンド
解凍1:bzip2 -d FileName.bz
解凍2:bunzip2 FileName.bz

7..tar.bz
解凍:tar jxvf FileName.tar.bz

8.Zコマンド
解凍:uncompress FileName.Z
压缩:compress FileName

9..tar.Z
解凍:tar Zxvf FileName.tar.Z
压缩:tar Zcvf FileName.tar.Z DirName

10.zipコマンド
解凍:unzip FileName.zip
压缩:zip FileName.zip DirName

「postgresql入門」create tableでテーブルを作成するサンプル

サンプル
create table employee(
empid SERIAL PRIMARY KEY,
empename VARCHAR(60),
hometown VARCHAR(60),
phone VARCHAR(15),
email VARCHAR(30),
age INTEGER,
sex VARCHAR(4),
company VARCHAR(60),
regdate timestamp not null default current_timestamp
);

「jQuery入門」text()で要素内のテキストを変更するサンプル

1.htmlコード
<div id=”cft”>
data11
<p>data12</p>
</div>
<button id=”testDd”>変更</button>

2.JSコード
$(“#testDd”).on(“click”, function(){
$(“#cft”).text(“data3”);
});