Index: branches/testa/index.html
===================================================================
--- branches/testa/index.html	(revision 31)
+++ branches/testa/index.html	(revision 31)
@@ -0,0 +1,232 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>md2site</title>
+<!-- AREA-START -->
+    <link rel="stylesheet" href="./css/style.css" />
+    <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="css/style-3.css?7">
+    <link rel="stylesheet" href="css/tab.css?7">
+    <link rel="stylesheet" href="css/menu.css?7">
+    <link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
+    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.5/ace.js"></script>
+    <script src="js/storagex.js?7>"></script>
+    <script src="js/sidemenu.js?7>"></script>
+    <script src="js/bookmark.js?7>"></script>
+    <script src="js/bookmarkmgr.js?7"></script>
+    <script src="js/bookmarkmenu.js?7"></script>
+    <script src="js/tab.js?7"></script>
+    <script src="js/topmenu.js?7"></script>
+    <script src="js/remotex.js?7"></script>
+    <script src="js/main.js?7"></script>
+
+<!-- AREA-END -->
+
+    <!--    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.ui-contextmenu/1.18.1/jquery.ui-contextmenu.min.js" integrity="sha256-cI6Q7epHX696CtqUt0dJouTIkNh0w67o5YOhUZygI/s=" crossorigin="anonymous"></script> -->
+  </head>
+
+  <body>
+    <ul class="tab-group">
+      <li class="tab is-active">data</li>
+      <li class="tab">output</li>
+      <li class="tab">setting</li>
+    </ul>
+    <div id="all" class="panel-group">
+      <div id="area-data" class="panel is-show">
+	<div id="data-menubar">
+	  <ul class="nav">
+	    <li><a href="#">File</a>
+	      <ul>
+		<li><a onclick="upload_to_host('data')">Save on host</a></li>
+		<li><a onclick="download_cmd('part')">Download</a></li>
+		<li><a class="disabled" >-Rename</a></li>
+		<li><a class="disabled" >-Move</a></li>
+		<li><a class="disabled" >-Delete</a></li>
+		<li><a class="disabled" >-Duplicate</a></li>
+	      </ul>
+	    </li>
+	    <li><a href="#">Dir</a>
+	      <ul>
+		<li><a class="disabled" href="#">-Create</a></li>
+		<li><a class="disabled" href="#">-Rename</a></li>
+		<li><a class="disabled" href="#">-Move</a></li>
+		<li><a class="disabled" href="#">-Delete</a></li>
+		<li><a class="disabled" href="#">-Duplicate</a></li>
+	      </ul>
+	    </li>
+	    <li><a href="#">Bookmark</a>
+              <ul id="data-bookmark">
+	      </ul>
+	    </li>
+	    <li><a href="#">Build</a>
+	      <ul>
+		<li><a href="#">Build</a></li>
+		<li><a href="#" onclick="get_filelist()">Get FileList</a></li>
+		<li><a href="#" onclick="update_filelist()">Forced to get FileList</a></li>
+		<li><a href="#" onclick="restore_filelist(0, '/rtk/fmp_kernel')">Restore FileList</a></li>
+	      </ul>
+	    </li>
+	    <li class="disabled"><a href="#">History</a>
+	      <ul>
+              </ul>
+
+	    <li><a href="#">config</a>
+	      <ul>
+		<li><a href="#" onclick="Globalx.storagex.save_info_from_globalx()">Save info</a></li>
+		<li><a href="#" onclick="Globalx.storagex.reset_info()">Reset Info</a></li>
+		<li><a href="#" onclick="Globalx.storagex.clear_localstorage()">Clear local</a></li>
+		<li><a href="#" onclick="Globalx.storagex.show_localstorage()">Show localstorage</a></li>
+		<li><a href="#" onclick="Globalx.storagex.show_globalx()">Show globalx</a></li>
+	      </ul>
+	    </li>
+	  </ul>
+	</div>
+	<div id="data-bar">
+	  <select id="data-select-host">
+	  </select>
+
+	  <textarea id="data-editor-t" name="data-editor-t"></textarea>
+
+	  <input type="text" id="data-filelist_key" value="/" />
+	  <label id="data-bookmark_label">
+<!--	    <input type="checkbox" id="data-bookmark_op" value="2" onclick="bookmark_op('data')"> -->
+	    <input type="checkbox" id="data-bookmark_op">
+	    BK
+	  </label>
+	  <a id="data-down-download" class="xxbutton" role="button" download="some.txt" >DL</a>
+	</div>
+	<div id="data-side"  ></div>
+	<div id="data-work">
+	  <div id="data-editor" style="height: 600px"></div>
+	</div>
+      </div>
+      <div id="area-output" class="panel">
+	<div id="output-menubar"></div>
+	<ul class="nav">
+	  <li><a href="#">File</a>
+	    <ul>
+	      <li><a onclick="upload_to_host('data')">Save on host</a></li>
+	      <li><a onclick="download_cmd('part')">Download</a></li>
+	      <li><a class="disabled" >-Rename</a></li>
+	      <li><a class="disabled" >-Move</a></li>
+	      <li><a class="disabled" >-Delete</a></li>
+	      <li><a class="disabled" >-Duplicate</a></li>
+	    </ul>
+	  </li>
+	  <li><a href="#">Dir</a>
+	    <ul>
+	      <li><a class="disabled" href="#">-Create</a></li>
+	      <li><a class="disabled" href="#">-Rename</a></li>
+	      <li><a class="disabled" href="#">-Move</a></li>
+	      <li><a class="disabled" href="#">-Delete</a></li>
+	      <li><a class="disabled" href="#">-Duplicate</a></li>
+	    </ul>
+	  </li>
+	  <li><a href="#">Bookmark</a>
+            <ul id="output-bookmark">
+	    </ul>
+	  </li>
+	  <li><a href="#">config</a>
+	    <ul>
+	      <li><a href="#" onclick="Globalx.storagex.save_info_from_globalx()">Save info</a></li>
+	      <li><a href="#" onclick="Globalx.storagex.reset_info()">Reset Info</a></li>
+	      <li><a href="#" onclick="Globalx.storagex.clear_localstorage()">Clear local</a></li>
+	    </ul>
+	  </li>
+	</ul>
+	<div id="output-bar">
+	  <select id="output-select-host">
+	  </select>
+
+	  <textarea id="output-editor-t" name="output-editor-t"></textarea>
+
+	  <input type="text" id="output-filelist_key" value="/" />
+	  <label id="output-bookmark_label">
+<!--	    <input type="checkbox" id="output-bookmark_op" onclick="bookmark_op('data')"> -->
+	    <input type="checkbox" id="output-bookmark_op">
+	    BK
+	  </label>
+	  <a id="output-down-download" class="xxbutton" role="button" download="some.txt" >DL</a>
+
+	</div>
+	<div id="output-side"></div>
+	<div id="output-work">
+	  <div id="output-editor" style="height: 600px">
+	  </div>
+        </div>
+      </div>
+      <div id="area-setting" class="panel">
+	<div id="setting-menubar"></div>
+	<ul class="nav">
+	  <li><a href="#">File</a>
+	    <ul>
+	      <li><a onclick="upload_to_host('data')">Save on host</a></li>
+	      <li><a onclick="download_cmd('part')">Download</a></li>
+	      <li><a class="disabled" >-Rename</a></li>
+	      <li><a class="disabled" >-Move</a></li>
+	      <li><a class="disabled" >-Delete</a></li>
+	      <li><a class="disabled" >-Duplicate</a></li>
+	    </ul>
+	  </li>
+	  <li><a href="#">Dir</a>
+	    <ul>
+	      <li><a class="disabled" href="#">-Create</a></li>
+	      <li><a class="disabled" href="#">-Rename</a></li>
+	      <li><a class="disabled" href="#">-Move</a></li>
+	      <li><a class="disabled" href="#">-Delete</a></li>
+	      <li><a class="disabled" href="#">-Duplicate</a></li>
+	    </ul>
+	  </li>
+	  <li><a href="#">Bookmark</a>
+            <ul id="output-bookmark">
+	    </ul>
+	  </li>
+	  <li><a href="#">config</a>
+	    <ul>
+	      <li><a href="#" onclick="Globalx.storagex.save_info_from_globalx()">Save info</a></li>
+	      <li><a href="#" onclick="Globalx.storagex.reset_info()">Reset Info</a></li>
+	      <li><a href="#" onclick="Globalx.storagex.clear_localstorage()">Clear local</a></li>
+	    </ul>
+	  </li>
+	</ul>
+	<div id="setting-bar">
+	  <select id="setting-select-host">
+	  </select>
+
+	  <textarea id="setting-editor-t" name="setting-editor"></textarea>
+
+	  <input type="text" id="setting-filelist_key" value="/" />
+	  <label id="setting-bookmark_label">
+<!--	    <input type="checkbox" id="setting-bookmark_op" onclick="bookmark_op('data')"> -->
+	    <input type="checkbox" id="setting-bookmark_op">
+	    BK
+	  </label>
+	  <a id="setting-down-download" class="xxbutton" role="button" download="some.txt" >DL</a>
+	</div>
+	<div id="setting-side">
+	</div>
+	<div id="setting-work">
+	  <div id="setting-editor" style="height: 600px">
+	  </div>
+	</div>
+      </div>
+    </div>
+
+    <div id="bookmarkDlg" title="Bookmark registration">
+      <table>
+	<tr>
+	  <th>display name</th>
+	  <td><input type="text" id="bookmark_displayname" size="10" maxlength="10"></td>
+	</tr>   
+	<tr>
+	  <th>path</th>
+	  <td><input type="text" id="bookmark_path" size="20" maxlength="50" disabled/></td>
+	</tr>
+      </table>
+      
+    </div>
+    <script>
