Index: /branches/testa/ex.rb
===================================================================
--- /branches/testa/ex.rb	(revision 28)
+++ /branches/testa/ex.rb	(revision 28)
@@ -0,0 +1,41 @@
+require 'erb'
+require 'fileutils'
+#options = {:noop => true }
+#options = {}
+options = {:verbose => true }
+num_fname="tmp/num.txt"
+template_fname="tmp/script-area.txt"
+tmp_fname="tmp/tmp.txt"
+to_fname="index.html"
+
+num = File.read(num_fname).to_i
+#puts num
+File.write(num_fname , num + 1)
+
+lines=File.readlines("index.html").map{|x| x.chomp!}
+
+parts = [[],[],[]]
+index = 0
+first_delimitor = %r@<!-- AREA-START -->@
+second_delimitor = %r@<!-- AREA-END -->@
+
+lines.map{ |x| 
+       if x =~ first_delimitor
+         parts[ index ] << x
+         index += 1
+       elsif x =~ second_delimitor
+         index += 1
+         parts[ index ] << x
+       else
+         parts[ index ] << x
+       end
+}
+
+content = File.read(template_fname)
+erb = ERB.new(content)
+new_content = erb.result_with_hash({num: num})
+parts[1] = [new_content]
+
+File.write( tmp_fname,  parts.flatten.join("\n") )
+FileUtils.cp( tmp_fname , to_fname, options )
+
Index: /branches/testa/tmp/index-1.html
===================================================================
--- /branches/testa/tmp/index-1.html	(revision 28)
+++ /branches/testa/tmp/index-1.html	(revision 28)
@@ -0,0 +1,235 @@
+<!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?<%= num %>">
+    <link rel="stylesheet" href="css/tab.css?<%= num %>">
+    <link rel="stylesheet" href="css/menu.css?<%= num %>">
+    <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?<%= num %>>"></script>
+    <script src="js/sidemenu.js?<%= num %>>"></script>
+    <script src="js/bookmark.js?<%= num %>>"></script>
+    <script src="js/bookmarkmgr.js?<%= num %>"></script>
+    <script src="js/bookmarkmenu.js?<%= num %>"></script>
+    <script src="js/tab.js?<%= num %>"></script>
+    <script src="js/topmenu.js?<%= num %>"></script>
+    <script src="js/remotex.js?<%= num %>"></script>
+    <script src="js/main.js?<%= num %>"></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>
+      main()
+    </script>
+  </body>
+</html>
Index: /branches/testa/tmp/script-area.txt
===================================================================
--- /branches/testa/tmp/script-area.txt	(revision 28)
+++ /branches/testa/tmp/script-area.txt	(revision 28)
@@ -0,0 +1,19 @@
+    <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?<%= num %>">
+    <link rel="stylesheet" href="css/tab.css?<%= num %>">
+    <link rel="stylesheet" href="css/menu.css?<%= num %>">
+    <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?<%= num %>>"></script>
+    <script src="js/sidemenu.js?<%= num %>>"></script>
+    <script src="js/bookmark.js?<%= num %>>"></script>
+    <script src="js/bookmarkmgr.js?<%= num %>"></script>
+    <script src="js/bookmarkmenu.js?<%= num %>"></script>
+    <script src="js/bookmarkdlg.js?<%= num %>"></script>
+    <script src="js/tab.js?<%= num %>"></script>
+    <script src="js/topmenu.js?<%= num %>"></script>
+    <script src="js/remotex.js?<%= num %>"></script>
+    <script src="js/main.js?<%= num %>"></script>
Index: /branches/testa/tmp/src.txt
===================================================================
--- /branches/testa/tmp/src.txt	(revision 28)
+++ /branches/testa/tmp/src.txt	(revision 28)
@@ -0,0 +1,18 @@
+    <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?<%= num %>">
+    <link rel="stylesheet" href="css/tab.css?<%= num %>">
+    <link rel="stylesheet" href="css/menu.css?<%= num %>">
+    <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?<%= num %>>"></script>
+    <script src="js/sidemenu.js?<%= num %>>"></script>
+    <script src="js/bookmark.js?<%= num %>>"></script>
+    <script src="js/bookmarkmgr.js?<%= num %>"></script>
+    <script src="js/bookmarkmenu.js?<%= num %>"></script>
+    <script src="js/tab.js?<%= num %>"></script>
+    <script src="js/topmenu.js?<%= num %>"></script>
+    <script src="js/remotex.js?<%= num %>"></script>
+    <script src="js/main.js?<%= num %>"></script>
Index: /branches/testa/tmp/tmp.txt
===================================================================
--- /branches/testa/tmp/tmp.txt	(revision 28)
+++ /branches/testa/tmp/tmp.txt	(revision 28)
@@ -0,0 +1,233 @@
+<!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/bookmarkdlg.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>
