UseStudio.CloudFront/controls/pc/Note/Note.js

Namespace.register("U.Note");    //蔡胜锐  张显

//起始
U.Note.Qs = function () {               //执行函数

    U.Note.ceateEle();    
}

U.Note.ceateEle = function () {         //创建便签元素   @param

    //    var Note = $("#U_N_Note")[0];       //创建便签窗体
    //    $("#U_N_Note")[0].style.cssText = "position: relative;width:" + 1000 + "px";       //开始创建便签内元素
    var odivC = $$("div", { "id": "odivC", style: { "top": "100px", "position": "relative", "left": "170px", "z-index": "97"} }); //top
    var zdiv = $$("div", { style: { "width": 250 + "px", "height": 250 + "px", "margin-left": 20 + "px", "margin-top": 20 + "px", "font-size": 14 + "px", "background-color": "#fcfbe2", "color": "#333", "float": "left", "z-index": "98" }, "onclick": "" }, odivC);
    var xdiv = $$("div", { style: { "width": 250 + "px", "height": 50 + "px", "margin-left": 0 + "px", "margin-top": 0 + "px", "font-size": 14 + "px", "background-color": "#faf9d5", "color": "#333", "float": "left", "z-index": "98" }, "onclick": "" }, zdiv);
    var add = $$("div", { "className": "left1", style: { "width": 50 + "px", "height": 50 + "px", "margin-top": 0 + "px", "margin-left": 0 + "px", "float": "left", "z-index": "99" }, "onclick": "U.Note.add()" }, xdiv);
    $$("a", { "contenteditable": "true", style: { "width": 148 + "px", "height": 30 + "px", "margin-top": 10 + "px", "text-align": "center", "line-height": "30px", "font-size": 14 + "px", "color": "#323333", "float": "left", "overflow": "hidden", "white-space": " nowrap" }, "innerHTML": "标题XXX", "z-index": "99" }, xdiv);
    var dle = $$("div", { "className": "right1", style: { "width": 50 + "px", "height": 50 + "px", "margin-top": 0 + "px", "margin-right": 0 + "px", "float": "right", "z-index": "99" }, "onclick": "U.Note.dele(this)" }, xdiv);
    $$("p", { "contenteditable": "true", style: { "width": 230 + "px", "height": 190 + "px", "margin-left": 10 + "px", "margin-bottom": 10 + "px", "padding-top": 0 + "px", "padding-bottom": 0 + "px", "padding-left": 0 + "px", "font-size": 14 + "px", "color": "#898a8b", "float": "left", "overflow-x": "auto", "overflow-y": "auto" }, "innerHTML": "请输入...", "z-index": "99" }, zdiv);
    return odivC;


}

U.Note.add = function () {              //点击添加按钮函数 
    var zdiv = $$("div", { style: { "width": 250 + "px", "height": 250 + "px", "margin-left": 20 + "px", "margin-top": 20 + "px", "font-size": 14 + "px", "background-color": "#fcfbe2", "color": "#333", "float": "left", "z-index": "98" }, "onclick": "" }, odivC);
    var xdiv = $$("div", { style: { "width": 250 + "px", "height": 50 + "px", "margin-left": 0 + "px", "margin-top": 0 + "px", "font-size": 14 + "px", "background-color": "#faf9d5", "color": "#333", "float": "left", "z-index": "98" }, "onclick": "" }, zdiv);
    var add = $$("div", { "className": "left1", style: { "width": 50 + "px", "height": 50 + "px", "margin-top": 0 + "px", "margin-left": 0 + "px", "float": "left", "z-index": "99" }, "onclick": "U.Note.add()" }, xdiv);
    $$("a", { "contenteditable": "true", style: { "width": 148 + "px", "height": 30 + "px", "margin-top": 10 + "px", "text-align": "center", "line-height": "30px", "font-size": 14 + "px", "color": "#323333", "float": "left" }, "innerHTML": "标题XXX", "z-index": "99" }, xdiv);
    var dle = $$("div", { "className": "right1", style: { "width": 50 + "px", "height": 50 + "px", "margin-top": 0 + "px", "margin-right": 0 + "px", "float": "right", "z-index": "99" }, "onclick": "U.Note.dele(this)" }, xdiv);
    $$("p", { "contenteditable": "true", style: { "width": 230 + "px", "height": 190 + "px", "margin-left": 10 + "px", "margin-bottom": 10 + "px", "padding-top": 0 + "px", "padding-bottom": 0 + "px", "padding-left": 0 + "px", "font-size": 14 + "px", "color": "#898a8b", "float": "left", "overflow-x": "auto", "overflow-y": "auto" }, "innerHTML": "请输入...", "z-index": "99" }, zdiv);  
}

U.Note.dele = function (e) {            //点击删除按钮函数     e是删除按钮

    var bb = $(e).Parent(2);
    $(bb).fadeIn(500);
}

U.Note.Ddele = function () {            //点击删除按钮函数    删除所有的便签 
    var cc = $("#odivC").Child();
    $(cc).fadeIn(500);
}