「jQuery開発」DataTablesで検索、ソート、ページャー機能を作成するサンプル

JSコード
$(document).ready(function() {
$(‘#table’).on(‘order.dt’,
function() {
console.log(‘ソート’);
}).on(‘search.dt’,
function() {
console.log(‘検索’);
}).on(‘page.dt’,
function() {
console.log(‘ページャー’);
}).dataTable();
});

java.math.BigDecimal.add()のサンプル

Javaコード
package itstudy;
import java.math.BigDecimal;
public class BigDeciTest {

public static void main(String[] args) {
BigDecimal sbe = new BigDecimal(“0”);

sbe = sbe.add(new BigDecimal(“20”));
sbe = sbe.add(new BigDecimal(“30”));
sbe = sbe.add(new BigDecimal(“60”));
System.out.println(“結果” + sbe.toString());

}

}

結果110

 

「jQuery入門」toggleClass()でクラスの追加または削除サンプル

①JSコード
$(document).ready(function(){
$(“button”).click(function(){
$(“h1,h2,p”).toggleClass(“yellow”);
});
});

②CSSコード
<style type=”text/css”>
.yellow
{
color:yellow;
}
</style>
</head>

③htmlコード
<body>
<h1>test data1</h1>
<h2>test data2</h2>
<p>test data3</p>
<p>test data4</p>
<button>検証ボタン</button>
</body>

「jQuery入門」toggleClass()で複数cssを操作するサンプル

①htmlコード
<button id=”testBtn”>テスト</button>

②cssコード
.testAA {
//some code
}
.testBB {
//some code
}

③JSコード
$(function() {
$(‘#testBtn’).on(‘click’, function() {
$(this).toggleClass(‘testAA testBB’);
});
});

「jQuery入門」.keypress()でテキストボックスの変更を検知するサンプル

JSコード
<script type=”text/javascript”>
aa=0;
$(document).ready(function(){
$(“input”).keypress(function(){
$(“span”).text(aa+=1);
});
});
</script>
</head>
<body>
名前: <input type=”text” />
<p>計算:<span>0</span></p>
</body>

「python入門」break、continueとrange()の使い方

1.breakの使い方
for tt in range(12):
print tt
if tt == 5
break

2.continueの使い方
for tt in range(2, 22):
if tt % 2 == 1:
print(“奇数”, tt)
continue

3.range()の使い方
for aa in range(6, 21):
print(aa)

「Python入門」for inで配列の要素を取り出すサンプル

方法1 forループで配列の要素を取り出す
colors = [“red”,”green”,”blue”]
for color in colors:
print color

# red
# green
# blue

方法2 配列の長さを取得し、インデックスにより配列の要素を取り出す
colors = [“red”,”green”,”blue”]
for i in range(0, len(colors)):
print i, color[i]
# 0 red
# 1 green
# 2 blue

「jQuery入門」scrollTop()でスクロール位置取得サンプルコード

1.JSコード
<script type=”text/javascript”>
$(document).ready(function(){
$(“.btnAA”).click(function(){
$(“div”).scrollTop(120);
});
$(“.btnBB”).click(function(){
alert($(“div”).scrollTop()+” px”);
});
});
</script>

2.htmlコード
<div style=”border:1px solid black;width:200px;height:200px;overflow:auto”>
テストデータ
</div>
<button class=”btnAA”>テストA</button>
<br />
<button class=”btnBB”>テストB</button>
</body>
</html>

Ubuntu 12.04でMySQL 5.5にリモートホストから接続できる方法

1.iptables の変更
$ sudo ufw status
Status: inactive

$ sudo ufw enable
$ sudo ufw disable

2. bind-address 変更
$ vim /etc/mysql/my.cnf
bind-addressをコメントアウトする
#bind-address = 127.0.0.1

3.ユーザ権限を変更
mysql> select user, host from mysql.user;
mysql> grant all privileges on *.* to root@’192.168.%’;
mysql> grant all privileges on *.* to root@’172.%’;
mysql> flush privileges;

MySQLを再起動
#sudo /etc/init.d/mysql restart

「CentOS7入門」MySQLにクライアントでリモート接続するの設定方法

1.3306のポートを開放
#firewall-cmd –permanent –zone public –add-port 3306/tcp

2.MySQLサービスをゾーンに追加
# firewall-cmd –permanent –zone public –add-service mysql
success
# firewall-cmd –reload
success

3.ファイアウォールに設定を反映
# firewall-cmd –info-zone public
public (active)
target: default
icmp-block-inversion: no
interfaces: eth0
sources:
services: dhcpv6-client http mysql ssh
ports: 3306/tcp 80/tcp
protocols:
masquerade: no
forward-ports:
sourceports:
icmp-blocks:
rich rules:

4.設定変更
MariaDB [(none)]> GRANT ALL PRIVILEGES ON *.* TO root@”xxx.xxx.xxx.xxx” IDENTIFIED BY ‘ygl989195’ WITH GRANT OPTION;GRANT ALL PRIVILEGES ON *.* TO root@”xxx.xxx.xxx.xxx” IDENTIFIED BY ‘ygl989195’ WITH GRANT OPTION;

MariaDB [(none)]> flush PRIVILEGES;

5.ポート確認
MariaDB [(none)]> SHOW VARIABLES LIKE ‘port’;
+—————+——-+
| Variable_name | Value |
+—————+——-+
| port | 3306 |
+—————+——-+