Histórico da Página
HTML |
---|
<div id="myContent"></div> <script type="text/javascript"> var _collapsiblePanel1 = null; LoadcreateCollapsiblePanel = function(optCollapsiblePanel){ var optCollapsiblePanel1oCollapsiblePanel = function(optCollapsiblePanel){ this.ID: = "CollapsiblePanel1collapsiblePanel1",; Collapsible: true,this.Title = ""; Title: "Últimos documentos criados",this.MenuInstance = ""; this.Collapsible = false; this.Wrapper: = "myContent"; } this.Parent = ""; _collapsiblePanel1this.ProcurarStruct = createCollapsiblePanel(optCollapsiblePanel1)[]; var oContainer1Opt = this.BuildProcurarStructure = function(){ ID: "container1", Title: "Expressão", SubTitle: "(Passo a Passo)", ImageUrl: "http://tdn.totvs. for (var i = 0; i < window.Containers.length; i++){ this.ProcurarStruct[window.Containers[0].Title] = window.Containers[0]; } } 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/expression1600cefc.png?version=1&modificationDate=14877690097821485184017639&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.", ; _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, NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667",100, 0.7)"; Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container1 = createContainer(oContainer1Opt); var oContainer2Opt = { ID: "container2", Title: "Texto Rico", SubTitle: "(Limitações Design)", ImageUrl:_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/richtextmenu.png?version=1&modificationDate=14877690116981487769415219&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" } 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" } 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" } var _container3 = createContainer(oContainer3Opt); var oContainer4Opt = { ; _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 optMenuItem1 = { ID: "MenuItem1", Action: function(){ var optPopin1 = { ID: "Popin1", Title: "Procurar", InnerHTML: "teste", Align: "CENTER", Modal: true } createPopin(optPopin1); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Procurar" } var _object1 = createMenuItem(optMenuItem1); _objects.push(_object1); var optMenuItem2 = { ID: "MenuItem2", Action: function(){ var optPopin2 = { ID: "Popin2", Title: "Ordenar", InnerHTML: "teste", Align: "CENTER", Modal: true } createPopin(optPopin2); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Ordenar" } var _object2 = createMenuItem(optMenuItem2); _objects.push(_object2); var optMenuItem3 = { ID: "MenuItem3", Action: function(){ var optPopin3 = { ID: "container4Popin3", 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" } var _container4 = createContainer(oContainer4Opt); var oContainer5Opt = { ID: "container5", Title: "Controles", SubTitle: "(Prop. Arredondar Valor)",Trocar Visualização", InnerHTML: "teste", Align: "CENTER", Modal: true } createPopin(optPopin3); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Trocar Visualização" } var _object3 = createMenuItem(optMenuItem3); _objects.push(_object3); var optMenu1 = { ID: "Menu1", Objects: _objects, Wrapper: _collapsiblePanelObjectHeadMenu.id } this.MenuInstance = createMenu(optMenu1); this.MenuInstance.Parent = this; if(window["CollapsiblePanels"] == undefined) window["CollapsiblePanels"] = []; window.CollapsiblePanels[this.ID] = this; window.CollapsiblePanels[window.CollapsiblePanels.length] = this; window["CurrentCollapsiblePanel"] = this.ID; SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOVER", function(){ var __img = this; var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; if(_menu1.Status == "HIDDEN"){ 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" } 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" } var _container6 = createContainer(oContainer6Opt); } 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; } createCollapsiblePanel = function(optCollapsiblePanel){ var oCollapsiblePanel = function(optCollapsiblePanel){ this.ID = "collapsiblePanel1"; __img.style.backgroundColor = "#909090"; __img.style.cursor= "pointer"; } }); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){ var __img = this; var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; if(_menu1.Status == "HIDDEN"){ __img.style.backgroundColor = "#606060"; __img.style.cursor= "default"; } }); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICK", function(){ var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; _menu1.Show(); var _object = _menu1.Object; _object.style.border = "1px solid #f6c342"; _object.style.width = "168px"; var __img = this; if(_menu1.Status == "OPENED"){ __img.style.backgroundColor = "#909090"; __img.style.cursor= "pointer"; __img.style.border = "1px solid #f6c342"; __img.style.borderBottom = "1px solid #909090" } else{ __img.style.border = "1px solid #606060"; } }); window.onresize = function(){ var _menu1 = window.Menus[window.CurrentMenu]; if(_menu1){ _menu1.Hide(); _menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject); _menu1.Parent.UndoHighlightMenu(); } } return this; } this.UndoHighlightMenu = function(){ document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #606060"; document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.backgroundColor = "#606060"; } return this.LoadComponents(optCollapsiblePanel); } return new oCollapsiblePanel(optCollapsiblePanel); } createPopin = function(optPopin){ var oPopin = function(optPopin){ this.ID = "popin1"; this.Title = ""; this.InnerHTML = ""; this.Align = ""; this.Modal = false; this.Object = ""; this.ModalObject = ""; this.Parent = ""; this.LoadComponents = function(optPopin){ var _popinObject = null; var _popinObjectHead = null; var _popinObjectHeadTitle = null; var _popinObjectHeadClose = null; var _popinObjectHeadCloseImg = null; var _popinObjectBody = null; var _popinObjectModal = null; this.ID = optPopin.ID; this.Title = ""optPopin.Title; this.MenuInstanceInnerHTML = ""optPopin.InnerHTML; this.CollapsibleAlign = falseoptPopin.Align; this.WrapperModal = ""; optPopin.Modal; this.Parent_popinObject = document.createElement("div"); this_popinObject.ProcurarStructid = []; this.ID + "_MostExternalDiv"; this.BuildProcurarStructure = function(){ _popinObject.style.display = "block"; for (var i = 0; i < window.Containers.length; i++){_popinObject.style.position = "absolute"; this.ProcurarStruct[window.Containers[0].Title] = window.Containers[0]_popinObject.style.zIndex = "6"; }_popinObject.style.width = "400px"; } _popinObject.style.height = "300px"; _popinObject.style.top = "50%"; this.Procurar_popinObject.style.left = function(procurarPor){ "50%"; } this.LoadComponents = function(optCollapsiblePanel){ _popinObject.style.marginLeft = "-200px"; _popinObject.style.marginTop = "-150px"; this.ID_popinObject.style.backgroundColor = optCollapsiblePanel.ID"#909090"; this.Title = optCollapsiblePanel.Title_popinObject.style.border= "1px solid #f6c342"; this.MenuInstance_popinObject.style.background = optCollapsiblePanel.MenuInstance"url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)"; 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"; _popinObject.style.webkitBoxShadow = "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.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _collapsiblePanelObject.style.overflowpopinObjectModal = document.createElement("hiddendiv"); _collapsiblePanelObject.style.margin = "0pxpopinObjectModal.id = this.ID + "_MostExternalDiv"; _collapsiblePanelObjectpopinObjectModal.style.paddingdisplay = "0pxblock"; _collapsiblePanelObjectpopinObjectModal.style.backgroundposition = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)"; "absolute"; _popinObjectModal.style.zIndex = "5"; _collapsiblePanelObjectHeadpopinObjectModal.style.width = document.createElement("div100%"); _collapsiblePanelObjectHeadpopinObjectModal.style.idheight = _collapsiblePanelObject.id + "_Head"100%"; _collapsiblePanelObjectHeadpopinObjectModal.style.backgroundtop = "#6060600px"; _collapsiblePanelObjectHeadpopinObjectModal.style.heightleft = "45px0px"; _collapsiblePanelObjectHeadpopinObjectModal.style.paddingLeftbackground = "10pxrgba(0, 0, 0, 0.4)"; _collapsiblePanelObjectHead.style.colorpopinObjectHead = document.createElement("#fffdiv"); _collapsiblePanelObjectHeadpopinObjectHead.style.webkitBoxShadowid = "3px 3px 10px 3px _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)"; _collapsiblePanelObjectHeadpopinObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _collapsiblePanelObjectHeadpopinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObject.appendChild(_popinObjectHead); _collapsiblePanelObjectHeadTitlepopinObjectHeadTitle = document.createElement("span"); _collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.id = _collapsiblePanelObjectHeadpopinObjectHead.id + "_Title"; _collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.innerHTML = this.Title; _collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.style.widthfontFamily = "336pxSegoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.style.textOverflowfontSize = "ellipsis14pt"; _collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.style.fontSizecolor = "20pt#fff"; _collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.style.fontFamilypaddingLeft = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif10px"; _collapsiblePanelObjectHeadpopinObjectHead.appendChild(_collapsiblePanelObjectHeadTitlepopinObjectHeadTitle); _collapsiblePanelObjectHeadMenupopinObjectHeadClose = document.createElement("div"); _collapsiblePanelObjectHeadMenupopinObjectHeadClose.id = _collapsiblePanelObjectHeadpopinObjectHead.id + "_MenuClose"; _collapsiblePanelObjectHeadMenupopinObjectHeadClose.style.floatwidth = "right16px"; _collapsiblePanelObjectHeadMenupopinObjectHeadClose.style.marginRightheight = "10px16px"; _collapsiblePanelObjectHeadMenupopinObjectHeadClose.style.marginTopfloat = "8pxright"; _collapsiblePanelObjectHeadMenupopinObjectHeadClose.style.widthmarginTop = "26px5px"; _collapsiblePanelObjectHeadMenupopinObjectHeadClose.style.heightmarginRight = "26px10px"; _collapsiblePanelObjectHeadMenu.style.border = "1px solid #606060"; SetControlEvents(_popinObjectHeadClose, "CLICK", function(){ var _collapsiblePanelObjectHeadMenuImgnameInstance = documentthis.id.createElementreplace("img_MostExternalDiv_Head_Close",""); var _collapsiblePanelObjectHeadMenuImg.idinstance = _collapsiblePanelObjectHeadMenu.id + "_Img"; window.Popins[_nameInstance]; _collapsiblePanelObjectHeadMenuImg.src = "http://tdn.totvs.com/download/attachments/243011209/menu.png?version=1&modificationDate=1487769415219&api=v2"instance.Close(); _collapsiblePanelObjectHeadMenuImg.style.width = "16px";}); _collapsiblePanelObjectHeadMenuImg.style.height = "16px"; SetControlEvents(_popinObjectHeadClose, "MOVER", function(){ _collapsiblePanelObjectHeadMenuImgthis.style.marginLeftcursor = "5pxpointer"; _collapsiblePanelObjectHeadMenuImg.style.marginTop = "5px"}); _collapsiblePanelObjectHeadMenu.appendChild(_collapsiblePanelObjectHeadMenuImg); SetControlEvents(_popinObjectHeadClose, "MOUT", function(){ _collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadMenu); this.style.cursor = "default"; _collapsiblePanelObject.appendChild(_collapsiblePanelObjectHead}); _popinObjectHeadCloseImg = document.getElementById(this.Wrapper).appendChild(_collapsiblePanelObjectcreateElement("img"); var _objectspopinObjectHeadCloseImg.id = []; _popinObjectHeadClose.id + "_Img"; var optMenuItem1 = {_popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img"; ID: "MenuItem1",_popinObjectHeadCloseImg.src = "http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2"; Action: function(){_popinObjectHeadCloseImg.style.width = "16px"; var optPopin1_popinObjectHeadCloseImg.style.height = { "16px"; ID: "Popin1", _popinObjectHead.appendChild(_popinObjectHeadClose); Title: "Procurar",_popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg); InnerHTML: "teste",_popinObjectBody = document.createElement("div"); Align: "CENTER",_popinObjectBody.id = _popinObject.id + "_Body"; Modal: true_popinObjectBody.style.backgroundColor = "#fff"; } _popinObjectBody.innerHTML = this.InnerHTML; createPopin(optPopin1)_popinObjectBody.style.margin= "10px"; var _nameParent_popinObjectBody.style.height = this.getAttribute("Parent240px"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Procurar" _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)"; }_popinObject.appendChild(_popinObjectBody); var _object1 = createMenuItem(optMenuItem1document.body.appendChild(_popinObject); _objects.pushdocument.body.appendChild(_object1popinObjectModal); varthis.Object optMenuItem2 = {_popinObject; ID: "MenuItem2",this.ModalObject = _popinObjectModal; Action: function(){if(window["Popins"] == undefined) var optPopin2 = { window["Popins"] = []; ID: "Popin2", Title: "Ordenar", InnerHTML: "teste", window.Popins[this.ID] = this; Align: "CENTER",window.Popins[window.Popins.length] = this; window["CurrentPopin"] = this.ID; Modal: true return this; } createPopin(optPopin2);this.Close = function(){ var _nameParent = this.getAttribute("Parent"document.body.removeChild(this.Object); var _nameInstance = _nameParent.replace("_MostExternalDiv",""document.body.removeChild(this.ModalObject); var _instance = window.Menus[_nameInstance]}; _instance.Hide(return this.LoadComponents(optPopin); } _instance.Parent.UndoHighlightMenu(); return new oPopin(optPopin); }, Description: "Ordenar"createMenu = function(optMenu){ }var oMenu = function(optMenu){ var _object2 = createMenuItem(optMenuItem2); _objects.push(_object2); this.ID = "menu1"; this.Objects = {}; varthis.Wrapper optMenuItem3 = {""; ID:this.Status = "MenuItem3HIDDEN",; Action: function(){this.Object = ""; var optPopin3this.TopBorderObject = {""; ID:this.Parent = "Popin3",; Title: "Trocar Visualização", this.LoadComponents = function(optMenu){ InnerHTML: "teste",var _menuObject = null; Align: "CENTER",var _menuObjectContainer = null; Modal: truethis.ID = optMenu.ID; } this.Objects = optMenu.Objects; createPopin(optPopin3); this.Wrapper = optMenu.Wrapper; var _nameParentmenuObjectTopBorder = thisdocument.getAttributecreateElement("Parentdiv"); var _nameInstancemenuObjectTopBorder.id = _nameParent.replace("_MostExternalDiv","")this.ID + "_TopBorder"; var _instance _menuObjectTopBorder.style.display = window.Menus[_nameInstance]; "none"; _instance.Hide()menuObjectTopBorder.style.position = "absolute"; _instancemenuObjectTopBorder.Parent.UndoHighlightMenu()style.backgroundColor = "#909090"; }, _menuObjectTopBorder.style.width = "26px"; Description: "Trocar Visualização" _menuObjectTopBorder.style.height = "1px"; } var _object3_menuObjectTopBorder.style.zIndex = createMenuItem(optMenuItem3)"2"; _objects.push(_object3menuObject = document.createElement("div"); var optMenu1 = { _menuObject.id = this.ID + "_MostExternalDiv"; ID: "Menu1",_menuObject.style.display = "none"; Objects: _objects, _menuObject.style.position = "absolute"; Wrapper: _collapsiblePanelObjectHeadMenu.id _menuObject.style.width = "170px"; } _menuObject.style.backgroundColor= "#909090"; this.MenuInstance_menuObjectContainer = createMenu(optMenu1document.createElement("div"); this.MenuInstance.Parent = this; _menuObjectContainer.id = _menuObject.id + "_Container"; if(window["CollapsiblePanels"]_menuObjectContainer.style.width == undefined) "150px"; window["CollapsiblePanels"] _menuObjectContainer.style.margin = [];"10px"; for(var i = 0; i < this.Objects.length; i++){ _menuObjectContainer.appendChild(this.Objects[i]); this.Objects[i].setAttribute("Parent", _menuObject.id); window.CollapsiblePanels[this.ID] = this; } window.CollapsiblePanels[window.CollapsiblePanels.length] = this; window["CurrentCollapsiblePanel"] = this.ID; _menuObject.appendChild(_menuObjectContainer); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOVER", function(){document.getElementById("main").appendChild(_menuObject); var __img = this; document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder); var _nameInstance = this.id.replaceUpdatePosition("_MostExternalDiv_Head_Menu"_menuObject, ""_menuObjectTopBorder); var _menu1 this.TopBorderObject = _menuObjectTopBorder; this.Object = window.CollapsiblePanels[_nameInstance].MenuInstance;_menuObject; if(_menu1.Statuswindow["Menus"] == "HIDDEN"){ __img.style.backgroundColor = "#909090"; undefined) __img.style.cursor= "pointer"; window["Menus"] = []; } }); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){ var __img = this; var _nameInstancewindow.Menus[this.ID] = this.id.replace("_MostExternalDiv_Head_Menu", "") ; var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; Menus[window.Menus.length] = this; if(_menu1.Status == "HIDDEN"){ __img.style.backgroundColor = "#606060"; window["CurrentMenu"] = this.ID; __img.style.cursor= "default"return this; } }); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICK",this.UpdatePosition = function(_menuObject, _topBorderObject){ var _nameInstanceif(_menuObject){ _menuObject.style.left = (document.getElementById(this.id.replace("_MostExternalDiv_Head_Menu", "") Wrapper).offsetLeft - 142) + "px"; var _menu1 _menuObject.style.top = window.CollapsiblePanels[_nameInstance].MenuInstance(document.getElementById(this.Wrapper).offsetTop + 26) + "px"; _menu1.Show(); } var _object = _menu1.Object; if(_topBorderObject){ _objecttopBorderObject.style.bordertop = "1px solid #f6c342(document.getElementById(this.Wrapper).offsetTop + 26) + "px"; _object.style.width = "168px"; } var __img = this; } if(_menu1.Statusthis.Show == "OPENED"function(){ __img.style.backgroundColor if(this.Status == "#909090HIDDEN";){ __img.style.cursor this.Status = "pointerOPENED"; __imgthis.Object.style.borderdisplay = "1px solid #f6c342block"; __imgthis.TopBorderObject.style.borderBottomdisplay = "1px solid #909090block"; } else{ __img.style.border = "1px solid #606060" this.Hide(); } }); window this.onresizeHide = function(){ var _menu1 = window.Menus[window.CurrentMenu]; if(_menu1this.Status == "OPENED"){ _menu1.Hide()this.Status = "HIDDEN"; _menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject); this.Object.style.display = "none"; _menu1.Parent.UndoHighlightMenu();this.TopBorderObject.style.display = "none" } } }; return this.LoadComponents(optMenu); } this.UndoHighlightMenureturn =new functionoMenu(optMenu){; } createMenuItem = function(optMenuItem){ document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #606060"; var oMenuItem = function(optMenuItem){ document.getElementById(this.ID += "_MostExternalDiv_Head_Menu").style.backgroundColormenuItem1"; this.Action = "#606060"; } return this.LoadComponents(optCollapsiblePanel)this.Description = ""; } return new oCollapsiblePanel(optCollapsiblePanel); this.Parent = ""; } createPopinthis.LoadComponents = function(optPopinoptMenuItem){ var oPopin_menuItemObject = function(optPopin){ null; this.IDvar _menuItemObjectDescription = "popin1"null; this.Title = ""; this.InnerHTMLID = ""optMenuItem.ID; this.Align = ""; this.ModalAction = falseoptMenuItem.Action; this.Object = ""; this.ModalObjectDescription = "";optMenuItem.Description; this.Parent _menuItemObject = document.createElement("div"); this.LoadComponents = function(optPopin){ var _popinObjectmenuItemObject.id = nullthis.ID + "_MostExternalDiv"; var _popinObjectHead = null; var _popinObjectHeadTitle_menuItemObject.style.padding = null"5px"; var _popinObjectHeadClose = null; var _popinObjectHeadCloseImg = null;SetControlEvents(_menuItemObject, "MOVER", function(){ var _popinObjectBody = null; var _popinObjectModal = null; this.style.backgroundColor = "#f6c342"; this.IDstyle.cursor = optPopin.ID; "pointer"; this.Title = optPopin.Title; document.getElementById(this.id + "_Description").style.color = "#000"; this.InnerHTML = optPopin.InnerHTML; this.Align = optPopin.Align; this.Modal = optPopin.Modal}); _popinObject = document.createElement("div"); SetControlEvents(_menuItemObject, "MOUT", function(){ _popinObject.idthis.style.backgroundColor = this.ID + "_MostExternalDiv"#909090"; _popinObject this.style.displaycursor = "blockdefault"; _popinObject.style.position = "absolute"; _popinObject.style.zIndex document.getElementById(this.id + "_Description").style.color = "6#fff"; _popinObject.style.width = "400px"; }); _popinObject.style.height = SetControlEvents(_menuItemObject, "300px"CLICK", this.Action); _popinObject.style.top _menuItemObjectDescription = document.createElement("50%span"); _popinObject.style.left = "50%menuItemObjectDescription.id = _menuItemObject.id + "_Description"; _popinObjectmenuItemObjectDescription.style.marginLeftinnerHTML = "-200px"this.Description; _popinObjectmenuItemObjectDescription.style.marginTopfontFamily = "-150pxSegoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _popinObjectmenuItemObjectDescription.style.backgroundColorfontSize = "#90909010pt"; _popinObject.style.border= "1px solid #f6c342"; _popinObjectmenuItemObjectDescription.style.backgroundcolor = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)#fff"; _popinObject.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; menuItemObject.appendChild(_menuItemObjectDescription); _popinObject.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; return _menuItemObject; } return this.LoadComponents(optMenuItem); } return oMenuItem(optMenuItem); } createContainer = function(optContainer){ _popinObject.style.boxShadow = "3pxvar 3pxoContainer 10px 3px rgba(100, 100, 100, 0.7)"; _popinObjectModal = document.createElement("div"); _popinObjectModal.id = this.ID + "_MostExternalDiv"; _popinObjectModal.style.display = "block"; _popinObjectModal.style.position = "absolute"; _popinObjectModal.style.zIndex = "5"; _popinObjectModal.style.width = "100%"; _popinObjectModal.style.height = "100%"; _popinObjectModal.style.top = "0px"; _popinObjectModal.style.left = "0px"; _popinObjectModal.style.background = "rgba(0, 0, 0, 0.4)"; _popinObjectHead = document.createElement("div"); _popinObjectHead.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)"; = function(optContainer){ this.ID = "container1"; this.Title = ""; this.SubTitle = ""; this.ImageUrl = ""; this.Description = ""; this.NavigateUrl = ""; this.Wrapper = ""; this.Parent = ""; this.LoadComponents = function(optContainer){ _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)"; var _containerObject = null; _popinObject.appendChild(_popinObjectHead); _popinObjectHeadTitle var _containerObjectTitle = document.createElement("span")null; _popinObjectHeadTitle.id var _containerObjectSubTitle = _popinObjectHead.id + "_Title"null; _popinObjectHeadTitle.innerHTML var _containerObjectImageBackground = this.Titlenull; _popinObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; var _containerObjectImageBackgroundImg = null; _popinObjectHeadTitle.style.fontSizevar _containerObjectDescription = "14pt"null; _popinObjectHeadTitle.style.color = "#fff"; _popinObjectHeadTitle.style.paddingLeftvar _containerObjectSep = "10px"null; _popinObjectHead.appendChild(_popinObjectHeadTitle); var _popinObjectHeadClosecontainerObjectMaisInfo = document.createElement("div")null; _popinObjectHeadClose.id = _popinObjectHead.id + "_Close"; _popinObjectHeadClose.style.widthvar _containerObjectMaisInfoA = "16px"; _popinObjectHeadClose.style.height = "16px"; _popinObjectHeadClose.style.float = "right"; _popinObjectHeadClose.style.marginTop = "5px"; _popinObjectHeadClose.style.marginRight = "10px"; SetControlEvents(_popinObjectHeadClose, "CLICK", function(){ var _nameInstance = this.id.replace("_MostExternalDiv_Head_Close",""); var _instance = window.Popins[_nameInstance]; _instance.Close()null; this.ID = optContainer.ID this.Title = optContainer.Title; }); SetControlEvents(_popinObjectHeadClose, "MOVER", function(){ this.style.cursor = "pointer"; }); SetControlEvents(_popinObjectHeadClose, "MOUT", function(){ this.style.cursor = "default"; }); _popinObjectHeadCloseImg = document.createElement("img"); _popinObjectHeadCloseImg.id = _popinObjectHeadClose.id + "_Img"; _popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img"; _popinObjectHeadCloseImg.src = "http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2"; _popinObjectHeadCloseImg.style.width = "16px"; _popinObjectHeadCloseImg.style.height = "16px"; _popinObjectHead.appendChild(_popinObjectHeadClose); _popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg); _popinObjectBodythis.SubTitle = optContainer.SubTitle; this.ImageUrl = optContainer.ImageUrl; this.Description = optContainer.Description; this.NavigateUrl = optContainer.NavigateUrl; this.Wrapper = optContainer.Wrapper; _containerObject = document.createElement("div"); _popinObjectBody.id = _popinObject.id + "_Body"; _popinObjectBody.style.backgroundColor = "#fff"; _popinObjectBody.innerHTML = this.InnerHTML; _popinObjectBody.style.margin= "10px"; _popinObjectBody.style.height = "240px"; _popinObjectBody.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _containerObject.id = _popinObjectBodythis.ID + "_MostExternalDiv"; _containerObject.style.mozBoxShadowwidth = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; "250px"; _popinObjectBodycontainerObject.style.boxShadowheight = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _popinObject.appendChild(_popinObjectBody); document.body.appendChild(_popinObject); document.body.appendChild(_popinObjectModal); this.Object = _popinObject; this.ModalObject = _popinObjectModal; if(window["Popins"] == undefined) window["Popins"] = []; window.Popins[this.ID] = this; window.Popins[window.Popins.length] = this; window["CurrentPopin"] = this.ID; return this; } this.Close = function(){ document.body.removeChild(this.Object); document.body.removeChild(this.ModalObject); }; return this.LoadComponents(optPopin); } return new oPopin(optPopin); } createMenu = function(optMenu){ var oMenu = function(optMenu){ this.ID = "menu1"; auto"; _containerObject.style.background = "#fff"; _containerObject.style.border = "1px solid #c0c0c0"; _containerObject.style.padding = "10px"; this.Objects = {}; this.Wrapper = ""; this.Status _containerObject.style.margin = "HIDDEN10px"; this.Object = ""; this.TopBorderObject_containerObject.style.float = "left"; this.Parent = ""; this.LoadComponents = function(optMenu){ var _menuObject = null; var _menuObjectContainer = null; this.ID = optMenu.ID; this.Objects = optMenu.Objects; this.Wrapper = optMenu.Wrapper; _menuObjectTopBorder = document.createElement("div"); _menuObjectTopBorder.id = this.ID + "_TopBorder"; _menuObjectTopBorder.style.display = "none"; _menuObjectTopBorder.style.position = "absolute"; _menuObjectTopBorder.style.backgroundColor = "#909090"; _menuObjectTopBorder.style.width = "26px"; _menuObjectTopBorder.style.height = "1px"; _menuObjectTopBorder.style.zIndex = "2"; _menuObject = document.createElement("div"); _menuObject.id = this.ID + "_MostExternalDiv"; _menuObject.style.display = "none"; _menuObject.style.position = "absolute"; _menuObject.style.width = "170px"; _menuObject.style.backgroundColor= "#909090"; _menuObjectContainer = document.createElement("div"); _menuObjectContainer.id = _menuObject.id + "_Container"; _menuObjectContainer.style.width = "150px"; _menuObjectContainer.style.margin = "10px"; for(var i = 0; i < this.Objects.length; i++){ _menuObjectContainer.appendChild(this.Objects[i]); this.Objects[i].setAttribute("Parent", _menuObject.id); } _menuObject.appendChild(_menuObjectContainer); document.getElementById("main").appendChild(_menuObject); document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder); this.UpdatePosition(_menuObject, _menuObjectTopBorder); this.TopBorderObject = _menuObjectTopBorder; this.Object = _menuObject; if(window["Menus"] == undefined) window["Menus"] = []; window.Menus[this.ID] = this; window.Menus[window.Menus.length] = this; window["CurrentMenu"] = this.ID; return this; } this.UpdatePosition = function(_menuObject, _topBorderObject){ if(_menuObject){ _menuObject.style.left = (document.getElementById(this.Wrapper).offsetLeft - 142) + "px"; _menuObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px"; } if(_topBorderObject){ _topBorderObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px"; } } this.Show = function(){ if(this.Status == "HIDDEN"){ this.Status = "OPENED"; this.Object.style.display = "block"; this.TopBorderObject.style.display = "block"; _containerObject.style.position = "relative"; _containerObject.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _containerObject.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _containerObject.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _containerObjectTitle = document.createElement("div"); _containerObjectTitle.id = _containerObject .id + "_Title"; _containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _containerObjectTitle.style.fontSize = "16pt"; _containerObjectTitle.style.width = "100%"; _containerObjectTitle.style.height = "30px"; _containerObjectTitle.style.textAlign = "center"; _containerObjectTitle.innerHTML = this.Title; } else this.Hide(); }; this.Hide = function(){ if(this.Status == "OPENED"){ this.Status = "HIDDEN"; this.Object.style.display = "none"; this.TopBorderObject.style.display = "none" } }; return this.LoadComponents(optMenu); } return new oMenu(optMenu); } createMenuItem = function(optMenuItem){ var oMenuItem = function(optMenuItem){ this.ID = "menuItem1"; _containerObject.appendChild(_containerObjectTitle); _containerObjectSubTitle = document.createElement("div"); _containerObjectSubTitle.id = _containerObject .id + "_SubTitle"; _containerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _containerObjectSubTitle.style.fontSize = "14pt"; this.Action_containerObjectSubTitle.style.width = "100%"; this.Description = ""; this.Parent _containerObjectSubTitle.style.height = "35px"; this.LoadComponents = function(optMenuItem){ var _menuItemObject = null; var _menuItemObjectDescription = null; this.ID = optMenuItem.ID; this.Action = optMenuItem.Action; this.Description = optMenuItem.Description; _menuItemObject = document.createElement("div"); _menuItemObject.id = this.ID + "_MostExternalDiv"; _menuItemObject.style.padding = "5px"; _containerObjectSubTitle.style.textAlign = "center"; _containerObjectSubTitle.innerHTML = this.SubTitle; _containerObject.appendChild(_containerObjectSubTitle); SetControlEvents(_menuItemObject, "MOVER", function(){ this.style.backgroundColor = "#f6c342"; this.style.cursor = "pointer"; document.getElementById(this._containerObjectImageBackground = document.createElement("div"); _containerObjectImageBackground.id = _containerObject .id + "_Description").style.color = "#000"; }); SetControlEvents(_menuItemObject, "MOUT", function(){ImageBackground"; _containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')"; this_containerObjectImageBackground.style.backgroundColorbackgroundPosition = "#909090"; this.style.cursor = "default"; document.getElementById(this.id + "_Description").style.color = "#fff"; }); SetControlEvents(_menuItemObject, "CLICK", this.Action); center bottom"; _containerObjectImageBackground.style.width = "100%"; _containerObjectImageBackground.style.height = "100px"; _containerObjectImageBackground.style.position= "relative"; _menuItemObjectDescriptioncontainerObjectImageBackgroundImg = document.createElement("spanimg"); _menuItemObjectDescriptioncontainerObjectImageBackgroundImg.id = _menuItemObjectcontainerObjectImageBackground.id + "_Descriptionimg"; _menuItemObjectDescriptioncontainerObjectImageBackgroundImg.innerHTMLname = this.Description_containerObjectImageBackground.id + "_img"; _menuItemObjectDescriptioncontainerObjectImageBackgroundImg.style.fontFamilyposition = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serifabsolute"; _menuItemObjectDescriptioncontainerObjectImageBackgroundImg.style.fontSizetop = "10pt15px"; _menuItemObjectDescriptioncontainerObjectImageBackgroundImg.style.colorleft = "#fff"15px"; _containerObjectImageBackgroundImg.src = this.ImageUrl; _containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg); _menuItemObjectcontainerObject.appendChild(_menuItemObjectDescriptioncontainerObjectImageBackground); return _menuItemObject; } return this.LoadComponents(optMenuItem); } return oMenuItem(optMenuItem); } createContainer = function(optContainer){ _containerObjectDescription = document.createElement("div"); var oContainer = function(optContainer){ _containerObjectDescription.id = _containerObject .id + "_Description"; this.ID = "container1"; _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, this.TitleBitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _containerObjectDescription.style.fontSize = "12pt"; this.SubTitle = ""; _containerObjectDescription.style.width = "100%"; this.ImageUrl = ""; _containerObjectDescription.style.height = "135px"; this.Description = ""; _containerObjectDescription.style.textAlign = "justify"; this.NavigateUrl = ""; _containerObjectDescription.innerHTML = this.Wrapper = ""Description; this.Parent _containerObject.appendChild(_containerObjectDescription); _containerObjectSep = document.createElement("div"); this.LoadComponents = function(optContainer){ _containerObjectSep.id = _containerObject .id + "_Sep"; var _containerObject = null; var _containerObjectTitle = null; var _containerObjectSubTitle _containerObjectSep.style.width = null"100%"; var _containerObjectImageBackground_containerObjectSep.style.height = null; var _containerObjectImageBackgroundImg = null; var _containerObjectDescription = null"1px"; _containerObjectSep.style.backgroundColor = "#c0c0c0"; var _containerObjectSep.style.marginTop = null"15px"; var _containerObjectMaisInfo = null; _containerObject.appendChild(_containerObjectSep); var _containerObjectMaisInfoAcontainerObjectMaisInfo = nulldocument.createElement("div"); _containerObjectMaisInfo.id = _containerObject .id + "_MaisInfo"; this.ID = optContainer.ID _containerObjectMaisInfo.style.width = "100%"; _containerObjectMaisInfo.style.height = "20px"; this.Title _containerObjectMaisInfo.style.textAlign = optContainer.Title"right"; this.SubTitle_containerObjectMaisInfo.style.paddingTop = optContainer.SubTitle; "5px"; _containerObjectMaisInfoA = document.createElement("a"); this.ImageUrl = optContainer.ImageUrl; _containerObjectMaisInfoA.id = _containerObjectMaisInfo.id + "_A"; _containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A"; this.Description = optContainer.Description; this.NavigateUrl_containerObjectMaisInfoA.href = optContainerthis.NavigateUrl; this_containerObjectMaisInfoA.Wrappertext = optContainer.Wrapper;"Mais [...]"; _containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA); _containerObject.appendChild(_containerObjectMaisInfo); document.getElementById(this.Wrapper).appendChild(_containerObject); if(window["Containers"] == undefined) window["Containers"] = []; window.Containers[this.ID] = this; window.Containers[window.Containers.length] = this; window["CurrentContainer"] = this.ID; return this; _containerObject = document.createElement("div"); } _containerObject.id =return this.ID + "_MostExternalDiv"LoadComponents(optContainer); } _containerObject.style.width = "250px"; return new oContainer(optContainer); } Load = function(){ var optCollapsiblePanel1 = { ID: "CollapsiblePanel1", Collapsible: true, Title: "Últimos documentos criados", Wrapper: "myContent" } _collapsiblePanel1 = createCollapsiblePanel(optCollapsiblePanel1); _containerObject.style.height = "auto"; var oContainer1Opt = { ID: "container1", Title: "Expressão", _containerObject.style.background = "#fff"; SubTitle: "(Passo a Passo)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/expression.png?version=1&modificationDate=1487769009782&api=v2", _containerObject.style.border = "1px solid #c0c0c0"; Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.", _containerObject.style.padding = "10px";NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667", Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _containerObject.style.margincontainer1 = "10px"; _containerObject.style.float = "left"; createContainer(oContainer1Opt); var oContainer2Opt _containerObject.style.position = "relative";= { ID: "container2", Title: "Texto Rico", _containerObject.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; SubTitle: "(Limitações Design)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2", _containerObject.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; Description: "Serão apresentadas nesse documento algumas inconsistências que podem ocorrer, ao se utilizar o componente de Texto Rico (XtraRichText).", _containerObject.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container2 = createContainer(oContainer2Opt); var oContainer7Opt = { ID: "container7", _containerObjectTitle = document.createElement("div"); Title: "Texto Rico", SubTitle: "(Referências)", _containerObjectTitle.id = _containerObject .id + "_Title"; ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2", Description: "", _containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _containerObjectTitle.style.fontSize_container7 = "16pt"createContainer(oContainer7Opt); var oContainer3Opt = { ID: "container3", Title: "Exportação PDF", _containerObjectTitle.style.width = "100%"; SubTitle: "(Conformidade e Versões)", _containerObjectTitle.style.height = "30px";ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/pdf.png?version=1&modificationDate=1487769196130&api=v2", Description: "O _containerObjectTitle.style.textAlign = "center";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: "", _containerObjectTitle.innerHTML = this.Title; Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container3 = createContainer(oContainer3Opt); var oContainer4Opt = { _containerObject.appendChild(_containerObjectTitle); ID: "container4", Title: "Imagem", _containerObjectSubTitle = document.createElement("div"); SubTitle: "(Exportação Para HTML)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/image.png?version=1&modificationDate=1487769196476&api=v2", _containerObjectSubTitle.id = _containerObjectDescription: "1.id1 + "_SubTitle"; - 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).", _containerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container4 _containerObjectSubTitle.style.fontSize = "14pt";= createContainer(oContainer4Opt); var oContainer5Opt = { ID: "container5", Title: "Controles", _containerObjectSubTitle.style.width = "100%"; SubTitle: "(Prop. Arredondar Valor)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2", _containerObjectSubTitle.style.height = "35px"; 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: "", _containerObjectSubTitle.style.textAlign = "center"; Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container5 = createContainer(oContainer5Opt); var _containerObjectSubTitle.innerHTMLoContainer6Opt = this.SubTitle; { ID: "container6", Title: "Controles", _containerObject.appendChild(_containerObjectSubTitle); _containerObjectImageBackground = document.createElement("div"); _containerObjectImageBackground.id = _containerObject .id + "_ImageBackground"; SubTitle: "(Sobreposição dos controles)", _containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')"; _containerObjectImageBackground.style.backgroundPosition = "center bottom"; _containerObjectImageBackground.style.width = "100%"; _containerObjectImageBackground.style.height = "100px"; _containerObjectImageBackground.style.position= "relative"; _containerObjectImageBackgroundImg = document.createElement("img"); _containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img"; _containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img"; _containerObjectImageBackgroundImg.style.position = "absolute"; _containerObjectImageBackgroundImg.style.top = "15px"; _containerObjectImageBackgroundImg.style.left = "15px"; _containerObjectImageBackgroundImg.src = this.ImageUrl; _containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg); _containerObject.appendChild(_containerObjectImageBackground); _containerObjectDescription = document.createElement("div"); _containerObjectDescription.id = _containerObject .id + "_Description"; _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _containerObjectDescription.style.fontSize = "12pt"; _containerObjectDescription.style.width = "100%"; _containerObjectDescription.style.height = "135px"; _containerObjectDescription.style.textAlign = "justify"; _containerObjectDescription.innerHTML = this.Description; _containerObject.appendChild(_containerObjectDescription); _containerObjectSep = document.createElement("div"); _containerObjectSep.id = _containerObject .id + "_Sep"; _containerObjectSep.style.width = "100%"; _containerObjectSep.style.height = "1px"; _containerObjectSep.style.backgroundColor = "#c0c0c0"; _containerObjectSep.style.marginTop = "15px"; _containerObject.appendChild(_containerObjectSep); _containerObjectMaisInfo = document.createElement("div"); _containerObjectMaisInfo.id = _containerObject .id + "_MaisInfo"; _containerObjectMaisInfo.style.width = "100%"; _containerObjectMaisInfo.style.height = "20px"; _containerObjectMaisInfo.style.textAlign = "right"; _containerObjectMaisInfo.style.paddingTop = "5px"; _containerObjectMaisInfoA = document.createElement("a"); _containerObjectMaisInfoA.id = _containerObjectMaisInfo.id + "_A"; _containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A"; _containerObjectMaisInfoA.href = this.NavigateUrl; _containerObjectMaisInfoA.text = "Mais [...]"; _containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA); _containerObject.appendChild(_containerObjectMaisInfo); document.getElementById(this.Wrapper).appendChild(_containerObject); if(window["Containers"] == undefined) window["Containers"] = []; window.Containers[this.ID] = this; window.Containers[window.Containers.length] = this; window["CurrentContainer"] = this.ID; return this; 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: "", return this.LoadComponents(optContainer); Wrapper: "CollapsiblePanel1_MostExternalDiv" } } var _container6 = createContainer(oContainer6Opt); } SetControlEvents = function(_control, _event, _function){ var __control = null; if(typeof(_control) == "object") __control return new oContainer(optContainer= _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> |
http://tdn.totvs.com/download/attachments/243011209/expression.png?version=1&modificationDate=1487769009782&api=v2
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas