您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 网站教程 > HTML教程 >
    基于HTML5构建Web操作系统(7)
    时间:2016-07-13 21:12 来源: 作者: 浏览:收藏 挑错 推荐 打印
  •                      function(tx, rs) {     
  •                              alert("update successfully");   
  •                      });    
  •                  });   
  •                  return;   
  •              }           
  •  }      
  •  // 若文档不存在,则新建一个文档           
  •  if(rs.rows.length>0)   
  •  idx = rs.rows.item(rs.rows.length-1).idx + 1;   
  •  db.transaction(function(tx) {                           
  •  tx.executeSql('INSERT INTO TextFiles VALUES(?, ?, ?)', [idx, fileTitle, fileContent],  
  •                function(tx, rs){    
  •                alert("save successfully: "+idx+"-"+fileTitle+ "-"+fileContent);    
  •                createFileIcon(idx);    
  •  },    
  •  function(tx, error) {   
  •                 alert(error.source + "::" + error.message);    
  •                  });    
  •              });   
  •          });   
  •      });   
  •  }  
  • 清单13首先在一个transaction中,首先判断用于存储文 本文档的表TextFiles是否存在,若不存在,则创建它。然后通过查询表TextFiles判断文本文档是否存在,若存在,则当前操作为更新操作,程 序将执行一条SQL语句,对当前文本文档进行更新。若不存在,则取当前最大文档id并加1作为新文档的id,并执行一条SQL语句,将文档信息,包括文档 id,以及标题和内容插入到数据库中,并于插入操作结束后的回调方法中,利用createFileIcon方法在桌面上为新文档创建一个文档图标。清单 14显示了 createFileIcon方法的具体过程。
    清单 14.创建文档图标
    1. function createFileIcon(fileId){   
    2.      var iconHolder;   
    3.      for(var i=1;i<=120;i++){// 查询第一个为空的位置  
    4.          iconHolder = document.getElementById('iconHolder' + if(!iconHolder.firstChild ){   
    5.              var text = document.createElement('img');   
    6.              text.src = "images/text.gif";   
    7.              text.id = fileId;   
    8.              iconHolder.appendChild(text);   
    9.              text.onclick =  function(ev){    
    10.                  if(ev.currentTarget){   
    11.                  openApp('notebook');// 打开记事本应用程序  

      (责任编辑:12图资源库)