Histórico da Página
HTML |
---|
<div id="myContent"></div> <script type="text/javascript"> var _collapsiblePanel1 = null; createCollapsiblePanel = function(optCollapsiblePanel){ var oCollapsiblePanel = function(optCollapsiblePanel){ this.ID = "collapsiblePanel1"; this.Title = ""; this.MenuInstance = ""; this.Collapsible = false; this.Wrapper = ""; this.Parent = ""; this.ProcurarStruct = []; this.BuildProcurarStructure = function(){ for (var i = 0; i < window.Containers.length; i++){ this.ProcurarStruct[window.Containers[i].Title + "_" + i] = window.Containers[i]; this.ProcurarStruct[window.Containers[i].SubTitle + "_" + i] = window.Containers[i]; this.ProcurarStruct[window.Containers[i].Date + "_" + i] = window.Containers[i]; this.ProcurarStruct[i] = window.Containers[i]; } } this.Procurar = function(procurarPor){ } this.LoadComponents = function(optCollapsiblePanel){ this.ID = optCollapsiblePanel.ID; this.Title = optCollapsiblePanel.Title; this.MenuInstance = optCollapsiblePanel.MenuInstance; this.Collapsible = optCollapsiblePanel.Collapsible; this.Wrapper = optCollapsiblePanel.Wrapper; _collapsiblePanelObject = document.createElement("div"); _collapsiblePanelObject.id = this.ID + "_MostExternalDiv" ; _collapsiblePanelObject.style.width = "100%"; _collapsiblePanelObject.style.height = "auto"; _collapsiblePanelObject.style.overflow = "hidden"; _collapsiblePanelObject.style.margin = "0px"; _collapsiblePanelObject.style.padding = "0px"; _collapsiblePanelObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)"; _collapsiblePanelObjectHead = document.createElement("div"); _collapsiblePanelObjectHead.id = _collapsiblePanelObject.id + "_Head"; _collapsiblePanelObjectHead.style.background = "#606060"; _collapsiblePanelObjectHead.style.height = "45px"; _collapsiblePanelObjectHead.style.paddingLeft = "10px"; _collapsiblePanelObjectHead.style.color = "#fff"; _collapsiblePanelObjectHead.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _collapsiblePanelObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _collapsiblePanelObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _collapsiblePanelObjectHeadTitle = document.createElement("span"); _collapsiblePanelObjectHeadTitle.id = _collapsiblePanelObjectHead.id + "_Title"; _collapsiblePanelObjectHeadTitle.innerHTML = this.Title; _collapsiblePanelObjectHeadTitle.style.width = "336px"; _collapsiblePanelObjectHeadTitle.style.textOverflow = "ellipsis"; _collapsiblePanelObjectHeadTitle.style.fontSize = "20pt"; _collapsiblePanelObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadTitle); _collapsiblePanelObjectHeadMenu = document.createElement("div"); _collapsiblePanelObjectHeadMenu.id = _collapsiblePanelObjectHead.id + "_Menu"; _collapsiblePanelObjectHeadMenu.style.float = "right"; _collapsiblePanelObjectHeadMenu.style.marginRight = "10px"; _collapsiblePanelObjectHeadMenu.style.marginTop = "8px"; _collapsiblePanelObjectHeadMenu.style.width = "26px"; _collapsiblePanelObjectHeadMenu.style.height = "26px"; _collapsiblePanelObjectHeadMenu.style.border = "1px solid #606060"; _collapsiblePanelObjectHeadMenuImg = document.createElement("img"); _collapsiblePanelObjectHeadMenuImg.id = _collapsiblePanelObjectHeadMenu.id + "_Img"; _collapsiblePanelObjectHeadMenuImg.src = "http://tdn.totvs.com/download/attachments/243011209/menu.png?version=1&modificationDate=1487769415219&api=v2"; _collapsiblePanelObjectHeadMenuImg.style.width = "16px"; _collapsiblePanelObjectHeadMenuImg.style.height = "16px"; _collapsiblePanelObjectHeadMenuImg.style.marginLeft = "5px"; _collapsiblePanelObjectHeadMenuImg.style.marginTop = "5px"; _collapsiblePanelObjectHeadMenu.appendChild(_collapsiblePanelObjectHeadMenuImg); _collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadMenu); _collapsiblePanelObject.appendChild(_collapsiblePanelObjectHead); document.getElementById(this.Wrapper).appendChild(_collapsiblePanelObject); var _objects = []; var _objectsTable = []; var optTableOptionItem1 = { ID: "TableOptionItem1", ActionDescription: function(){"Título" } if(document.getElementById(this.id + "_Input"))var _objectTable1 = createTableOptionItem(optTableOptionItem1); this.removeChild(document.getElementById(this.id + "_Input")_objectsTable.push(_objectTable1); var optTableOptionItem2 = { if(document.getElementById(this.id + "_Button"))ID: "TableOptionItem2", this.removeChild(document.getElementById(this.id + "_Button"));Action: function(){ var _input = document.createElement("input"alert('ok'); }, _input.id = this.id + "_Input"; Description: "Sub-título" } _input.style.float var _objectTable2 = "right";createTableOptionItem(optTableOptionItem2); _input.style.height = "14px";_objectsTable.push(_objectTable2); var optTableOptionItem3 = { _input.style.width = "100px"; ID: "TableOptionItem3", Action: function(){ var _button = document.createElement("div"alert('ok'); _button.id = this.id + "_Button";}, _button.style.float = "rightDescription: "Índice" } _button.innerHTML var _objectTable3 = "Procurar"; createTableOptionItem(optTableOptionItem3); _button.style.background = "#606060";objectsTable.push(_objectTable3); _button.style.colorvar optTableOptionItem4 = "#fff";{ _button.style.padding = "0px 5px"; ID: "TableOptionItem4", this.appendChild(_button);Action: function(){ this.appendChild(_inputalert('ok'); }, Description: "TítuloData Criação" } var _objectTable1objectTable4 = createTableOptionItem(optTableOptionItem1optTableOptionItem4); _objectsTable.push(_objectTable1objectTable4); var optTableOptionItem2optTableOption1 = { ID: "TableOptionItem2TableOption1", ActionObjects: function(){_objectsTable, } alert('ok'); }, Description: "Sub-título" } var _objectTable2 = createTableOptionItem(optTableOptionItem2); _objectsTable.push(_objectTable2var _tableOption1 = new createTableOption(optTableOption1); var optTableOptionItem3optMenuItem1 = { ID: "TableOptionItem3MenuItem1", Action: function(){ alert('ok');var optPopin1 = { } ID: "Popin1", DescriptionTitle: "ÍndiceProcurar", } var _objectTable3 = createTableOptionItem(optTableOptionItem3); Align: "CENTER", _objectsTable.push(_objectTable3); Modal: true, var optTableOptionItem4 = { IDObjectContent: "TableOptionItem4", _tableOption1.Object Action: function(){} alertcreatePopin('ok'optPopin1); }, var _nameParent = this.getAttribute("Parent"); Description: "Data Criação" var _nameInstance = _nameParent.replace("_MostExternalDiv",""); } var _objectTable4instance = createTableOptionItem(optTableOptionItem4)window.Menus[_nameInstance]; _objectsTableinstance.pushHide(_objectTable4); var optTableOption1 = {_instance.Parent.UndoHighlightMenu(); ID: "TableOption1"}, ObjectsDescription: _objectsTable,"Procurar" } var _tableOption1object1 = new createTableOptioncreateMenuItem(optTableOption1optMenuItem1); var optMenuItem1 = {_objects.push(_object1); var optMenuItem2 = { ID: "MenuItem1MenuItem2", Action: function(){ var optPopin1optPopin2 = { ID: "Popin1Popin2", Title: "ProcurarOrdenar", AlignInnerHTML: "CENTERteste", ModalAlign: true"CENTER", ObjectContentModal: _tableOption1.Objecttrue } createPopin(optPopin1optPopin2); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "ProcurarOrdenar" } var _object1object2 = createMenuItem(optMenuItem1optMenuItem2); _objects.push(_object1object2); var optMenuItem2optMenuItem3 = { ID: "MenuItem2MenuItem3", Action: function(){ var optPopin2optPopin3 = { ID: "Popin2Popin3", Title: "OrdenarTrocar Visualização", InnerHTML: "teste", Align: "CENTER", Modal: true } createPopin(optPopin2optPopin3); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "OrdenarTrocar Visualização" } var _object2object3 = createMenuItem(optMenuItem2optMenuItem3); _objects.push(_object2object3); var optMenuItem3optMenu1 = { ID: "MenuItem3Menu1", ActionObjects: function(){_objects, var optPopin3 = {Wrapper: _collapsiblePanelObjectHeadMenu.id } ID: "Popin3", Title: "Trocar Visualização",this.MenuInstance = createMenu(optMenu1); this.MenuInstance.Parent = this; InnerHTML: "teste", if(window["CollapsiblePanels"] == undefined) window["CollapsiblePanels"] = []; Align: "CENTER", Modal: true } createPopin(optPopin3); var _nameParent window.CollapsiblePanels[this.ID] = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv","")window.CollapsiblePanels[window.CollapsiblePanels.length] = this; var _instance window["CurrentCollapsiblePanel"] = window.Menus[_nameInstance]; this.ID; SetControlEvents(_instance.HidecollapsiblePanelObjectHeadMenu.id, "MOVER", function();{ _instance.Parent.UndoHighlightMenu()var __img = this; },var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") Description: "Trocar Visualização"var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; } var _object3if(_menu1.Status = createMenuItem(optMenuItem3); _objects.push(_object3)= "HIDDEN"){ __img.style.backgroundColor = "#909090"; var optMenu1 = { __img.style.cursor= "pointer"; ID: "Menu1",} Objects: _objects,}); Wrapper: SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){ } var __img = this; this.MenuInstancevar _nameInstance = createMenu(optMenu1);this.id.replace("_MostExternalDiv_Head_Menu", "") this.MenuInstance.Parent var _menu1 = thiswindow.CollapsiblePanels[_nameInstance].MenuInstance; if(window["CollapsiblePanels"]_menu1.Status == undefined"HIDDEN"){ __img.style.backgroundColor = "#606060"; window["CollapsiblePanels"] = []; window.CollapsiblePanels[this.ID] = this __img.style.cursor= "default"; window.CollapsiblePanels[window.CollapsiblePanels.length] = this; } window["CurrentCollapsiblePanel"] = this.ID; }); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOVERCLICK", function(){ var __img = this; var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; _menu1.Show(); if(_menu1.Statusvar _object == "HIDDEN"){ _menu1.Object; __imgobject.style.backgroundColorborder = "#9090901px solid #f6c342"; __imgobject.style.cursorwidth = "pointer168px"; } var __img = this; });if(_menu1.Status == "OPENED"){ SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){ __img.style.backgroundColor = "#909090"; var __img .style.cursor= this"pointer"; var _nameInstance__img.style.border = this.id.replace("_MostExternalDiv_Head_Menu", "") "1px solid #f6c342"; var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; __img.style.borderBottom = "1px solid #909090" if(_menu1.Status == "HIDDEN"){ __img.style.backgroundColor = "#606060";} else{ __img.style.cursorborder = "default1px solid #606060"; } }); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICK",window.onresize = function(){ var _nameInstancemenu1 = thiswindow.id.replace("_MostExternalDiv_Head_Menu", "")Menus[window.CurrentMenu]; if(_menu1){ var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance _menu1.Hide(); _menu1.Show(UpdatePosition(_menu1.Object, _menu1.TopBorderObject); var _object = _menu1.Object; Parent.UndoHighlightMenu(); _object.style.border = "1px solid #f6c342";} _object.style.width = "168px"; } var __img = return this; } if(_menu1.Status this.UndoHighlightMenu == "OPENED"function(){ __img.style.backgroundColor = "#909090"; __img.style.cursor= "pointer"; __imgdocument.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #f6c342#606060"; __imgdocument.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.borderBottombackgroundColor = "1px solid #909090#606060"; } else{ return this.LoadComponents(optCollapsiblePanel); } __img.style.border = "1px solid #606060"; return new oCollapsiblePanel(optCollapsiblePanel); } }); createPopin = function(optPopin){ window.onresizevar oPopin = function(optPopin){ var _menu1 = window.Menus[window.CurrentMenu]this.ID = "popin1"; this.Title = ""; if(_menu1){ _menu1.Hide()this.InnerHTML = ""; _menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject); this.Align = ""; _menu1.Parent.UndoHighlightMenu(); this.Modal = false; }this.Object = ""; } this.ModalObject = ""; return thisthis.Parent = ""; }this.ObjectContent = ""; this.UndoHighlightMenuLoadComponents = function(optPopin){ var _popinObject = null; document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #606060"var _popinObjectHead = null; document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.backgroundColorvar _popinObjectHeadTitle = "#606060"null; } var _popinObjectHeadClose = null; return this.LoadComponents(optCollapsiblePanel)var _popinObjectHeadCloseImg = null; } return new oCollapsiblePanel(optCollapsiblePanel); var _popinObjectBody = null; } createPopinvar _popinObjectModal = function(optPopin){ null; var oPopin = function(optPopin){ this.ID = "popin1"optPopin.ID; this.Title = ""optPopin.Title; this.InnerHTML = ""optPopin.InnerHTML; this.Align = ""optPopin.Align; this.Modal = falseoptPopin.Modal; this.ObjectObjectContent = ""optPopin.ObjectContent; this.ModalObject _popinObject = document.createElement("div"); _popinObject.id = this.ParentID =+ "_MostExternalDiv"; this.ObjectContent _popinObject.style.display = "block"; this.LoadComponents_popinObject.style.position = function(optPopin){"absolute"; var _popinObject.style.zIndex = null"6"; var _popinObjectHead_popinObject.style.width = null"400px"; var _popinObjectHeadTitle_popinObject.style.height = null"300px"; var _popinObjectHeadClose_popinObject.style.top = null"50%"; var _popinObjectHeadCloseImg_popinObject.style.left = null"50%"; var _popinObjectBody_popinObject.style.marginLeft = null"-200px"; var _popinObjectModal_popinObject.style.marginTop = null; "-150px"; this.ID_popinObject.style.backgroundColor = optPopin.ID"#909090"; this.Title = optPopin.Title; this.InnerHTML = optPopin.InnerHTML_popinObject.style.border= "1px solid #f6c342"; this.Align_popinObject.style.background = optPopin.Align; this.Modal = optPopin.Modal; this.ObjectContent = optPopin.ObjectContent; "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)"; _popinObject.style.webkitBoxShadow = document.createElement("div"); _popinObject.id = this.ID + "_MostExternalDiv"; "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObject.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObject.style.displayboxShadow = "block3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObject.style.position popinObjectModal = document.createElement("absolutediv"); _popinObject.style.zIndex = "6popinObjectModal.id = this.ID + "_MostExternalDiv"; _popinObjectpopinObjectModal.style.widthdisplay = "400pxblock"; _popinObjectpopinObjectModal.style.heightposition = "300pxabsolute"; _popinObjectpopinObjectModal.style.topzIndex = "50%5"; _popinObjectpopinObjectModal.style.leftwidth = "50%100%"; _popinObjectpopinObjectModal.style.marginLeftheight = "-200px100%"; _popinObjectpopinObjectModal.style.marginToptop = "-150px0px"; _popinObjectpopinObjectModal.style.backgroundColorleft = "#9090900px"; _popinObjectpopinObjectModal.style.borderbackground = "1px solid #f6c342";rgba(0, 0, 0, 0.4)"; _popinObject.style.backgroundpopinObjectHead = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)"document.createElement("div"); _popinObjectpopinObjectHead.style.webkitBoxShadow = "3px id = _popinObject.id + "_Head"; _popinObjectHead.style.width = "100%"; _popinObjectHead.style.height = "35px"; _popinObjectHead.style.background = "#606060"; _popinObjectHead.style.paddingTop = "5px"; _popinObjectHead.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObjectpopinObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObjectpopinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObjectModal_popinObject.appendChild(_popinObjectHead); _popinObjectHeadTitle = document.createElement("divspan"); _popinObjectModalpopinObjectHeadTitle.id = this_popinObjectHead.IDid + "_MostExternalDivTitle"; _popinObjectModalpopinObjectHeadTitle.style.displayinnerHTML = "block"this.Title; _popinObjectModalpopinObjectHeadTitle.style.positionfontFamily = "absolute"; _popinObjectModal.style.zIndex = "5"; _popinObjectModal.style.width = "100%"Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _popinObjectModalpopinObjectHeadTitle.style.heightfontSize = "100%14pt"; _popinObjectModalpopinObjectHeadTitle.style.topcolor = "0px#fff"; _popinObjectModalpopinObjectHeadTitle.style.leftpaddingLeft = "0px10px"; _popinObjectModal.style.background = "rgba(0, 0, 0, 0.4)"popinObjectHead.appendChild(_popinObjectHeadTitle); _popinObjectHeadpopinObjectHeadClose = document.createElement("div"); _popinObjectHeadpopinObjectHeadClose.id = _popinObjectpopinObjectHead.id + "_HeadClose"; _popinObjectHeadpopinObjectHeadClose.style.width = "100%16px"; _popinObjectHeadpopinObjectHeadClose.style.height = "35px16px"; _popinObjectHeadpopinObjectHeadClose.style.backgroundfloat = "#606060right"; _popinObjectHeadpopinObjectHeadClose.style.paddingTopmarginTop = "5px"; _popinObjectHeadpopinObjectHeadClose.style.webkitBoxShadowmarginRight = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"10px"; SetControlEvents(_popinObjectHeadClose, "CLICK", function(){ var _nameInstance = this.id.replace("_MostExternalDiv_Head_Close",""); var _instance = window.Popins[_nameInstance]; _popinObjectinstance.appendChild(_popinObjectHeadClose(); }); SetControlEvents(_popinObjectHeadTitle = document.createElement("span"); popinObjectHeadClose, "MOVER", function(){ _popinObjectHeadTitle.idthis.style.cursor = _popinObjectHead.id + "_Title"pointer"; _popinObjectHeadTitle.innerHTML = this.Title;}); _popinObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";SetControlEvents(_popinObjectHeadClose, "MOUT", function(){ _popinObjectHeadTitle.style.fontSize = "14pt"; _popinObjectHeadTitle this.style.colorcursor = "#fffdefault"; _popinObjectHeadTitle.style.paddingLeft = "10px"; _popinObjectHead.appendChild(_popinObjectHeadTitle); }); _popinObjectHeadClosepopinObjectHeadCloseImg = document.createElement("divimg"); _popinObjectHeadClosepopinObjectHeadCloseImg.id = _popinObjectHeadpopinObjectHeadClose.id + "_CloseImg"; _popinObjectHeadClosepopinObjectHeadCloseImg.style.widthname = "16px"; _popinObjectHeadClose.style.heightid =+ "16px_Img"; _popinObjectHeadClosepopinObjectHeadCloseImg.style.floatsrc = "right";http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2"; _popinObjectHeadClosepopinObjectHeadCloseImg.style.marginTopwidth = "5px16px"; _popinObjectHeadClosepopinObjectHeadCloseImg.style.marginRightheight = "10px16px"; SetControlEvents_popinObjectHead.appendChild(_popinObjectHeadClose, "CLICK", function(){); _popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg); var _nameInstancepopinObjectBody = thisdocument.id.replacecreateElement("_MostExternalDiv_Head_Close",""div"); var _instance_popinObjectBody.id = window.Popins[_nameInstance]; _popinObject.id + "_Body"; _instance.Close(); popinObjectBody.style.backgroundColor = "#fff"; }); SetControlEvents(_popinObjectHeadClose,_popinObjectBody.style.margin= "MOVER", function(){10px"; this_popinObjectBody.style.cursorheight = "pointer240px"; }); SetControlEvents(_popinObjectHeadClose, "MOUT", function(){ this _popinObjectBody.style.cursorwebkitBoxShadow = "default"; }); _popinObjectHeadCloseImg = document.createElement("img"); _popinObjectHeadCloseImg.id = _popinObjectHeadClose.id + "_Img"; _popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img";3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _popinObjectBody.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _popinObjectBody.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _popinObjectHeadCloseImg.src = "http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2"if(this.ObjectContent == undefined) _popinObjectBody.innerHTML = this.InnerHTML; _popinObjectHeadCloseImg.style.width = "16px"; else _popinObjectHeadCloseImgpopinObjectBody.style.height = "16px"; appendChild(this.ObjectContent); _popinObjectHeadpopinObject.appendChild(_popinObjectHeadClosepopinObjectBody); _popinObjectHeadClosedocument.body.appendChild(_popinObjectHeadCloseImgpopinObject); _popinObjectBody = document.createElement("div"body.appendChild(_popinObjectModal); _popinObjectBodythis.idObject = _popinObject.id + "_Body"; _popinObjectBody.style.backgroundColorthis.ModalObject = "#fff";_popinObjectModal; if(window["Popins"] == undefined) _popinObjectBody.style.margin= "10px"; window["Popins"] = []; _popinObjectBody.style.height window.Popins[this.ID] = "240px"this; _popinObjectBody.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _popinObjectBody.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _popinObjectBody.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; window.Popins[window.Popins.length] = this; window["CurrentPopin"] = this.ID; return this; } this.Close = function(){ document.body.removeChild(this.Object); ifdocument.body.removeChild(this.ObjectContent == undefined)ModalObject); }; _popinObjectBody.innerHTML = this.InnerHTML return this.LoadComponents(optPopin); } else _popinObjectBody.appendChild(this.ObjectContentreturn new oPopin(optPopin); } _popinObject.appendChild(_popinObjectBody); createMenu = function(optMenu){ document.body.appendChild(_popinObject); var oMenu = function(optMenu){ document.body.appendChild(_popinObjectModal); this.ID = "menu1"; this.Objects = {}; this.ObjectWrapper = _popinObject""; this.ModalObjectStatus = _popinObjectModal"HIDDEN"; if(window["Popins"] this.Object == undefined)""; window["Popins"]this.TopBorderObject = []""; this.Parent = ""; this.LoadComponents = function(optMenu){ var _menuObject = null; var _menuObjectContainer = null; window.Popins[this.ID] = thisoptMenu.ID; window.Popins[window.Popins.length] this.Objects = thisoptMenu.Objects; window["CurrentPopin"] this.Wrapper = thisoptMenu.IDWrapper; return this; _menuObjectTopBorder = document.createElement("div"); } _menuObjectTopBorder.id = this.ID + "_TopBorder"; this.Close_menuObjectTopBorder.style.display = function(){ "none"; document_menuObjectTopBorder.body.removeChild(this.Object)style.position = "absolute"; document.body.removeChild(this.ModalObject) _menuObjectTopBorder.style.backgroundColor = "#909090"; } _menuObjectTopBorder.style.width = "26px"; return this.LoadComponents(optPopin); } _menuObjectTopBorder.style.height = "1px"; return new oPopin(optPopin)_menuObjectTopBorder.style.zIndex = "2"; } createMenu _menuObject = function(optMenu){document.createElement("div"); var oMenu = function(optMenu){ _menuObject.id = this.ID + "_MostExternalDiv"; this.ID _menuObject.style.display = "menu1none"; this.Objects = {}; this.Wrapper_menuObject.style.position = "absolute"; this.Status _menuObject.style.width = "HIDDEN170px"; this.Object _menuObject.style.backgroundColor= "#909090"; this.TopBorderObject_menuObjectContainer = document.createElement("div"); this_menuObjectContainer.Parentid = _menuObject.id + "_Container"; this.LoadComponents_menuObjectContainer.style.width = function(optMenu){ "150px"; var _menuObject_menuObjectContainer.style.margin = null"10px"; for(var _menuObjectContaineri = null; 0; i < this.Objects.length; i++){ this.ID = optMenu.ID; _menuObjectContainer.appendChild(this.Objects[i]); this.Objects = optMenu.Objects[i].setAttribute("Parent", _menuObject.id); this.Wrapper = optMenu.Wrapper;} _menuObjectTopBorder = document.createElement("div"menuObject.appendChild(_menuObjectContainer); _menuObjectTopBorder.id = this.ID + "_TopBorder"document.getElementById("main").appendChild(_menuObject); _menuObjectTopBorder.style.display = "none"; document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder); _menuObjectTopBorder.style.position = "absolute"; this.UpdatePosition(_menuObject, _menuObjectTopBorder); _menuObjectTopBorder.style.backgroundColor = "#909090"; _menuObjectTopBorder.style.widththis.TopBorderObject = "26px"_menuObjectTopBorder; _menuObjectTopBorder.style.heightthis.Object = "1px";_menuObject; _menuObjectTopBorder.style.zIndexif(window["Menus"] = "2";= undefined) _menuObject window["Menus"] = document.createElement("div"); []; _menuObject.id = this.ID + "_MostExternalDiv"; _menuObject.style.display = "none"; _menuObject.style.positionwindow.Menus[this.ID] = "absolute"this; _menuObject.style.widthwindow.Menus[window.Menus.length] = "170px"this; _menuObject.style.backgroundColor= "#909090"; window["CurrentMenu"] = this.ID; _menuObjectContainer = document.createElement("div")return this; } _menuObjectContainerthis.idUpdatePosition = function(_menuObject.id, + "_Container";_topBorderObject){ _menuObjectContainer.style.width = "150px";if(_menuObject){ _menuObjectContainermenuObject.style.marginleft = "10px"; (document.getElementById(this.Wrapper).offsetLeft - 142) + "px"; for(var i = 0; i < this.Objects.length; i++){ _menuObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px"; } _menuObjectContainer.appendChild(this.Objects[i]); if(_topBorderObject){ this.Objects[i].setAttribute("Parent", _menuObject.id)_topBorderObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px"; } _menuObject.appendChild(_menuObjectContainer);} document.getElementById("main").appendChild(_menuObject); this.Show = function(){ document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder); if(this.UpdatePosition(_menuObject, _menuObjectTopBorder); Status == "HIDDEN"){ this.TopBorderObjectStatus = _menuObjectTopBorder"OPENED"; this.Object.style.display = _menuObject; "block"; if(window["Menus"]this.TopBorderObject.style.display == undefined) "block"; window["Menus"] = [];} else this.Hide(); }; window.Menus[this.ID]Hide = this;function(){ window.Menus[window.Menus.length] = thisif(this.Status == "OPENED"){ this.Status = "HIDDEN"; window["CurrentMenu"] this.Object.style.display = this.ID; "none"; this.TopBorderObject.style.display = "none" return this;} }; return this.UpdatePosition = function(_menuObject, _topBorderObject){LoadComponents(optMenu); if(_menuObject){} _menuObject.style.left = (document.getElementById(this.Wrapper).offsetLeft - 142) + "px"return new oMenu(optMenu); } _menuObject.style.topcreateMenuItem = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";function(optMenuItem){ } if(_topBorderObjectvar oMenuItem = function(optMenuItem){ _topBorderObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "pxthis.ID = "menuItem1"; this.Action = ""; }this.Description = ""; } this.Parent = ""; this.ShowLoadComponents = function(optMenuItem){ var _menuItemObject = null; if(this.Status var _menuItemObjectDescription == "HIDDEN"){ null; this.StatusID = "OPENED"optMenuItem.ID; this.Object.style.displayAction = "block"optMenuItem.Action; this.TopBorderObject.style.displayDescription = "block"optMenuItem.Description; } else _menuItemObject = document.createElement("div"); this.Hide()_menuItemObject.id = this.ID + "_MostExternalDiv"; } _menuItemObject.style.padding = "5px"; this.Hide = SetControlEvents(_menuItemObject, "MOVER", function(){ if(this.Statusstyle.backgroundColor == "OPENED#f6c342"){; this.style.Statuscursor = "HIDDENpointer"; document.getElementById(this.Objectid + "_Description").style.displaycolor = "none#000"; this.TopBorderObject.style.display = "none" } }}); return this.LoadComponents(optMenu); SetControlEvents(_menuItemObject, "MOUT", function(){ } return new oMenu(optMenu) this.style.backgroundColor = "#909090"; } createMenuItem = function(optMenuItem){ var oMenuItem = function(optMenuItem){this.style.cursor = "default"; document.getElementById(this.IDid =+ "menuItem1"; this.Action_Description").style.color = "#fff"; this.Description = ""; this.Parent = ""; }); this.LoadComponents = function(optMenuItem){ var _menuItemObject = null; SetControlEvents(_menuItemObject, "CLICK", this.Action); var _menuItemObjectDescription = null; document.createElement("span"); this_menuItemObjectDescription.IDid = optMenuItem.ID_menuItemObject.id + "_Description"; this_menuItemObjectDescription.ActioninnerHTML = optMenuItemthis.ActionDescription; this.Description = optMenuItem.Description; _menuItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _menuItemObjectmenuItemObjectDescription.style.fontSize = document.createElement("div10pt"); _menuItemObjectmenuItemObjectDescription.style.idcolor = this.ID + "_MostExternalDiv#fff"; _menuItemObject.style.padding = "5px"; appendChild(_menuItemObjectDescription); return _menuItemObject; } SetControlEvents(_menuItemObject, "MOVER", function(){ this.style.backgroundColor = "#f6c342"return this.LoadComponents(optMenuItem); } this.style.cursor = "pointer"; document.getElementById(this.id + "_Description").style.color = "#000"; return oMenuItem(optMenuItem); }); SetControlEvents(_menuItemObject, "MOUT",createContainer = function(optContainer){ this.style.backgroundColor = "#909090"; this.style.cursor = "default"; document.getElementById(this.id + "_Description").style.color = "#fff"; }); SetControlEvents(_menuItemObject, "CLICK", this.Action); _menuItemObjectDescription = document.createElement("span") var oContainer = function(optContainer){ this.ID = "container1"; this.Title = ""; this.SubTitle = ""; this.ImageUrl = ""; this.Description = ""; this.NavigateUrl = ""; this.Wrapper = ""; _menuItemObjectDescription.id = _menuItemObject.id + "_Description this.Parent = ""; _menuItemObjectDescription.innerHTML this.Date = this.Description; _menuItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"""; this.LoadComponents = function(optContainer){ var _containerObject = null; _menuItemObjectDescription.style.fontSize var _containerObjectTitle = "10pt"null; _menuItemObjectDescription.style.color var _containerObjectSubTitle = "#fff"null; _menuItemObject.appendChild(_menuItemObjectDescription); return _menuItemObjectvar _containerObjectImageBackground = null; var _containerObjectImageBackgroundImg = null; } var _containerObjectDescription = null; return this.LoadComponents(optMenuItem)var _containerObjectSep = null; } return oMenuItem(optMenuItem);var _containerObjectMaisInfo = null; } createContainervar _containerObjectMaisInfoA = function(optContainer){null; var oContainer = function(optContainer){ this.ID = "container1"; this.ID = optContainer.ID this.Title = ""; this.Title = optContainer.Title; this.SubTitle = ""optContainer.SubTitle; this.ImageUrl = ""optContainer.ImageUrl; this.Description = ""optContainer.Description; this.NavigateUrl = optContainer.NavigateUrl; this.NavigateUrl = ""; this.Wrapper = ""optContainer.Wrapper; this.Parent = ""; this.Date = ""optContainer.Date; this.LoadComponents = function(optContainer){ var _containerObject = null; var _containerObjectTitle = null; var _containerObjectSubTitle = null; var _containerObjectImageBackground = null; var _containerObjectImageBackgroundImg = null; var _containerObjectDescription = null; var _containerObjectSep = null; var _containerObjectMaisInfocontainerObject = null; var _containerObjectMaisInfoA = null; document.createElement("div"); _containerObject.id = this.ID + "_MostExternalDiv"; this.ID_containerObject.style.width = optContainer.ID "250px"; _containerObject.style.height = "auto"; this.Title = optContainer.Title; this.SubTitle = optContainer.SubTitle; _containerObject.style.background = "#fff"; this.ImageUrl = optContainer.ImageUrl; _containerObject.style.border = "1px solid #c0c0c0"; this.Description = optContainer.Description; this.NavigateUrl_containerObject.style.padding = optContainer.NavigateUrl"10px"; this.Wrapper_containerObject.style.margin = optContainer.Wrapper"10px"; this.Date_containerObject.style.float = optContainer.Date"left"; _containerObject.style.position = "relative"; _containerObject.style.webkitBoxShadow = "3px 3px 3px 0px _containerObject = document.createElement("div")rgba(100, 100, 100, 0.4)"; _containerObject.idstyle.mozBoxShadow = this.ID + "_MostExternalDiv""3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _containerObject.style.widthboxShadow = "250px3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _containerObject.style.height = "auto"; _containerObject.style.backgroundcontainerObjectTitle = document.createElement("#fffdiv"); _containerObjectTitle.id = _containerObject .id + "_Title"; _containerObject.style.border = "1px solid #c0c0c0"; _containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana _containerObject.style.padding = "10px"Ref, sans-serif"; _containerObjectcontainerObjectTitle.style.marginfontSize = "10px"; _containerObject.style.float = "left16pt"; _containerObjectcontainerObjectTitle.style.positionwidth = "relative100%"; _containerObjectcontainerObjectTitle.style.webkitBoxShadowheight = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)30px"; _containerObject.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)containerObjectTitle.style.textAlign = "center"; _containerObjectcontainerObjectTitle.style.boxShadowinnerHTML = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"this.Title; _containerObject.appendChild(_containerObjectTitle); _containerObjectTitlecontainerObjectSubTitle = document.createElement("div"); _containerObjectTitlecontainerObjectSubTitle.id = _containerObject .id + "_TitleSubTitle"; _containerObjectTitlecontainerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _containerObjectTitlecontainerObjectSubTitle.style.fontSize = "16pt14pt"; _containerObjectTitlecontainerObjectSubTitle.style.width = "100%"; _containerObjectTitlecontainerObjectSubTitle.style.height = "30px35px"; _containerObjectTitlecontainerObjectSubTitle.style.textAlign = "center"; _containerObjectTitle.innerHTML = this.Titlecenter"; _containerObject.appendChild(_containerObjectTitle); _containerObjectSubTitle.innerHTML = this.SubTitle; _containerObject.appendChild(_containerObjectSubTitle); _containerObjectImageBackground = document.createElement("div"); _containerObjectSubTitlecontainerObjectImageBackground.id = _containerObject .id + "_SubTitleImageBackground"; _containerObjectSubTitlecontainerObjectImageBackground.style.fontFamilybackground = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')"; _containerObjectImageBackground.style.backgroundPosition = "center bottom"; _containerObjectSubTitlecontainerObjectImageBackground.style.fontSizewidth = "14pt100%"; _containerObjectSubTitlecontainerObjectImageBackground.style.widthheight = "100%100px"; _containerObjectImageBackground.style.position= "relative"; _containerObjectImageBackgroundImg = document.createElement("img"); _containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img"; _containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img"; _containerObjectImageBackgroundImg.style.position _containerObjectSubTitle= "absolute"; _containerObjectImageBackgroundImg.style.heighttop = "35px"; _containerObjectSubTitle.style.textAlign15px"; _containerObjectImageBackgroundImg.style.left = "center"; _containerObjectSubTitle.innerHTML15px"; _containerObjectImageBackgroundImg.src = this.SubTitle; _containerObjectImageUrl; _containerObjectImageBackground.appendChild(_containerObjectSubTitlecontainerObjectImageBackgroundImg); _containerObjectImageBackground = document.createElement("div");containerObject.appendChild(_containerObjectImageBackground); _containerObjectImageBackground.idcontainerObjectDescription = _containerObject .id + "_ImageBackground"; document.createElement("div"); _containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')"; _containerObjectImageBackground.style.backgroundPosition = "center bottom"; _containerObjectDescription.id = _containerObject .id + "_Description"; _containerObjectImageBackground.style.width = "100%"; _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana _containerObjectImageBackgroundRef, sans-serif"; _containerObjectDescription.style.heightfontSize = "100px12pt"; _containerObjectImageBackground.style.position= "relative"; _containerObjectImageBackgroundImg = document.createElement("img"); _containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img"; _containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img"; _containerObjectImageBackgroundImg.style.position = "absolute"; _containerObjectImageBackgroundImg _containerObjectDescription.style.topwidth = "15px"; _containerObjectImageBackgroundImg.style.left = "15px"; _containerObjectImageBackgroundImg.src = this.ImageUrl; _containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg); _containerObject.appendChild(_containerObjectImageBackground); 100%"; _containerObjectDescription.style.height = "135px"; _containerObjectDescription.style.textAlign = document.createElement("divjustify"); _containerObjectDescription.idinnerHTML = this.Description; _containerObject .id + "_Description".appendChild(_containerObjectDescription); _containerObjectSep = document.createElement("div"); _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serifcontainerObjectSep.id = _containerObject .id + "_Sep"; _containerObjectSep.style.width = "100%"; _containerObjectDescriptioncontainerObjectSep.style.fontSizeheight = "12pt1px"; _containerObjectDescription.style.width = "100%"containerObjectSep.style.backgroundColor = "#c0c0c0"; _containerObjectSep.style.marginTop = "15px"; _containerObject.appendChild(_containerObjectSep); _containerObjectMaisInfo = document.createElement("div"); _containerObjectDescription.style.height = "135pxcontainerObjectMaisInfo.id = _containerObject .id + "_MaisInfo"; _containerObjectDescription.style.textAlign _containerObjectMaisInfo.style.width = "100%"; _containerObjectMaisInfo.style.height = "justify20px"; _containerObjectDescriptioncontainerObjectMaisInfo.style.innerHTMLtextAlign = this.Description"right"; _containerObject.appendChild(_containerObjectDescription)containerObjectMaisInfo.style.paddingTop = "5px"; _containerObjectSepcontainerObjectMaisInfoA = document.createElement("diva"); _containerObjectSepcontainerObjectMaisInfoA.id = _containerObject _containerObjectMaisInfo.id + "_A"; _containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_SepA"; _containerObjectSepcontainerObjectMaisInfoA.style.widthhref = "100%"; _containerObjectSep.style.height = "1px"this.NavigateUrl; _containerObjectSep.style.backgroundColor = "#c0c0c0"; _containerObjectSep.style.marginTop_containerObjectMaisInfoA.text = "15pxMais [...]"; _containerObjectcontainerObjectMaisInfo.appendChild(_containerObjectSepcontainerObjectMaisInfoA); _containerObjectMaisInfocontainerObjectDate = document.createElement("divspan"); _containerObjectMaisInfocontainerObjectDate.id = _containerObject .id + "_MaisInfo"; _containerObjectMaisInfocontainerObjectDate.style.width = "100%auto"; _containerObjectMaisInfo.style.height = "20px"; _containerObjectMaisInfocontainerObjectDate.style.textAlignfloat = "rightleft"; _containerObjectMaisInfocontainerObjectDate.style.paddingTopinnerHTML = "5px"this.Date; _containerObjectMaisInfoA = document.createElement("a"); _containerObjectMaisInfoA.id = _containerObjectMaisInfo.id + "_A";containerObjectMaisInfo.appendChild(_containerObjectDate); _containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A"; containerObject.appendChild(_containerObjectMaisInfo); _containerObjectMaisInfoA.href = this.NavigateUrl; _containerObjectMaisInfoA.text = "Mais [...]"; document.getElementById(this.Wrapper).appendChild(_containerObject); if(window["Containers"] == undefined) window["Containers"] = []; window.Containers[this.ID] = this; window.Containers[window.Containers.length] = this; _containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA)window["CurrentContainer"] = this.ID; _containerObjectDate = document.createElement("span")return this; } _containerObjectDate.id = _containerObject .id + "_MaisInfo" return this.LoadComponents(optContainer); } _containerObjectDate.style.width = "auto"return new oContainer(optContainer); } createTableOption = function(optTableOption){ var oTableOption= function(optTableOption){ this.ID = "tableOption1"; _containerObjectDate.style.float this.Objects = "left"; {}; _containerObjectDatethis.innerHTMLObject = this.Date""; this.Parent = ""; _containerObjectMaisInfo.appendChild(_containerObjectDate); this.InnerHTML = ""; _containerObject.appendChild(_containerObjectMaisInfo); document.getElementById(this.Wrapper).appendChild(_containerObject); this.LoadComponents = function(optTableOption){ if(window["Containers"] == undefined)var _tableObject = null; window["Containers"]var _tableObjectContainer = []null; this.ID = optTableOption.ID; this.Objects = optTableOption.Objects; _tableObject = document.createElement("div"); window.Containers[_tableObject.id = this.ID] = this+ "_MostExternalDiv"; window.Containers[window.Containers.length]_tableObject.style.display = this"block"; window["CurrentContainer"]_tableObject.style.position = this.ID; "absolute"; return this; } return this.LoadComponents(optContainer); } return new oContainer(optContainer); } createTableOption = function(optTableOption){ var oTableOption= function(optTableOption){ _tableObject.style.width = "380px"; _tableObject.style.backgroundColor= "#909090"; _tableObjectContainer = document.createElement("div"); _tableObjectContainer.id = _tableObject.id + "_Container"; _tableObjectContainer.style.width = "100%"; for(var i = 0; i < this.Objects.length; i++){ _tableObjectContainer.appendChild(this.Objects[i]); this.Objects[i].setAttribute("Parent", _tableObject.id); } _tableObject.appendChild(_tableObjectContainer); var _divResult = document.createElement("div"); _divResult.appendChild(_tableObject); this.IDInnerHTML = "tableOption1"; _divResult.innerHTML; this.ObjectsObject = {}_tableObject; this.Object = "";if(window["TableOptions"] == undefined) this.Parent window["TableOptions"] = ""[]; this.InnerHTML = ""; this.LoadComponents = function(optTableOption){ var _tableObject = null; var _tableObjectContainer = null; window.TableOptions[this.ID] = optTableOption.IDthis; this.Objectswindow.TableOptions[window.TableOptions.length] = optTableOption.Objectsthis; _tableObjectwindow["CurrentTableOption"] = document.createElement("div"); this.ID; _tableObject.id =return this.ID + "_MostExternalDiv"; _tableObject.style.display = "block"; } _tableObject.style.position = "absolute"; _tableObject.style.width = "380px"return this.LoadComponents(optTableOption); _tableObject.style.backgroundColor= "#909090"; } _tableObjectContainer return =new document.createElement("div");oTableOption(optTableOption); } createTableOptionItem = function(optTableOptionItem){ _tableObjectContainer.idvar oTableOptionItem = _tableObject.id + "_Container";function(optTableOptionItem){ _tableObjectContainer.style.widththis.ID = "100%optionTableItem1"; for(var i = 0; i < this.Objects.length; i++){ _tableObjectContainer.appendChild(this.Objects[i]); this.Action = ""; this.Objects[i].setAttribute("Parent", _tableObject.id)Description = ""; } this.Parent = ""; _tableObject.appendChild(_tableObjectContainer); this.LoadComponents = function(optTableOptionItem){ var _divResultoptionTableItemObject = document.createElement("div")null; _divResult.appendChild(_tableObject); var _optionTableItemObjectDescription = null; this.InnerHTMLID = _divResultoptTableOptionItem.innerHTMLID; this.ObjectAction = _tableObject; optTableOptionItem.Action; if(window["TableOptions"] == undefined)this.Description = optTableOptionItem.Description; window["TableOptions"]_optionTableItemObject = [];document.createElement("div"); _optionTableItemObject.id = this.ID + "_MostExternalDiv"; _optionTableItemObject.style.padding = "5px"; _optionTableItemObject.style.border = "5px solid #fff"; window.TableOptions[this.ID]_optionTableItemObject.style.borderBottom = this"none"; window.TableOptions[window.TableOptions.length] = this; SetControlEvents(_optionTableItemObject, "MOVER", function(){ window["CurrentTableOption"] this.style.backgroundColor = this.ID; "#f6c342"; return this;this.style.cursor = "pointer"; } document.getElementById(this.id + "_Description").style.color = "#000"; return this.LoadComponents(optTableOption); } return new oTableOption(optTableOption var _input = document.createElement("input"); } createTableOptionItem = function(optTableOptionItem){ var oTableOptionItem = function(optTableOptionItem){ _input.id = this.id + "_Input"; this.ID _input.style.float = "optionTableItem1right"; this.Action_input.style.height = "14px"; this.Description _input.style.width = "100px"; this.Parent = ""; this.LoadComponentsvar _button = function(optTableOptionItem){ document.createElement("div"); var _optionTableItemObjectbutton.id = nullthis.id + "_Button"; var _optionTableItemObjectDescription_button.style.float = null; "right" this_button.IDinnerHTML = optTableOptionItem.ID"Procurar"; this.Action_button.style.background = optTableOptionItem.Action"#606060"; this.Description _button.style.color = optTableOptionItem.Description"#fff"; _optionTableItemObjectbutton.style.padding = document.createElement("div");"0px 5px"; _optionTableItemObject.id = this.ID + "_MostExternalDiv"appendChild(_button); _optionTableItemObject.style.padding = "5px"; this.appendChild(_input); _optionTableItemObject.style.border = "5px solid #fff"; _optionTableItemObject.style.borderBottom = "none"}); SetControlEvents(_optionTableItemObject, "MOVERMOUT", function(){ this.style.backgroundColor = "#f6c342#909090"; this.style.cursor = "pointerdefault"; document.getElementById(this.id + "_Description").style.color = "#000#fff"; }); SetControlEvents(_optionTableItemObject, "MOUT", function(){ if(document.getElementById(this.id + "_Input")) this.style.backgroundColor = "#909090"; .removeChild(document.getElementById(this.id + "_Input")); if(document.getElementById(this.style.cursorid =+ "default"; _Button")) this.removeChild(document.getElementById(this.id + "_DescriptionButton").style.color = "#fff"; ); }); SetControlEvents(_optionTableItemObject, "CLICK", this.Action); _optionTableItemObjectDescription = document.createElement("span"); _optionTableItemObjectDescription.id = _optionTableItemObject.id + "_Description"; _optionTableItemObjectDescription.innerHTML = this.Description; _optionTableItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _optionTableItemObjectDescription.style.fontSize = "10pt"; _optionTableItemObjectDescription.style.color = "#fff"; _optionTableItemObject.appendChild(_optionTableItemObjectDescription); return _optionTableItemObject; } return this.LoadComponents(optTableOptionItem); } return oTableOptionItem(optTableOptionItem); } Load = function(){ var optCollapsiblePanel1 = { ID: "CollapsiblePanel1", Collapsible: true, Title: "Últimos documentos criados", Wrapper: "myContent" } _collapsiblePanel1 = createCollapsiblePanel(optCollapsiblePanel1); var oContainer1Opt = { ID: "container1", Title: "Expressão", SubTitle: "(Passo a Passo)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/expression.png?version=1&modificationDate=1487769009782&api=v2", Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.", NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667", Wrapper: "CollapsiblePanel1_MostExternalDiv", Date: '12/01/2017' } var _container1 = createContainer(oContainer1Opt); var oContainer2Opt = { ID: "container2", Title: "Texto Rico", SubTitle: "(Limitações Design)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2", Description: "Serão apresentadas nesse documento algumas inconsistências que podem ocorrer, ao se utilizar o componente de Texto Rico (XtraRichText).", NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv", Date: '14/01/2017' } var _container2 = createContainer(oContainer2Opt); var oContainer7Opt = { ID: "container7", Title: "Texto Rico", SubTitle: "(Referências)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2", Description: "", NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv", Date: '16/01/2017' } var _container7 = createContainer(oContainer7Opt); var oContainer3Opt = { ID: "container3", Title: "Exportação PDF", SubTitle: "(Conformidade e Versões)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/pdf.png?version=1&modificationDate=1487769196130&api=v2", Description: "O PDF/A baseia-se na versão 1.4 do PDF de referência da Adobe Systems Inc. e é definido pela norma ISO 19005-1:2005.", NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv", Date: '18/01/2017' } var _container3 = createContainer(oContainer3Opt); var oContainer4Opt = { ID: "container4", Title: "Imagem", SubTitle: "(Exportação Para HTML)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/image.png?version=1&modificationDate=1487769196476&api=v2", Description: "1.1 - Ao gerar o relatório, na etapa Tipo de Geração, escolha Exportação Para Arquivo. 1.2 - Na Etapa Tipo de Saída, Escolha o tipo Formato de página da Internet (HTML).", NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv", Date: '20/01/2017' } var _container4 = createContainer(oContainer4Opt); var oContainer5Opt = { ID: "container5", Title: "Controles", SubTitle: "(Prop. Arredondar Valor)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2", Description: "A propriedade Arredondar Valor faz com que valores formatados sejam ou não arredondados. Essa propriedade está presente nos controles do relatório de Texto, Expressão, Fórmula e Totalizador.", NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv", Date: '22/01/2017' } var _container5 = createContainer(oContainer5Opt); var oContainer6Opt = { ID: "container6", Title: "Controles", SubTitle: "(Sobreposição dos controles)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2", Description: "Na versão 14.1 da devex, a sobreposição de campos pode ocasionar falhas na apresentação do design do relatório. Essas falhas ocorrem quando exportamos para HTML, XLS e outros...", NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv", Date: '24/01/2017' } var _container6 = createContainer(oContainer6Opt); _collapsiblePanel1.BuildProcurarStructure(); } SetControlEvents = function(_control, _event, _function){ var __control = null; if(typeof(_control) == "object") __control = _control; else __control = document.getElementById(_control); if(_event.toString().toUpperCase() == "CLICK") __control.onclick = _function; else if(_event.toString().toUpperCase() == "MOVER") __control.onmouseover = _function; else if(_event.toString().toUpperCase() == "MOUT") __control.onmouseout = _function; } Load(); </script> |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas