「jQuery入門」複数の要素に対してmap()の使い方

サンプルコード
<script src=”/jquery/1.12.4/jquery.min.js”></script>
<input value=”text”>
<input value=”text”>
<input value=”text”>
<button id=”btn”>ボタン</button>
<script>
$(‘#btn’).click(function(){
$(‘input’).map(function(index,dom){
dom.value += index;
});
})
</script>

「jquery入門」has(selector)で要素を選択するサンプルコード

サンプルコード
<script src=”/jquery/1.12.4/jquery.min.js”></script>
<ul>
<li>list item 1</li>
<li>list item 2
<ul>
<li>list item 2-a</li>
<li>list item 2-b</li>
</ul>
</li>
<li>list item 3</li>
</ul>
<button id=”btn”>ボタン</button>
<script>
$(‘#btn’).click(function(){
$(‘li’).has(‘ul’).css(‘border’, ‘1px solid lightblue’);
})
</script>

「jQuery入門」–last()で要素の中で最後の要素を取得する

サンプルコード
<script src=”/jquery/1.12.4/jquery.min.js”></script>
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
<button id=”btn1″>ボタン11</button>
<button id=”btn2″>ボタン2</button>
<script>
$(‘#btn1’).click(function(){
$(‘li’).first().css(‘border’,’1px solid red’);
})
$(‘#btn2’).click(function(){
$(‘li’).last().css(‘border’,’1px solid blue’);
})
</script>

「java開発」jdomでxmlファイルを読み込む方法

ダウンロード
http://www.jdom.org/

1.xml設定
<?xml version=”1.0″ encoding=”UTF-8″?>
<HD>
<disk name=”C”>
<capacity>8G</capacity>
<directories>200</directories>
<files>1690</files>
</disk>

<disk name=”D”>
<capacity>10G</capacity>
<directories>500</directories>
<files>3000</files>
</disk>
</HD>

2.Javaコード
public class Jdom {
public static void main(String[] args) {
try {
readXml();
} catch (JDOMException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}

public static void readXml() throws JDOMException, IOException{
SAXBuilder saxBuilder = new SAXBuilder();
Document doc = saxBuilder.build(Jdom.class.getClassLoader().getResourceAsStream(“test.xml”));
Element root = doc.getRootElement();
List<Element> list = root.getChildren(“disk”);
for(Element element : list){
String name = element.getAttributeValue(“name”);
String capacity = element.getChildText(“capacity”);
String directories = element.getChildText(“directories”);
String files = element.getChildText(“files”);
System.out.println(“ディスク名:”+name);
System.out.println(“ディスク容量:”+capacity);
System.out.println(“ディレクトリ:”+directories);
System.out.println(“ファイル数:”+files);
System.out.println(“******”);
}
}

}

「php入門」バブルソートアルゴリズムを利用するサンプルコード

phpコード
<?php
function bubble_sort_func($rand_arr)
{
$arrcnt = count($rand_arr);
for($i=0;$i<$arrcnt;$i++){
$flag = true;
for($j=0;$j<$arrcnt-1;$j++){
if($rand_arr[$j] > $rand_arr[$j+1]){
$temp = $rand_arr[$j];
$rand_arr[$j] = $rand_arr[$j+1];
$rand_arr[$j+1] = $temp;
$flag = false;
}
}
if($flag){
break;
}
}
return $rand_arr;
}

$arr = array(31,25,21,35,16,7);
$arr = bubble_sort_func($arr);
print_r($arr);

php+JQuery+Ajaxを利用してデータを送信するサンプルコード

phpコード:
<title>JQueryAjax+PHPサンプルコード</title>
<script type=”text/javascript” src=”https://code.jquery.com/jquery-3.0.0.min.js”></script>
</head>
<body>
ユーザID:<input type=”text” id=”username” name=”username” /><br>
パスワード:<input type=”password” id=”password” name=”password” /><br>
<button type=”button” class=”cgt”>登録</button><br>
<span class=”vgg”></span>
<script type=”text/javascript”>
$(document).ready(function(){
$(“.cgt”).click(function(){
var username = $(“#username”).val();
var password = $(“#password”).val();
$.ajax({
url: “userReg.php”,
type: “POST”,
data:{name:username,pwd:password},
dataType: “json”,
error: function(){
alert(‘Error loading XML document’);
},
success: function(data,status){//成功
alert(status);
alert(data);
$(‘.vgg’).html(“ユーザ名:”+data[0]+”パスワード:”+data[1]);
}
});
})
})
</script>
</body>

2.userReg.php
<?php
$name = $_POST[‘name’];
$pwd = $_POST[‘pwd’];
$array = array(“$name”,”$pwd”);
//some code
echo json_encode($array);
>

「php入門」ページのドメイン名を取得するサンプルコード

PHPコード:
<?
echo $_SERVER[‘SERVER_NAME’];
echo $_SERVER[“HTTP_REFERER”];
$_SERVER[‘REQUEST_URI’];
$_SERVER[‘HTTP_HOST’];
dirname(__FILE__);
dirname(__FILE__).”/../”;
?>

「JavaScript入門」親要素、子要素、兄弟要素を取得する方法

1.親要素
element.parentNode

2.子要素
一覧
element.childNodes
最初の子
element.firstChild

最後の子
element.lastChild

3,兄弟要素
element.previousSibling
element.nextSibling

「ajax入門」jsonデータを取得するサンプルコード

1.ajaxコード
$.ajax({
type: “GET”,
url: “xxxx.json”,
dataType:”json”,
success: function (data) {
for (var i = 0 – 1; i < data.length; i++;) {
$(‘li’).append(data[i].address + ‘ – ‘ + data[i].ticket);
};
},
error: function (XMLHttpRequest, textStatus, errorThrown) {

console.log(XMLHttpRequest + ‘-‘ + textStatus + ‘-‘ + errorThrown);
}
});

2.jsonデータ
[
{
“address”: “oosaki”,
“ticket”: “340”
},
{
“address”: “ooimati”,
“ticket”: “216”
},
{
“address”: “shinagawa”,
“ticket”: “170”
}
]

LinuxにMySQL5.6をインストールするメモ

1.MySQLをチェック
#rpm -qa | grep mysql
#yum -y remove mysql-libs-5.1*

2.rpmをダウンロード
#wget http://dev.mysql.com/Downloads/MySQL-5.6/MySQL-server-5.6.21-1.rhel5.x86_64.rpm
#wget http://dev.mysql.com/Downloads/MySQL-5.6/MySQL-devel-5.6.21-1.rhel5.x86_64.rpm
#wget http://dev.mysql.com/Downloads/MySQL-5.6/MySQL-client-5.6.21-1.rhel5.x86_64.rpm

3.rpmをインストール
#rpm -ivh MySQL-server-5.6.21-1.rhel5.x86_64.rpm
#rpm -ivh MySQL-client-5.6.21-1.rhel5.x86_64.rpm
#rpm -ivh MySQL-devel-5.6.21-1.rhel5.x86_64.rpm

4.設定ファイルをコピー
#cp /usr/share/mysql/my-default.cnf /etc/my.cnf

5.MySQL初期化
#/usr/bin/mysql_install_db

6.MySQL起動をチェック
netstat -anpt | grep 3306
/etc/init.d/mysql start

7.MySQLにログイン
#mysql -uroot -pXXXX
SET PASSWORD = PASSWORD(‘123456’);

権限を設定
GRANT ALL PRIVILEGES ON *.* TO ‘wqh’@’%’ IDENTIFIED BY ‘123456’;
#flush privileges
#whereis mysql

#/etc/init.d/mysql stop 停止
アンインストール
#Rpm – e MySQL-server-5.6.21-1.rhel5.x86_64
#Rpm -e MySQL-devel-5.6.21-1.rhel5.x86_64
#Rpm -e MySQL-client-5.6.21-1.rhel5.x86_64