4 <meta http-equiv="X-UA-Compatible" content="IE=9">
7 <style type="text/css">
12 font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
17 <script type="text/javascript" src="./header.js" charset="UTF-8"></script>
18 <script type="text/javascript">
20 var inputBoxObj = null;
22 mainAI = new AI(document.getElementById("messageBox"), document.getElementById("debugBox"));
23 inputBoxObj = document.getElementById("inputBox");
24 inputBoxObj.onkeydown = sendToAI;
25 mainAI.downloadBox = document.getElementById("downloadBox");
26 // Setup the dnd listeners.
27 var dropZone = document.getElementById('inputBox');
28 dropZone.addEventListener('dragover', handleDragOver, false);
29 dropZone.addEventListener('drop', handleFileSelect, false);
35 if (e.keyCode == 13){ // Enterが押された
36 if(!e.shiftKey/* && inputBoxObj.value.replace(/\s/g, "").length > 0*/){
38 mainAI.sendToAI(inputBoxObj.value, "User");
39 inputBoxObj.value = '';
44 // http://www.html5rocks.com/ja/tutorials/file/dndfiles/
45 function handleFileSelect(evt){
46 evt.stopPropagation();
49 var files = evt.dataTransfer.files; // FileList object.
51 // files is a FileList of File objects. List some properties.
53 for(var i = 0, f; f = files[i]; i++){
54 var r = new FileReader();
55 r.onload = (function(file){
57 mainAI.sendTextFromFileToAI(r.result, file.name, file.lastModifiedDate, "File");
64 function handleDragOver(evt){
65 evt.stopPropagation();
67 evt.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.
75 <div style="float:left;">
77 <textarea id="messageBox" cols="64" rows="32"></textarea>
79 <div style="float:left;">
81 <textarea id="debugBox" cols="64" rows="24"></textarea>
83 <div id="downloadBox"></div>
85 <div style="clear:both;">
87 <form onsubmit="return false;">
88 <textarea id="inputBox" cols="128" rows="8"></textarea>