Ubuntu 14.04 と Linux Mint 17にAtomテキストエディタをインストールする

1.UbuntuとLinux MintにAtomをインストール
操作コマンド
sudo add-apt-repository ppa:webupd8team/atom
sudo apt-get update
sudo apt-get install atom

2.UbuntuとLinux MintにAtomをアンインストール
sudo apt-get remove atom
sudo add-apt-repository –remove ppa:webupd8team/atom

3.auto remove
sudo apt-get autoremove

「jQuery開発」trimで文字列の先頭と末尾から空白を除去する

jqueryコード:
function providerReg(){
var $username = $.trim($(“#username”).val());
if($username==”) {
ShowMessage(“ユーザIDを入力してください”,”#ff0000″);
return;
}
document.all.form1.submit();
}
htmlコード:
<tr>
<td width=”16%” align=”right”>ユーザ名前:</td>
<td colspan=”3″><s:textfield id=”username” key=”operatorbean.username” size=”30″ value=”%{#request.operatorbean.username}” /> </td>
</tr>

「jquery入門」slice()で要素集合から指定範囲のものを返す方法

サンプルコード
<script src=”/jquery/1.12.4/jquery.min.js”></script>
<ul>
<li>list item 11</li>
<li>list item 22</li>
<li>list item 33</li>
<li>list item 44</li>
<li>list item 55</li>
</ul>
<button id=”btn”>ボタン</button>
<script>
$(‘#btn’).click(function(){
$(‘li’).slice(2,4).css(‘background’, ‘red’);
})
</script>

「jquery入門」filter() で要素をフィルタリングするサンプルコード

サンプルコード
<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=”btn”>ボタン</button>
<script>
$(‘#btn’).click(function(){
$(‘li’).filter(‘:even’).css(‘border’,’1px solid lightgreen’)
})
</script>

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