<HTML>
<BODY>
<input type="date" name="example" value="2012-02-16">
<button id="botan" onclick="namechange();">下の文字を変えます。</button>
<font id="button1">名前を変えます。</font>
<button onclick="namechange2();">ああああ</button>
<font id="button2">名前を変えます。</font>
<script type="text/javascript">
var count=0;
var count2=0;
function namechange(){
var temp=document.getElementById("button1");
++count;
temp.innerHTML="名前変更しました。"+count+"回目";
}
function namechange2(){
var temp=document.getElementById("botan");
++count2;
temp.innerHTML="うううう"+count2+"回目";
}
</script>
</BODY>
</HTML>
---------------------------------------------------------
<html>
<body>
<p><label><input type="text" id="task">タスク</label></p>
<p><li>期限<input type="date" name="nouki" value=today><br></p>
<p><li>時刻<select name="sime"><br></p>
<option value="s1">午前中</option>
<option value="s2">定時</option>
<option value="s3" selected>指定なし</option>
</select>
<p><li>ジャンル<select name="janl"><br></p>
<option value="s1" selected>メイン</option>
<option value="s2">その他</option>
<option value="s3">雑務</option>
</select>
<p><li>やりたい度<select name="yaruki"><br></p>
<option value="s1">高</option>
<option value="s2" selected>ふつう</option>
<option value="s3">低</option>
</select>
</p>
</body>
</html>
--------------------------------------------------
<html>
<head>
</head>
<body>
<input type="file" name="select" id="select" />
<div id="result"></div>
<script type="text/javascript" language="JavaScript">
// File APIに対応しているか確認
if(window.File) {
var result = document.getElementById('result');
var select = document.getElementById('select');
// ファイルが選択されたとき
select.addEventListener('change', function(e) {
// 選択されたファイルの情報を取得
var fileData = e.target.files[0];
var reader = new FileReader();
// ファイル読み取りに失敗したとき
reader.onerror = function() {
alert('ファイル読み取りに失敗しました')
}
// ファイル読み取りに成功したとき
reader.onload = function() {
// 行単位で配列にする
var lineArr = reader.result.split("\n");
// 行と列の二次元配列にする
var itemArr = [];
for (var i = 0; i < lineArr.length; i++) {
itemArr[i] = lineArr[i].split(",");
}
// tableで出力
var insert = '<table>';
for (var i = 0; i < itemArr.length; i++) {
insert += '<tr>';
for (var j = 0; j < itemArr[i].length; j++) {
insert += '<td>';
insert += itemArr[i][j];
insert += '</td>';
}
insert += '</tr>';
}
insert += '</table>';
result.innerHTML = insert;
}
// ファイル読み取りを実行
reader.readAsText(fileData,'Shift_JIS');
}, false);
}
</script>
</body>
</html>
---------------------------------------------------
