清除记录，历史记录功能

resources/app/browser.html

@@ -30,13 +30,19 @@
         </li>
         <li class="bowerMenu" id="bowerMenu">
           <span class="icon-th-list"></span>
-          <ul class="OnclickMenu" id="CampusInfoBrowserOnclickMenu">
+          <!-- <ul class="OnclickMenu" id="CampusInfoBrowserOnclickMenu">
             <li>关于我们</li>
             <li>反馈</li>
             <li onclick="CampusInfoBrowser.OnclickMenu.History()">历史记录</li>
-            <li>清除缓存</li>
-        </ul>
+            <li onclick="CampusInfoBrowser.OnclickMenu.clear()">清除缓存</li>
+        </ul> -->
         </li>
+        <ul class="OnclickMenu" id="CampusInfoBrowserOnclickMenu">
+            <li>关于我们</li>
+            <li>反馈</li>
+            <li onclick="CampusInfoBrowser.OnclickMenu.History()">历史记录</li>
+            <li onclick="CampusInfoBrowser.OnclickMenu.clear()">清除缓存</li>
+        </ul>
     </ul>
     <ul class="MouseMenuMain" id="CampusInfoBrowserMenu">
         <li onclick="CampusInfoBrowser.MouseMenuCallBack.GoBack();">返回</li>

resources/app/public/css/browser.css

@@ -239,7 +239,7 @@ button.BrowwerAdd {
 .OnclickMenu{
     position: absolute;
     right: 0;
-    top: 60px;
+    top: 80px;
     min-width:90pt;
     display: none;
     background:#fff;
@@ -309,6 +309,16 @@ button.BrowwerAdd {
     top: 9px !important;
     right: 10px !important;
 }
+.history_body {
+    overflow: hidden;
+    width: 100%;
+    height: 18px;
+    line-height: 20px;
+    margin: 3px 0;
+}
+.history_body span{
+    margin: 0 10px;
+}
 /* CampusInfo-AboutUs */
 .CampusInfo-AboutUs{
     min-width: 1180px;

resources/app/public/js/browser.js

@@ -263,6 +263,7 @@ CampusInfoBrowser.LocalStorage=function(webview){
         url:webview.src,
         title:webview.tag.children[0].children[1].innerHTML,
         data:new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay()),
+        time:new Date().toLocaleString(),
         key:time,
     }
     for (a in localStorage) {
@@ -274,17 +275,6 @@ CampusInfoBrowser.LocalStorage=function(webview){
         }
     }
     localStorage.setItem(time, JSON.stringify(datas));
-    // for (a in localStorage) {
-    //     var str = localStorage[a];
-    //     // var str = str.substring(0,str.length+1);
-    //     var storage = JSON.parse(str)
-    //     // var table = $("#aaa")[0];
-    //     // var tr = table.insertRow (table.rows.length);
-    //     // var aaa = tr.insertCell (tr.cells.length);
-    //     // aaa.innerText = storage.title;
-    //     // aaa.innerText += storage.url;
-    //     // aaa.innerText += storage.data;
-    // }
 }
 CampusInfoBrowser.Init=function () {//初始化
     CampusInfoBrowser.UrlArea=$(".bowerSeach input")[0];//获取搜索框
@@ -308,8 +298,9 @@ CampusInfoBrowser.Init=function () {//初始化
         }
     };
     CampusInfoBrowser.BrowersMenuButtom.onclick=function (event) {//点击菜单
-        CampusInfoBrowser.OnclickMenu.style.display="block";
         (event || window.event).cancelBubble = true
+        CampusInfoBrowser.OnclickMenu.style.display="block";
+        // (event || window.event).cancelBubble = true
     };
     document.onclick = function (){
         CampusInfoBrowser.OnclickMenu.style.display="none";
@@ -330,6 +321,7 @@ CampusInfoBrowser.Init=function () {//初始化
     };
     setInterval('CampusInfoBrowser.Action()',1000);
     CampusInfoBrowser.OnclickMenu.History=function(){
+        // CampusInfoBrowser.OnclickMenu.style.display="none";
         var History = new U.UF.UI.form("历史记录",$$("div", 
             {"className":"HistoryBody",}),
             { "style": { "width": "570px", "height": "80%", "maxHeight": "700px", "position":"aboulute","top":"20%","left":"50%"} },
@@ -348,18 +340,27 @@ CampusInfoBrowser.Init=function () {//初始化
             });
             var first=HistoryBody.firstChild;//得到第一个元素 
             HistoryBody.insertBefore(HistoryBody.body,first);//在得到的第一个元素之前插入 
-            HistoryBody.data=$$("span", {
-                "className": "history_data","innerHTML":storage.data,"draggable":"false"
+            HistoryBody.time=$$("span", {
+                "className": "history_time","innerHTML":storage.time,"draggable":"false"
             }, HistoryBody.body);
             HistoryBody.title=$$("span", {
-                "className": "history_data","innerHTML":storage.title,"draggable":"false"
+                "className": "history_title","innerHTML":storage.title,"draggable":"false"
             }, HistoryBody.body);
-            HistoryBody.url=$$("span", {
-                "className": "history_data","innerHTML":storage.url,"draggable":"false"
+            HistoryBody.url=$$("a", {
+                "className": "history_url","innerHTML":storage.url,"draggable":"false"
             }, HistoryBody.body);
-            
+            HistoryBody.url.onclick=function(){
+                CampusInfoBrowser.CreatBrower(this.innerHTML);
+            }
         }
-        
+        $(".BrowserHistoryClose")[0].onclick=function(){
+            $("body")[0].removeChild(History.form);
+        }
+    }
+    CampusInfoBrowser.OnclickMenu.clear=function(){
+        // CampusInfoBrowser.OnclickMenu.style.display="none";
+        localStorage.clear();
     }
+  
     CampusInfoBrowser.CreatBrower('https://www.baidu.com');//开始进入一个页面
 }();