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 optMenuItem1optTableOptionItem1 = {
ID: "MenuItem1TableOptionItem1",
Action: function(){
var optPopin1 = {alert('ok');
},
ID Description: "Popin1Título",;
}
Title: "Procurar",var _objectTable1 = createTableOptionItem(optTableOptionItem1);
_objectsTable.push(_objectTable1);
InnerHTML: "teste",
var optTableOptionItem2 = {
AlignID: "CENTERTableOptionItem2",
ModalAction: truefunction(){
}
alert('ok');
createPopin(optPopin1);},
var _nameParent = this.getAttribute("Parent")Description: "Sub-título";
var _nameInstance = _nameParent.replace("_MostExternalDiv","");}
var _instanceobjectTable2 = window.Menus[_nameInstance]createTableOptionItem(optTableOptionItem2);
_instanceobjectsTable.Hidepush(_objectTable2);
_instance.Parent.UndoHighlightMenu();var optTableOption1 = {
}ID: "TableOption1",
DescriptionObjects: "Procurar"_objectsTable,
}
var _object1tableOption1 = createMenuItem(optMenuItem1);
_objects.push(_object1new createTableOption(optTableOption1);
var optMenuItem2optMenuItem1 = {
ID: "MenuItem2MenuItem1",
Action: function(){
var optPopin2optPopin1 = {
ID: "Popin2Popin1",
Title: "OrdenarProcurar",
InnerHTML: "teste",
Align: "CENTER",
Modal: true,
}
InnerHTML: _tableOption;
}
createPopin(optPopin2optPopin1);
var _nameParent = this.getAttribute("Parent");
var _nameInstance = _nameParent.replace("_MostExternalDiv","");
var _instance = window.Menus[_nameInstance];
_instance.Hide();
_instance.Parent.UndoHighlightMenu();
},
Description: "OrdenarProcurar"
}
var _object2object1 = createMenuItem(optMenuItem2optMenuItem1);
_objects.push(_object2object1);
var optMenuItem3optMenuItem2 = {
ID: "MenuItem3MenuItem2",
Action: function(){
var optPopin3optPopin2 = {
ID: "Popin3Popin2",
Title: "Trocar VisualizaçãoOrdenar",
InnerHTML: "teste",
Align: "CENTER",
Modal: true
}
createPopin(optPopin3optPopin2);
var _nameParent = this.getAttribute("Parent");
var _nameInstance = _nameParent.replace("_MostExternalDiv","");
var _instance = window.Menus[_nameInstance];
_instance.Hide();
_instance.Parent.UndoHighlightMenu();
},
Description: "Trocar VisualizaçãoOrdenar"
}
var _object3object2 = createMenuItem(optMenuItem3optMenuItem2);
_objects.push(_object3object2);
var optMenu1optMenuItem3 = {
ID: "Menu1MenuItem3",
ObjectsAction: _objects,function(){
Wrapper: _collapsiblePanelObjectHeadMenu.id var optPopin3 = {
}
ID: "Popin3",
this.MenuInstance = createMenu(optMenu1);
Title: "Trocar Visualização",
this.MenuInstance.Parent = this;
InnerHTML: "teste",
if(window["CollapsiblePanels"] == undefined)
window["CollapsiblePanels"] = [];Align: "CENTER",
Modal: true
}
createPopin(optPopin3);
window.CollapsiblePanels[this.ID]var _nameParent = this.getAttribute("Parent");
window.CollapsiblePanels[window.CollapsiblePanels.length]var _nameInstance = this_nameParent.replace("_MostExternalDiv","");
window["CurrentCollapsiblePanel"] var _instance = this.ID; window.Menus[_nameInstance];
SetControlEvents( _collapsiblePanelObjectHeadMenu.id, "MOVER", functioninstance.Hide(){;
var __img = this_instance.Parent.UndoHighlightMenu();
var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")},
var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance;
Description: "Trocar Visualização"
}
if(_menu1.Statusvar _object3 == "HIDDEN"){
__img.style.backgroundColor = "#909090"; createMenuItem(optMenuItem3);
__img.style.cursor= "pointer"objects.push(_object3);
}var optMenu1 = {
ID: "Menu1",
}); Objects: _objects,
SetControlEvents( Wrapper: _collapsiblePanelObjectHeadMenu.id, "MOUT", function(){
} var __img
this.MenuInstance = thiscreateMenu(optMenu1);
var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", ""this.MenuInstance.Parent = this;
if(window["CollapsiblePanels"] == undefined)
var _menu1 window["CollapsiblePanels"] = window.CollapsiblePanels[_nameInstance].MenuInstance;
; if(_menu1.Status == "HIDDEN"){
__img.style.backgroundColor = "#606060";
__img.style.cursor= "default"window.CollapsiblePanels[this.ID] = this;
}window.CollapsiblePanels[window.CollapsiblePanels.length] = this;
});window["CurrentCollapsiblePanel"] = this.ID;
SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICKMOVER", function(){
var __img = this;
var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance;
_menu1.Show();
var _objectif(_menu1.Status = _menu1.Object;
_object.style.border = "1px solid #f6c342= "HIDDEN"){
__img.style.backgroundColor = "#909090";
_object_img.style.width cursor= "168pxpointer";
}
var __img = this});
ifSetControlEvents(_menu1collapsiblePanelObjectHeadMenu.Statusid, == "OPENEDMOUT", function(){
var __img.style.backgroundColor = "#909090"this;
__img.style.cursor= "pointer";var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
__img.style.bordervar _menu1 = "1px solid #f6c342";window.CollapsiblePanels[_nameInstance].MenuInstance;
if(_menu1.Status == "HIDDEN"){
__img.style.borderBottombackgroundColor = "1px solid #909090#606060";
}
else{
__img.style.border cursor= "1px solid #606060default";
}
});
window.onresize =SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICK", function(){
var _menu1nameInstance = windowthis.Menus[window.CurrentMenu];id.replace("_MostExternalDiv_Head_Menu", "")
if(_menu1){
var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance;
_menu1.HideShow();
_menu1.UpdatePosition(var _object = _menu1.Object, _menu1.TopBorderObject); ;
_menu1object.Parent.UndoHighlightMenu();style.border = "1px solid #f6c342";
_object.style.width = "168px";
}var __img = this;
}
if(_menu1.Status == "OPENED"){
return this__img.style.backgroundColor = "#909090";
}
this.UndoHighlightMenu = function(){
__img.style.cursor= "pointer";
document.getElementById(this.ID + "_MostExternalDiv_Head_Menu")img.style.border = "1px solid #606060#f6c342";
document.getElementById(this.ID + "_MostExternalDiv_Head_Menu") __img.style.backgroundColorborderBottom = "#6060601px solid #909090";
}
return this.LoadComponents(optCollapsiblePanel);else{
}
return new oCollapsiblePanel(optCollapsiblePanel);
__img.style.border = "1px solid #606060";
}
createPopin = function(optPopin){ });
var oPopin window.onresize = function(optPopin){
this.ID var _menu1 = "popin1"window.Menus[window.CurrentMenu];
this.Title = "";
if(_menu1){
this.InnerHTML = "";
this.Align = ""_menu1.Hide();
this.Modal = false;
_menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject);
this.Object = "";
this.ModalObject = "";
_menu1.Parent.UndoHighlightMenu(); this.Parent = "";
this.LoadComponents = function(optPopin){ }
var _popinObject = null;}
var _popinObjectHead = nullreturn this;
var _popinObjectHeadTitle = null;}
var _popinObjectHeadClosethis.UndoHighlightMenu = null;
function(){ var _popinObjectHeadCloseImg = null;
var _popinObjectBody = null;
document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #606060";
var _popinObjectModaldocument.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.backgroundColor = null"#606060";
}
return this.ID = optPopin.IDLoadComponents(optCollapsiblePanel);
}
this.Title = optPopin.Title return new oCollapsiblePanel(optCollapsiblePanel);
}
this.InnerHTML createPopin = optPopin.InnerHTML;function(optPopin){
this.Alignvar oPopin = optPopin.Align;function(optPopin){
this.ModalID = optPopin.Modal"popin1";
_popinObjectthis.Title = document.createElement("div");
_popinObjectthis.idInnerHTML = this.ID + "_MostExternalDiv";
_popinObject.style.displaythis.Align = "block";
_popinObject.style.positionthis.Modal = "absolute"false;
_popinObject.style.zIndexthis.Object = "6";
_popinObject.style.widththis.ModalObject = "400px";
_popinObject.style.heightthis.Parent = "300px";
_popinObject.style.topthis.LoadComponents = "50%";function(optPopin){
var _popinObject.style.left = "50%"null;
_popinObject.style.marginLeftvar _popinObjectHead = "-200px"null;
_popinObject.style.marginTopvar _popinObjectHeadTitle = "-150px"null;
_popinObject.style.backgroundColorvar _popinObjectHeadClose = "#909090"null;
_popinObject.style.border= "1px solid #f6c342"var _popinObjectHeadCloseImg = null;
_popinObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)"var _popinObjectBody = null;
_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)";
var _popinObjectModal = null;
this.ID = optPopin.ID;
this.Title = optPopin.Title;
this.InnerHTML = optPopin.InnerHTML;
this.Align = optPopin.Align;
this.Modal = optPopin.Modal;
_popinObject = document.createElement("div");
_popinObject.id = this.ID + "_MostExternalDiv";
_popinObject.style.display = "block";
_popinObjectModalpopinObject.style.position = document.createElement("divabsolute");
_popinObjectModalpopinObject.style.idzIndex = this.ID + "_MostExternalDiv"6";
_popinObjectModalpopinObject.style.displaywidth = "block400px";
_popinObjectModalpopinObject.style.positionheight = "absolute300px";
_popinObjectModalpopinObject.style.zIndextop = "550%";
_popinObjectModalpopinObject.style.widthleft = "100%50%";
_popinObjectModalpopinObject.style.heightmarginLeft = "100%-200px";
_popinObjectModalpopinObject.style.topmarginTop = "0px-150px";
_popinObjectModalpopinObject.style.leftbackgroundColor = "0px#909090";
_popinObjectModalpopinObject.style.background border= "rgba(0, 0, 0, 0.4)";
1px solid #f6c342";
_popinObjectHeadpopinObject.style.background = document.createElement("div");
_popinObjectHead.id = _popinObject.id + "_Head""url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";
_popinObjectHeadpopinObject.style.widthwebkitBoxShadow = "100%";
_popinObjectHead.style.height = "35px";
_popinObjectHead.style.background = "#606060";
_popinObjectHead.style.paddingTop = "5px";
_popinObjectHead.style.webkitBoxShadow = "3px 3px 3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_popinObjectHeadpopinObject.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_popinObjectHeadpopinObject.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_popinObject.appendChild(_popinObjectHead);
_popinObjectHeadTitlepopinObjectModal = document.createElement("spandiv");
_popinObjectHeadTitlepopinObjectModal.id = _popinObjectHeadthis.idID + "_TitleMostExternalDiv";
_popinObjectHeadTitlepopinObjectModal.style.innerHTMLdisplay = this.Title"block";
_popinObjectHeadTitlepopinObjectModal.style.fontFamilyposition = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serifabsolute";
_popinObjectModal.style.zIndex = "5";
_popinObjectModal.style.width = "100%";
_popinObjectHeadTitlepopinObjectModal.style.fontSizeheight = "14pt100%";
_popinObjectHeadTitlepopinObjectModal.style.colortop = "#fff0px";
_popinObjectHeadTitlepopinObjectModal.style.paddingLeftleft = "10px0px";
_popinObjectHead.appendChild(_popinObjectHeadTitle)popinObjectModal.style.background = "rgba(0, 0, 0, 0.4)";
_popinObjectHeadClosepopinObjectHead = document.createElement("div");
_popinObjectHeadClosepopinObjectHead.id = _popinObjectHeadpopinObject.id + "_CloseHead";
_popinObjectHeadClosepopinObjectHead.style.width = "16px100%";
_popinObjectHeadClosepopinObjectHead.style.height = "16px35px";
_popinObjectHeadClosepopinObjectHead.style.floatbackground = "right#606060";
_popinObjectHeadClosepopinObjectHead.style.marginToppaddingTop = "5px";
_popinObjectHeadClosepopinObjectHead.style.marginRightwebkitBoxShadow = "10px";
SetControlEvents(_popinObjectHeadClose, "CLICK", function(){
var _nameInstance = this.id.replace("_MostExternalDiv_Head_Close","");
var _instance = window.Popins[_nameInstance]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)";
_instancepopinObject.CloseappendChild(_popinObjectHead);
});
SetControlEvents(_popinObjectHeadClose, "MOVER", function(){_popinObjectHeadTitle = document.createElement("span");
this.style.cursor = "pointer_popinObjectHeadTitle.id = _popinObjectHead.id + "_Title";
});
_popinObjectHeadTitle.innerHTML = this.Title;
SetControlEvents(_popinObjectHeadClose, "MOUT", function(){
_popinObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
_popinObjectHeadTitle.style.fontSize = "14pt";
this_popinObjectHeadTitle.style.color = "#fff";
_popinObjectHeadTitle.style.cursorpaddingLeft = "default10px";
}_popinObjectHead.appendChild(_popinObjectHeadTitle);
_popinObjectHeadCloseImgpopinObjectHeadClose = document.createElement("imgdiv");
_popinObjectHeadCloseImgpopinObjectHeadClose.id = _popinObjectHeadClosepopinObjectHead.id + "_ImgClose";
_popinObjectHeadCloseImgpopinObjectHeadClose.style.namewidth = "16px";
_popinObjectHeadClose.idstyle.height += "_Img16px";
_popinObjectHeadCloseImgpopinObjectHeadClose.srcstyle.float = "http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2right";
_popinObjectHeadCloseImgpopinObjectHeadClose.style.widthmarginTop = "16px5px";
_popinObjectHeadCloseImgpopinObjectHeadClose.style.heightmarginRight = "16px10px";
_popinObjectHead.appendChildSetControlEvents(_popinObjectHeadClose);
, "CLICK", function(){
_popinObjectHeadClose.appendChild(_popinObjectHeadCloseImgvar _nameInstance = this.id.replace("_MostExternalDiv_Head_Close","");
var _popinObjectBodyinstance = document.createElement("div");
window.Popins[_nameInstance];
_popinObjectBody.id = _popinObject.id + "_Body"instance.Close();
_popinObjectBody.style.backgroundColor});
SetControlEvents(_popinObjectHeadClose, "MOVER", function(){
this.style.cursor = "#fff";pointer";
});
_popinObjectBody.innerHTML = this.InnerHTML;SetControlEvents(_popinObjectHeadClose, "MOUT", function(){
_popinObjectBody this.style.margincursor = "10px"default";
});
_popinObjectBody.style.heightpopinObjectHeadCloseImg = document.createElement("240pximg");
_popinObjectHeadCloseImg.id = _popinObjectHeadClose.id + _popinObjectBody.style.webkitBoxShadow"_Img";
_popinObjectHeadCloseImg.name = "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)";_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";
_popinObjectpopinObjectHead.appendChild(_popinObjectBodypopinObjectHeadClose);
document_popinObjectHeadClose.body.appendChild(_popinObjectpopinObjectHeadCloseImg);
_popinObjectBody = document.body.appendChild(_popinObjectModalcreateElement("div");
this_popinObjectBody.Objectid = _popinObject.id + "_Body";
this.ModalObject_popinObjectBody.style.backgroundColor = _popinObjectModal"#fff";
if(window["Popins"]_popinObjectBody.innerHTML == undefined) this.InnerHTML;
window["Popins"] = []; _popinObjectBody.style.margin= "10px";
window.Popins[this.ID] = this_popinObjectBody.style.height = "240px";
window.Popins[window.Popins.length] = this;
window["CurrentPopin"] = this.ID;
return 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)";
this.Close = function(){ _popinObject.appendChild(_popinObjectBody);
document.body.removeChild(this.ObjectappendChild(_popinObject);
document.body.removeChild(this.ModalObjectappendChild(_popinObjectModal);
}this.Object = _popinObject;
return this.LoadComponents(optPopin)ModalObject = _popinObjectModal;
}
if(window["Popins"] == undefined)
return new oPopin(optPopin);
window["Popins"] = [];
}
createMenu = function(optMenu){
var oMenu = function(optMenu){
window.Popins[this.ID] = "menu1";
this.Objects = {}this;
window.Popins[window.Popins.length] = this;
this.Wrapperwindow["CurrentPopin"] = "";this.ID;
this.Status = "HIDDEN"return this;
}
this.ObjectClose = "";function(){
this.TopBorderObject = ""document.body.removeChild(this.Object);
this.Parent = "";
document.body.removeChild(this.ModalObject);
};
return this.LoadComponents = function(optMenu){optPopin);
}
varreturn _menuObject = null;new oPopin(optPopin);
}
createMenu = function(optMenu){
var _menuObjectContaineroMenu = null;
function(optMenu){
this.ID = optMenu.ID;
"menu1";
this.Objects = optMenu.Objects{};
this.Wrapper = optMenu.Wrapper;
"";
_menuObjectTopBorderthis.Status = document.createElement("divHIDDEN");
_menuObjectTopBorderthis.idObject = this.ID + "_TopBorder";
_menuObjectTopBorder.style.displaythis.TopBorderObject = "none";
_menuObjectTopBorder.style.positionthis.Parent = "absolute";
_menuObjectTopBorder.style.backgroundColor = "#909090"this.LoadComponents = function(optMenu){
var _menuObject = null;
_menuObjectTopBorder.style.width = "26px"var _menuObjectContainer = null;
this.ID = optMenu.ID;
_menuObjectTopBorder.style.heightthis.Objects = "1px"optMenu.Objects;
_menuObjectTopBorder.style.zIndexthis.Wrapper = "2";optMenu.Wrapper;
_menuObjectmenuObjectTopBorder = document.createElement("div");
_menuObjectmenuObjectTopBorder.id = this.ID + "_MostExternalDivTopBorder";
_menuObjectmenuObjectTopBorder.style.display = "none";
_menuObjectmenuObjectTopBorder.style.position = "absolute";
_menuObjectmenuObjectTopBorder.style.widthbackgroundColor = "170px#909090";
_menuObjectmenuObjectTopBorder.style.backgroundColorwidth = "#90909026px";
_menuObjectContainermenuObjectTopBorder.style.height = document.createElement("div1px");
_menuObjectContainermenuObjectTopBorder.style.idzIndex = _menuObject.id + "_Container"2";
_menuObjectContainer.style.widthmenuObject = document.createElement("150pxdiv");
_menuObjectContainer.style.margin = "10pxmenuObject.id = this.ID + "_MostExternalDiv";
for(var i = 0; i < this.Objects.length; i++){_menuObject.style.display = "none";
_menuObjectContainermenuObject.appendChild(this.Objects[i])style.position = "absolute";
this.Objects[i].setAttribute("Parent", _menuObject.id)_menuObject.style.width = "170px";
}_menuObject.style.backgroundColor= "#909090";
_menuObject.appendChild(_menuObjectContainer);
menuObjectContainer = document.createElement("div");
document.getElementById("main").appendChild(_menuObject)_menuObjectContainer.id = _menuObject.id + "_Container";
document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder);
_menuObjectContainer.style.width = "150px";
this.UpdatePosition(_menuObject, _menuObjectTopBorder)_menuObjectContainer.style.margin = "10px";
for(var i = 0; i < this.Objects.length; i++){
this.TopBorderObject = _menuObjectTopBorder_menuObjectContainer.appendChild(this.Objects[i]);
this.Object = _menuObject;Objects[i].setAttribute("Parent", _menuObject.id);
}
if(window["Menus"] == undefined)
_menuObject.appendChild(_menuObjectContainer);
window["Menus"] = [];document.getElementById("main").appendChild(_menuObject);
document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder);
this.UpdatePosition(_menuObject, _menuObjectTopBorder);
this.TopBorderObject = _menuObjectTopBorder;
window.Menus[this.ID]Object = this;_menuObject;
if(window.Menus[window."Menus.length"] == this;undefined)
window["CurrentMenuMenus"] = this.ID;
[]; return this;
}
this.
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";
}
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";
this.Action = "";
this.Description = "";
this.Parent = "";
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";
SetControlEvents(_menuItemObject, "MOVER", function(){
this.style.backgroundColor = "#f6c342";
this.style.cursor = "pointer";
document.getElementById(this.id + "_Description").style.color = "#000";
});
SetControlEvents(_menuItemObject, "MOUT", function(){
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");
_menuItemObjectDescription.id = _menuItemObject.id + "_Description";
_menuItemObjectDescription.innerHTML = this.Description;
_menuItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
_menuItemObjectDescription.style.fontSize = "10pt";
_menuItemObjectDescription.style.color = "#fff";
_menuItemObject.appendChild(_menuItemObjectDescription);
return _menuItemObject;
}
return this.LoadComponents(optMenuItem);
}
return oMenuItem(optMenuItem);
}
createContainer = function(optContainer){
var oContainer = function(optContainer){
this.ID = "container1";
this.Title = "";
this.SubTitle = "";
this.ImageUrl = "";
this.Description = "";
this.NavigateUrl = "";
this.Wrapper = "";
this.Parent = "";
this.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 _containerObjectMaisInfo = null;
var _containerObjectMaisInfoA = null;
this.ID = optContainer.ID
this.Title = optContainer.Title;
this.SubTitle = optContainer.SubTitle;
this.ImageUrl = optContainer.ImageUrl;
this.Description = optContainer.Description;
this.NavigateUrl = optContainer.NavigateUrl;
this.Wrapper = optContainer.Wrapper;
this.Date = optContainer.Date;
_containerObject = document.createElement("div");
_containerObject.id = this.ID + "_MostExternalDiv";
_containerObject.style.width = "250px";
_containerObject.style.height = "auto";
_containerObject.style.background = "#fff";
_containerObject.style.border = "1px solid #c0c0c0";
_containerObject.style.padding = "10px";
_containerObject.style.margin = "10px";
_containerObject.style.float = "left";
_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;
_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";
_containerObjectSubTitle.style.width = "100%";
_containerObjectSubTitle.style.height = "35px";
_containerObjectSubTitle.style.textAlign = "center";
_containerObjectSubTitle.innerHTML = this.SubTitle;
_containerObject.appendChild(_containerObjectSubTitle);
_containerObjectImageBackground = document.createElement("div");
_containerObjectImageBackground.id = _containerObject .id + "_ImageBackground";
_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.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);
_containerObjectDate = document.createElement("span");
_containerObjectDate.id = _containerObject .id + "_MaisInfo";
_containerObjectDate.style.width = "auto";
_containerObjectDate.style.float = "left";
_containerObjectDate.innerHTML = this.Date;
_containerObjectMaisInfo.appendChild(_containerObjectDate);
_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;
}
return this.LoadComponents(optContainer);
}
return new oContainer(optContainer);
}
createTableOption = function(optTableOption){
var oTableOption= function(optTableOption){
this.ID = "tableOption1";
this.Objects = {};
this.Object = "";
this.Parent = "";
this.InnerHTML = "";
this.LoadComponents = function(optTableOption){
var _tableObject = null;
var _tableObjectContainer = null;
this.ID = optTableOptions.ID;
this.Objects = optTableOptions.Objects;
_tableObject = document.createElement("div");
_tableObject.id = this.ID + "_MostExternalDiv";
_tableObject.style.display = "none";
_tableObject.style.position = "absolute";
_tableObject.style.width = "100%";
_tableObject.style.backgroundColor= "#909090";
_tableObjectContainer = document.createElement("div");
_tableObjectContainer.id = _tableObject.id + "_Container";
_tableObjectContainer.style.width = "100%";
_tableObjectContainer.style.margin = "10px";
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");
var _divResult.appendChild(_tableObject);
this.InnerHTML = _divResult.innerHTML;
this.Object = _tableObject;
if(window["TableOptions"] == undefined)
window["TableOptions"] = [];
_containerObjectMaisInfo.style.height window.TableOptions[this.ID] = "20px";
_containerObjectMaisInfo.style.textAlign = "right"this;
window.TableOptions[window.TableOptions.length] = this;
_containerObjectMaisInfo.style.paddingTopwindow["CurrentTableOption"] = "5px";
this.ID;
return this;
}
_containerObjectMaisInfoA = document.createElement("a");
_containerObjectMaisInfoA.id = _containerObjectMaisInfo.id + "_A";
return this.LoadComponents(optTableOption);
}
_containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A";
_containerObjectMaisInfoA.href = this.NavigateUrl return new oTableOption(optTableOption);
}
createTableOptionItem = function(optTableOptionItem){
var oTableOptionItem = function(optTableOptionItem){
this.ID = "optionTableItem1";
_containerObjectMaisInfoA.text = "Mais [...]";
this.Action = "";
this.Description = "";
this.Parent = "";
this.LoadComponents = function(optTableOptionItem){
var _optionTableItemObject = null;
var _optionTableItemObjectDescription = null;
this.ID = optTableOptionItem.ID;
this.Action = optTableOptionItem.Action;
_containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA);
this.Description = optTableOptionItem.Description;
_containerObjectDateoptionTableItemObject = document.createElement("span");
_containerObjectDate.id = _containerObject .id + "_MaisInfo";
_containerObjectDate.style.width = "auto";
_containerObjectDate.style.float = "left";div");
_optionTableItemObject.id = this.ID + "_MostExternalDiv";
_optionTableItemObject.style.padding = "5px";
SetControlEvents(_optionTableItemObject, "MOVER", function(){
this.style.backgroundColor = "#f6c342";
this.style.cursor = "pointer";
_containerObjectDate.innerHTMLdocument.getElementById(this.id + "_Description").style.color = this.Date;
"#000";
_containerObjectMaisInfo.appendChild(_containerObjectDate});
_containerObject.appendChild(_containerObjectMaisInfo);
document.getElementById(this.Wrapper).appendChild(_containerObject);
SetControlEvents(_optionTableItemObject, "MOUT", function(){
this.style.backgroundColor = "#909090";
this.style.cursor = "default";
if(window["Containers"] == undefined)document.getElementById(this.id + "_Description").style.color = "#fff";
window["Containers"] = [];});
SetControlEvents(_optionTableItemObject, "CLICK", this.Action);
_optionTableItemObjectDescription = document.createElement("span");
_optionTableItemObjectDescription.id = _optionTableItemObject.id + "_Description";
_optionTableItemObjectDescription.innerHTML = this.Description;
window.Containers[this.ID] = this_optionTableItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
window.Containers[window.Containers.length]_optionTableItemObjectDescription.style.fontSize = this"10pt";
window["CurrentContainer"]_optionTableItemObjectDescription.style.color = this.ID"#fff";
return this;
_optionTableItemObject.appendChild(_optionTableItemObjectDescription);
}
return _optionTableItemObject;
}
return this.LoadComponents(optContaineroptTableOptionItem);
}
return new oContainer(optContainer);
}
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