Response.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. //响应式控件命名空间
  2. //曾振峰,田海涛。
  3. Namespace.register("U.Control.Response");
  4. //响应式函数
  5. //调用函数:U.Control.Response.Uresponse()
  6. //返回参数:response
  7. U.Control.Response.Uresponse = function(){
  8. var response = $$("div",{"id":"response",});//绘制函数
  9. var brand = false;
  10. var div = $$("div",{ "id" : "div" , "class" : "U_Control_Response_div"},response);
  11. //创建一个最大的div
  12. var div1 = $$("div",{ "id" : "div1" , "class" : "U_Control_Response_div1"},div);
  13. //导航栏
  14. var DomBrand = $$("div",{ "id" : "yi" , "class" : "U_Control_Response_yi", "innerHTML" : "Brand" },div1);
  15. var mewn = $$("div",{ "id" : "meun" , "class" : "U_Control_Response_meun" },div1);
  16. //导航栏里面的div
  17. $(document).bind('click', function (ev) {
  18. var evl = ev || window.event;
  19. var elem=ev.target || ev.srcElement;
  20. if(elem != DomBrand && elem.parentNode != mewn && elem != mewn){
  21. return mewn.style.display = 'none';
  22. }
  23. if(!mewn.children.length){
  24. var er = $$("div",{ "class" : "U_Control_Response_ee", "innerHTML" : "Link" },mewn);
  25. var san = $$("div",{ "class" : "U_Control_Response_sane", "innerHTML" : "Link" },mewn);
  26. var si = $$("div",{ "class" : "U_Control_Response_shie", "innerHTML" : "Dropdown"},mewn);
  27. var daput = $$("div",{"class": 'U_Control_Response_wue', "contenteditable" : "true"},mewn);
  28. var child = [er, san, si];
  29. }
  30. return mewn.style.display = 'block';
  31. });
  32. var er = $$("div",{ "id" : "e" , "class" : "U_Control_Response_e", "innerHTML" : "Link", "contenteditable" : "true"},div1);
  33. //导航栏里面的div
  34. var san = $$("div",{ "id" : "san" , "class" : "U_Control_Response_san", "innerHTML" : "Link", "contenteditable" : "true"},div1);
  35. //导航栏里面的div
  36. var si = $$("div",{ "id" : "shi" , "class" : "U_Control_Response_shi", "innerHTML" : "Dropdown", "contenteditable" : "true"},div1);
  37. //导航栏里面的div
  38. var wu = $$("div",{ "id" : "wu" , "class" : "U_Control_Response_wu", },div1);
  39. //导航栏里面的div
  40. $$("input",{ "id" : "kuang" ,"class" : "U_Control_Response_kuang" , "type" : "test","name" : "" },wu);
  41. //创建一个input
  42. $$("div",{ "id" : "qi" , "class" : "U_Control_Response_qi", "innerHTML" : "Dropdown", "contenteditable" : "true"},div1);
  43. //导航栏里面的div
  44. $$("div",{ "id" : "liu" , "class" : "U_Control_Response_liu", "innerHTML" : "Link", "contenteditable" : "true"},div1);
  45. var daa = $$("div",{ "id" : "daa" , "class" : "U_Control_Response_daa",},div);
  46. //导航栏里面的div
  47. var da = $$("img",{ "id" : "da" , "class" : "U_Control_Response_da","src":"images/4.png"},daa);
  48. var daput = $$("input",{"type":"file","style":{"cssText":"width:100%;height:100%;position: absolute;left: 0;top: 0;opacity: 0;"}},daa);
  49. daput.onchange=function(){
  50. if(this.files[0].type.indexOf("image")>=0){
  51. var imgData = window.URL.createObjectURL(this.files[0]);
  52. this.parentNode.children[0].src = imgData;
  53. }
  54. }
  55. //换图片
  56. var xiao1 = $$("div",{ "id" : "xiao1" , "class" : "U_Control_Response_xiao1",},div);
  57. var xiaox = $$("div",{ "id" : "xiaox" , "class" : "U_Control_Response_xiaox",},xiao1);
  58. //第一个小div
  59. $$("img",{ "id" : "dazi11" , "class" : "U_Control_Response_dazi11","src":"images/1.png"},xiaox);
  60. var xxput = $$("input",{"type":"file","style":{"cssText":"width:100%;height:100%;position: absolute;left: 0;top: 0;opacity: 0;"}},xiaox);
  61. xxput.onchange=function(){
  62. if(this.files[0].type.indexOf("image")>=0){
  63. var imgData = window.URL.createObjectURL(this.files[0]);
  64. this.parentNode.children[0].src = imgData;
  65. }
  66. }
  67. //图片
  68. $$("div",{ "id" : "xiaozi11" , "class" : "U_Control_Response_xiaozi11","innerHTML" : "Donec id elit non mi porta gravida at eget metus. Fusce dapibus.", "contenteditable" : "true" },xiao1);
  69. //div里面的小文字
  70. var xiao2 = $$("div",{ "id" : "xiao2" , "class" : "U_Control_Response_xiao2",},div);
  71. var xiaoz = $$("div",{ "id" : "xiaoz" , "class" : "U_Control_Response_xiaoz",},xiao2);
  72. //第二个小div
  73. $$("img",{ "id" : "dazi1" , "class" : "U_Control_Response_dazi1","src":"images/2.png"},xiaoz);
  74. var xzput = $$("input",{"type":"file","style":{"cssText":"width:100%;height:100%;position: absolute;left: 0;top: 0;opacity: 0;"}},xiaoz);
  75. xzput.onchange=function(){
  76. if(this.files[0].type.indexOf("image")>=0){
  77. var imgData = window.URL.createObjectURL(this.files[0]);
  78. this.parentNode.children[0].src = imgData;
  79. }
  80. }
  81. //图片
  82. $$("div",{ "id" : "xiaozi1" , "class" : "U_Control_Response_xiaozi1","innerHTML" : "Donec id elit non mi porta gravida at eget metus. Fusce dapibus.", "contenteditable" : "true" },xiao2);
  83. //div里面的小文字
  84. var xiao3 = $$("div",{ "id" : "xiao3" , "class" : "U_Control_Response_xiao3",},div);
  85. var xiaoc = $$("div",{ "id" : "xiaoc" , "class" : "U_Control_Response_xiaoc",},xiao3);
  86. //第三个小div
  87. $$("img",{ "id" : "dazi111" , "class" : "U_Control_Response_dazi111","src":"images/3.png"},xiaoc);
  88. var xcput = $$("input",{"type":"file","style":{"cssText":"width:100%;height:100%;position: absolute;left: 0;top: 0;opacity: 0;"}},xiaoc);
  89. xcput.onchange=function(){
  90. if(this.files[0].type.indexOf("image")>=0){
  91. var imgData = window.URL.createObjectURL(this.files[0]);
  92. this.parentNode.children[0].src = imgData;
  93. }
  94. }
  95. //图片
  96. $$("div",{ "id" : "xiaozi111" , "class" : "U_Control_Response_xiaozi111","innerHTML" : "Donec id elit non mi porta gravida at eget metus. Fusce dapibu.", "contenteditable" : "true" },xiao3);
  97. //div里面的小文字
  98. return response;
  99. }