nasのブログ

nasのブログ

ブログの説明を入力します。

Amebaでブログを始めよう!

<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>

---------------------------------------------------