Monthly Archives: 12月 2017

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

CentOS7にphpとmysqlをインストールするメモ

リポジトリを追加
$ sudo yum -y install epel-release

CentOS7系
$ sudo rpm -Uvh http://rpms.famillecollet.com/enterprise/remi-release-7.rpm

phpをインストール
$ sudo yum install –enablerepo=remi-php56 php

MySQLをインストール
$ sudo yum -y install –enablerepo=remi-mysql-server

「PostgreSQL入門」indexを作成、削除する方法

1.indexの作成
CREATE INDEX {index名} ON {Table名} ({Column名});

CREATE INDEX test_table_column1_idx ON test_table (column1);

indexが存在しない場合
CREATE INDEX IF NOT EXISTS {index名} ON {Table名} ({Column名});

2.indexの削除
DROP INDEX {index名};

DROP INDEX test_table_column1_idx;

3.indexの確認
\d test_table_column2_idx

CentOS7にnginxとphp-fpmをインストールする方法

1.nginxのインストール
# yum install nginx

2.php-fpmのインストール
# yum install –enablerepo=remi,remi-php70 php-fpm

3.php-fpmの設定
#vim /etc/php-fpm.d/www.conf
設定内容
user = nginx
group = nginx

listen = /var/run/php-fpm/php-fpm.sock

listen.owner = nginx
listen.group = nginx

php-fpmの起動
# systemctl start php-fpm
# systemctl enable php-fpm

4.nginxの設定
#vim/etc/nginx/nginx.conf
設定内容
server {
location ~ .php$ {
fastcgi_pass unix:/var/run/php-fpm/php-fpm.sock;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $document_root/$fastcgi_script_name;
include fastcgi_params;
}
}

nginxの起動
# systemctl start nginx
# systemctl enable nginx