修改历史记录功能

resources/app/public/css/browser.css

@@ -43,7 +43,7 @@ button:focus,button{
     height: 25px;
     border: transparent;
     background: #fff;
-    font-size: 14px;
+    font-size: 13px;
 }
 .bowerHeader .bowerHeaderMenu button:hover{
     background: #eee;
@@ -291,6 +291,24 @@ button.BrowwerAdd {
     background: #e8e8e8;
     margin: 5px 0;
 }
+.BrowserHistory{
+    /* left: 20% !important; */
+    width: 60% !important;
+    padding: 0 40px;
+    box-shadow: rgb(202, 202, 202) 0px 0px 30px 5px !important;
+    border: 1px solid #e4e4e4 !important;
+    background-color: #fff !important;
+}
+.BrowserHistoryTitle{
+    padding: 5px 0;
+    background-color: transparent !important;
+    color: #666 !important;
+    text-align: center;
+}
+.BrowserHistoryClose{
+    top: 9px !important;
+    right: 10px !important;
+}
 /* CampusInfo-AboutUs */
 .CampusInfo-AboutUs{
     min-width: 1180px;

resources/app/public/js/browser.js

@@ -267,7 +267,6 @@ CampusInfoBrowser.LocalStorage=function(webview){
     }
     for (a in localStorage) {
         var str = localStorage[a];
-        
         var storage = JSON.parse(str)
         if(storage.title == datas.title || storage.url == datas.url){
             localStorage.getItem(storage.key);
@@ -275,17 +274,17 @@ 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;
-    }
+    // 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];//获取搜索框
@@ -331,7 +330,36 @@ CampusInfoBrowser.Init=function () {//初始化
     };
     setInterval('CampusInfoBrowser.Action()',1000);
     CampusInfoBrowser.OnclickMenu.History=function(){
-        new U.UF.UI.form("标题",$$("dsiv", { "innerHTML": "中间内容" }),{ "style": { "width": "570px", "height": "80%", "maxHeight": "700px", "position":"aboulute","top":"20%","left":"50%"} },{ "isenlarge": false,"isnarrow": false});
+        var History = new U.UF.UI.form("历史记录",$$("div", 
+            {"className":"HistoryBody",}),
+            { "style": { "width": "570px", "height": "80%", "maxHeight": "700px", "position":"aboulute","top":"20%","left":"50%"} },
+            { "isenlarge": false,"isnarrow": false}
+        );
+        History.form.className ="BrowserHistory";
+        History.form.children[1].className ="BrowserHistoryTitle";
+        History.form.children[4].className ="BrowserHistoryClose";
+        for (a in localStorage) {
+            var str = localStorage[a];
+            var storage = JSON.parse(str)
+            var BrowserHistory = $(".BrowserHistory")[0];
+            var HistoryBody = $(".HistoryBody")[0];
+            HistoryBody.body=$$("div", {
+                "className": "history_body",
+            });
+            var first=HistoryBody.firstChild;//得到第一个元素 
+            HistoryBody.insertBefore(HistoryBody.body,first);//在得到的第一个元素之前插入 
+            HistoryBody.data=$$("span", {
+                "className": "history_data","innerHTML":storage.data,"draggable":"false"
+            }, HistoryBody.body);
+            HistoryBody.title=$$("span", {
+                "className": "history_data","innerHTML":storage.title,"draggable":"false"
+            }, HistoryBody.body);
+            HistoryBody.url=$$("span", {
+                "className": "history_data","innerHTML":storage.url,"draggable":"false"
+            }, HistoryBody.body);
+            
+        }
+        
     }
     CampusInfoBrowser.CreatBrower('https://www.baidu.com');//开始进入一个页面
 }();