//响应式控件命名空间 //曾振峰,田海涛。 Namespace.register("U.Control.Response"); //响应式函数 //调用函数:U.Control.Response.Uresponse() //返回参数:response U.Control.Response.Uresponse = function(){ var response = $$("div",{"id":"response",});//绘制函数 var brand = false; var div = $$("div",{ "id" : "div" , "class" : "U_Control_Response_div"},response); //创建一个最大的div var div1 = $$("div",{ "id" : "div1" , "class" : "U_Control_Response_div1"},div); //导航栏 var DomBrand = $$("div",{ "id" : "yi" , "class" : "U_Control_Response_yi", "innerHTML" : "Brand" },div1); var mewn = $$("div",{ "id" : "meun" , "class" : "U_Control_Response_meun" },div1); //导航栏里面的div $(document).bind('click', function (ev) { var evl = ev || window.event; var elem=ev.target || ev.srcElement; if(elem != DomBrand && elem.parentNode != mewn && elem != mewn){ return mewn.style.display = 'none'; } if(!mewn.children.length){ var er = $$("div",{ "class" : "U_Control_Response_ee", "innerHTML" : "Link" },mewn); var san = $$("div",{ "class" : "U_Control_Response_sane", "innerHTML" : "Link" },mewn); var si = $$("div",{ "class" : "U_Control_Response_shie", "innerHTML" : "Dropdown"},mewn); var daput = $$("div",{"class": 'U_Control_Response_wue', "contenteditable" : "true"},mewn); var child = [er, san, si]; } return mewn.style.display = 'block'; }); var er = $$("div",{ "id" : "e" , "class" : "U_Control_Response_e", "innerHTML" : "Link", "contenteditable" : "true"},div1); //导航栏里面的div var san = $$("div",{ "id" : "san" , "class" : "U_Control_Response_san", "innerHTML" : "Link", "contenteditable" : "true"},div1); //导航栏里面的div var si = $$("div",{ "id" : "shi" , "class" : "U_Control_Response_shi", "innerHTML" : "Dropdown", "contenteditable" : "true"},div1); //导航栏里面的div var wu = $$("div",{ "id" : "wu" , "class" : "U_Control_Response_wu", },div1); //导航栏里面的div $$("input",{ "id" : "kuang" ,"class" : "U_Control_Response_kuang" , "type" : "test","name" : "" },wu); //创建一个input $$("div",{ "id" : "qi" , "class" : "U_Control_Response_qi", "innerHTML" : "Dropdown", "contenteditable" : "true"},div1); //导航栏里面的div $$("div",{ "id" : "liu" , "class" : "U_Control_Response_liu", "innerHTML" : "Link", "contenteditable" : "true"},div1); var daa = $$("div",{ "id" : "daa" , "class" : "U_Control_Response_daa",},div); //导航栏里面的div var da = $$("img",{ "id" : "da" , "class" : "U_Control_Response_da","src":"images/4.png"},daa); var daput = $$("input",{"type":"file","style":{"cssText":"width:100%;height:100%;position: absolute;left: 0;top: 0;opacity: 0;"}},daa); daput.onchange=function(){ if(this.files[0].type.indexOf("image")>=0){ var imgData = window.URL.createObjectURL(this.files[0]); this.parentNode.children[0].src = imgData; } } //换图片 var xiao1 = $$("div",{ "id" : "xiao1" , "class" : "U_Control_Response_xiao1",},div); var xiaox = $$("div",{ "id" : "xiaox" , "class" : "U_Control_Response_xiaox",},xiao1); //第一个小div $$("img",{ "id" : "dazi11" , "class" : "U_Control_Response_dazi11","src":"images/1.png"},xiaox); var xxput = $$("input",{"type":"file","style":{"cssText":"width:100%;height:100%;position: absolute;left: 0;top: 0;opacity: 0;"}},xiaox); xxput.onchange=function(){ if(this.files[0].type.indexOf("image")>=0){ var imgData = window.URL.createObjectURL(this.files[0]); this.parentNode.children[0].src = imgData; } } //图片 $$("div",{ "id" : "xiaozi11" , "class" : "U_Control_Response_xiaozi11","innerHTML" : "Donec id elit non mi porta gravida at eget metus. Fusce dapibus.", "contenteditable" : "true" },xiao1); //div里面的小文字 var xiao2 = $$("div",{ "id" : "xiao2" , "class" : "U_Control_Response_xiao2",},div); var xiaoz = $$("div",{ "id" : "xiaoz" , "class" : "U_Control_Response_xiaoz",},xiao2); //第二个小div $$("img",{ "id" : "dazi1" , "class" : "U_Control_Response_dazi1","src":"images/2.png"},xiaoz); var xzput = $$("input",{"type":"file","style":{"cssText":"width:100%;height:100%;position: absolute;left: 0;top: 0;opacity: 0;"}},xiaoz); xzput.onchange=function(){ if(this.files[0].type.indexOf("image")>=0){ var imgData = window.URL.createObjectURL(this.files[0]); this.parentNode.children[0].src = imgData; } } //图片 $$("div",{ "id" : "xiaozi1" , "class" : "U_Control_Response_xiaozi1","innerHTML" : "Donec id elit non mi porta gravida at eget metus. Fusce dapibus.", "contenteditable" : "true" },xiao2); //div里面的小文字 var xiao3 = $$("div",{ "id" : "xiao3" , "class" : "U_Control_Response_xiao3",},div); var xiaoc = $$("div",{ "id" : "xiaoc" , "class" : "U_Control_Response_xiaoc",},xiao3); //第三个小div $$("img",{ "id" : "dazi111" , "class" : "U_Control_Response_dazi111","src":"images/3.png"},xiaoc); var xcput = $$("input",{"type":"file","style":{"cssText":"width:100%;height:100%;position: absolute;left: 0;top: 0;opacity: 0;"}},xiaoc); xcput.onchange=function(){ if(this.files[0].type.indexOf("image")>=0){ var imgData = window.URL.createObjectURL(this.files[0]); this.parentNode.children[0].src = imgData; } } //图片 $$("div",{ "id" : "xiaozi111" , "class" : "U_Control_Response_xiaozi111","innerHTML" : "Donec id elit non mi porta gravida at eget metus. Fusce dapibu.", "contenteditable" : "true" },xiao3); //div里面的小文字 return response; }