Ebycow/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>sound</title>
</head>
<body>
        <div id="drop" style="width:800px; height:100px; padding:10px; border:1px dashed"
                  ondragover="onDragOver(event)" >ko↑ko↓</div>

        <hr>
        <div style="margin:10px; white-space: pre;" id="disp" ></div>

        <hr>
        <pre style="margin:10px; height:2px;" id="disp2" ></pre>
        <script type="text/javascript">

        var reg=/(.*)(?:\.([^.]+$))/;

            document.getElementById("drop").addEventListener("drop", onDrop, false);

            function onDrop(event) {
                var files = event.dataTransfer.files;
                var disp = document.getElementById("disp");
                disp.innerHTML = "";

                for (var i = 0; i < files.length; i++) {
                    var f = files[i];

                    disp.innerHTML += f.name.match(reg)[1].length + "\tN\t" + f.name.match(reg)[1] + "\t(SoundW " + f.name + ")<br />";
                    disp2.innerHTML += f.name.match(reg)[1] + "<br />";
                }
                event.preventDefault();
            }

            function onDragOver(event) {
                event.preventDefault();
            }


        </script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>sound</title>
	</head>
	<body>
	<div id="drop" style="width:800px; height:100px; padding:10px; border:1px dashed"
	ondragover="onDragOver(event)" >ko↑ko↓</div>

	<hr>
	<div style="margin:10px; white-space: pre;" id="disp" ></div>

	<hr>
	<pre style="margin:10px; height:2px;" id="disp2" ></pre>
	<script type="text/javascript">

	var reg=/(.*)(?:\.([^.]+$))/;

	document.getElementById("drop").addEventListener("drop", onDrop, false);

	function onDrop(event) {
	var files = event.dataTransfer.files;
	var disp = document.getElementById("disp");
	disp.innerHTML = "";

	for (var i = 0; i < files.length; i++) {
	var f = files[i];

	disp.innerHTML += f.name.match(reg)[1].length + "\tN\t" + f.name.match(reg)[1] + "\t(SoundW " + f.name + ")<br />";
	disp2.innerHTML += f.name.match(reg)[1] + "<br />";
	}
	event.preventDefault();
	}

	function onDragOver(event) {
	event.preventDefault();
	}


	</script>
	</body>
	</html>