Histórico da Página
...
HTML |
---|
<style type="text/css">
.expand-container{
margin-top:5px !important;
font-weight: normal !important;
}
.expand-control{
margin-bottom: 5px !important;
}
pre{
white-space: inherit !important;
}
table tr:nth-child(odd), table tr:nth-child(odd) > *{
background: transparent !important;
border: 0 !important;
}
.pdl .codeContent .gutter{
border-right: 1px solid #ccc !important;
}
.wiki-content .innerCell {
overflow-y: hidden;
}
.HiddenDiv .confluence-information-macro .confluence-information-macro pre{
display: none;
}
.HiddenDiv .wiki-content a:link, .HiddenDiv .wiki-content a, .HiddenDiv .tab-nav-link, .HiddenDiv .current{
color: #000 !important;
}
.wiki-content a:link {
color: #000 !important;
}
.lastDiv + pre{
font-family: inherit;
}
.white-container{
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
box-shadow: 2px 2px 2px #aaa;
}
.confluence-embedded-file-wrapper .confluence-embedded-image{
max-width: 100% !important;
max-height: 100%;
}
div .outerDiv{
border:1px solid #aab8c6;
padding:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f7f7f7;
}
div .outerDivWrapper{
background:#f7f7f7;
width:calc(100% - 10px);
height:30px;color: #000;
font-weight:bold;
font-size: 16px;
padding:5px;
border-bottom: 1px solid #aab8c6;
margin-bottom:14px;
}
div .groupOuterDiv{
border: 1px solid #aab8c6
}
div .groupOuterDivWrapper{
background:#f7f7f7;
width:calc(100% - 10px);
height:30px;color: #000;
font-weight:bold;
font-size: 16px;
padding:5px;
border-bottom: 0px;
}
span .outerDivWrapperTitleSpan{
float: left;
}
img .outerDivWrapperTitleSpanImg{
width: 16px;
height: 16px;
margin-top:3px
}
span .outerDivWrapperTitleSpanText{
float:left;
font-size:inherit;
padding-left:5px;
}
</style> |
Bloco de código | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
<style type="text/css"> .expand-container{ margin-top:5px !important; font-weight: normal !important; } .expand-control{ margin-bottom: 5px !important; } pre{ white-space: inherit !important; } table tr:nth-child(odd), table tr:nth-child(odd) > *{ background: transparent !important; border: 0 !important; } .pdl .codeContent .gutter{ border-right: 1px solid #ccc !important; } .wiki-content .innerCell { overflow-y: hidden; } .HiddenDiv .confluence-information-macro .confluence-information-macro pre{ display: none; } .HiddenDiv .wiki-content a:link, .HiddenDiv .wiki-content a, .HiddenDiv .tab-nav-link, .HiddenDiv .current{ color: #000 !important; } .wiki-content a:link { color: #000 !important; } .lastDiv + pre{ font-family: inherit; } .white-container{ -moz-box-shadow: 2px 2px 2px #aaa; -webkit-box-shadow: 2px 2px 2px #aaa; box-shadow: 2px 2px 2px #aaa; } .confluence-embedded-file-wrapper .confluence-embedded-image{ max-width: 100% !important; max-height: 100%; } div .outerDiv{ border:1px solid #aab8c6; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #f7f7f7; } div .outerDivWrapper{ background:#f7f7f7; width:calc(100% - 10px); height:30px;color: #000; font-weight:bold; font-size: 16px; padding:5px; border-bottom: 1px solid #aab8c6; margin-bottom:14px; } div .groupOuterDiv{ border: 1px solid #aab8c6 } div .groupOuterDivWrapper{ background:#f7f7f7; width:calc(100% - 10px); height:30px;color: #000; font-weight:bold; font-size: 16px; padding:5px; border-bottom: 0px; } </style> |
...
HTML |
---|
<script type="text/javascript"> Totvs = { CollapsiblePanel: function(optCollapsiblePanel){ var oCollapsiblePanel = function(optCollapsiblePanel){ this.Id = "CollapsiblePanel1"; this.ElementToAttach = window.body; this.TitleMark = "titlemark"; this.Title = ""; this.TitleImageUrl = ""; this.Groups = []; this.LoadComponents = function(optCollapsiblePanel){ if(optCollapsiblePanel != null && optCollapsiblePanel != undefined && !$.isEmptyObject(optCollapsiblePanel)){ if(optCollapsiblePanel.Id != null && optCollapsiblePanel.Id != undefined && optCollapsiblePanel.Id != "") this.Id = optCollapsiblePanel.Id; if(optCollapsiblePanel.ElementToAttach != null && optCollapsiblePanel.ElementToAttach != undefined) this.ElementToAttach = optCollapsiblePanel.ElementToAttach; if(optCollapsiblePanel.Title != null && optCollapsiblePanel.Title != undefined && optCollapsiblePanel.Title != "") this.Title = optCollapsiblePanel.Title; if(optCollapsiblePanel.TitleMark != null && optCollapsiblePanel.TitleMark != undefined && optCollapsiblePanel.TitleMark != "") this.TitleMark = optCollapsiblePanel.TitleMark.replace("<").replace(">"); if(optCollapsiblePanel.TitleImageUrl != null && optCollapsiblePanel.TitleImageUrl != undefined && optCollapsiblePanel.TitleImageUrl != "") this.TitleImageUrl = optCollapsiblePanel.TitleImageUrl; if(optCollapsiblePanel.Groups != null && optCollapsiblePanel.Groups != undefined) this.Groups = optCollapsiblePanel.Groups ; } var ElementCollapsiblePanel = document.createElement('div'); ElementCollapsiblePanel.id = this.Id + "_OuterDiv"; ElementCollapsiblePanel.name = this.Id + "_OuterDiv"; ElementCollapsiblePanel.className = "outerDiv"; var ElementCollapsiblePanelWrapper = document.createElement('div'); ElementCollapsiblePanelWrapper.id = this.Id + "_OuterDivWrapper"; ElementCollapsiblePanelWrapper.name = this.Id + "_OuterDivWrapper"; ElementCollapsiblePanelWrapper.className = "outerDivWrapper"; if(this.Title != null && this.Title != undefined && this.Title != ""){ ElementCollapsiblePanelWrapper.innerHTML = this.Title; if(this.TitleImageUrl != null && this.TitleImageUrl != undefined && this.TitleImageUrl != ""){ var ElementCollapsiblePanelWrapperTitleSpan = document.createElement('span'); ElementCollapsiblePanelWrapperTitleSpan.id = this.Id + "_OuterDivWrapperTitleSpan"; ElementCollapsiblePanelWrapperTitleSpan.name = this.Id + "_OuterDivWrapperTitleSpan"; ElementCollapsiblePanelWrapperTitleSpan.className = "outerDivWrapperTitleSpan"; var ElementCollapsiblePanelWrapperTitleSpanImg = document.createElement('img'); ElementCollapsiblePanelWrapperTitleSpanImg.id = this.Id + "_OuterDivWrapperTitleSpanImg"; ElementCollapsiblePanelWrapperTitleSpanImg.name = this.Id + "_OuterDivWrapperTitleSpanImg"; ElementCollapsiblePanelWrapperTitleSpanImg.className = "outerDivWrapperTitleSpanImg"; ElementCollapsiblePanelWrapperTitleSpanImg.src = this.TitleImageUrl; ElementCollapsiblePanelWrapperTitleSpan.appendChild(ElementCollapsiblePanelWrapperTitleSpanImg); var ElementCollapsiblePanelWrapperTitleSpanText = document.createElement('span'); ElementCollapsiblePanelWrapperTitleSpanText .id = this.Id + "_OuterDivWrapperTitleSpanText"; ElementCollapsiblePanelWrapperTitleSpanText .name = this.Id + "_OuterDivWrapperTitleSpanText"; ElementCollapsiblePanelWrapperTitleSpanText .className = "outerDivWrapperTitleSpanText"; ElementCollapsiblePanelWrapperTitleSpanText.innerHTML = this.Title; ElementCollapsiblePanelWrapper.appendChild(ElementCollapsiblePanelWrapperTitleSpan); ElementCollapsiblePanelWrapper.appendChild(ElementCollapsiblePanelWrapperTitleSpanText); } } else{ if($(window.document).find(this.TitleMark).length > 0) ElementCollapsiblePanelWrapper.innerHTML = $(window.document).find(this.TitleMark)[0].innerHTML; } ElementCollapsiblePanel.appendChild(ElementCollapsiblePanelWrapper); for(var i = 0; i < this.Groups.length; i++){ ElementCollapsiblePanel.appendChild(this.Groups[i]); } if(typeof this.ElementToAttach === "string") this.ElementToAttach = document.getElementById(this.ElementToAttach); this.ElementToAttach.appendChild(ElementCollapsiblePanel); return this; } return this.LoadComponents(optCollapsiblePanel); } return new oCollapsiblePanel(optCollapsiblePanel); }, CollapsiblePanelGroup: function(optCollapsiblePanelGroup){ var oCollapsiblePanelGroup = function(optCollapsiblePanelGroup){ this.Id = "CollapsiblePanelGroup1"; this.Parent = null; this.GroupTitleMark = "grouptitlemark{0}" this.GroupTitle = ""; this.LoadComponents = function(optCollapsiblePanelGroup){ if(optCollapsiblePanelGroup!= null && optCollapsiblePanelGroup!= undefined && !$.isEmptyObject(optCollapsiblePanelGroup)){ if(optCollapsiblePanelGroup.GroupTitle != null && optCollapsiblePanelGroup.GroupTitle != undefined && optCollapsiblePanelGroup.GroupTitle != "") this.GroupTitle = optCollapsiblePanelGroup.GroupTitle; if(optCollapsiblePanelGroup.GroupTitleMark != null && optCollapsiblePanelGroup.GroupTitleMark != undefined && optCollapsiblePanelGroup.GroupTitleMark != "") this.GroupTitleMark = optCollapsiblePanelGroup.GroupTitleMark.replace("<").replace(">"); } var ElementCollapsiblePanelGroup = document.createElement('div'); ElementCollapsiblePanelGroup.id = this.Id + "_GroupOuterDiv"; ElementCollapsiblePanelGroup.name = this.Id + "_GroupOuterDiv"; ElementCollapsiblePanelGroup.className = "groupOuterDiv"; var ElementCollapsiblePanelGroupWrapper = document.createElement('div'); ElementCollapsiblePanelGroupWrapper.id = this.Id + "_GroupOuterDivWrapper"; ElementCollapsiblePanelGroupWrapper.name = this.Id + "_GroupOuterDivWrapper"; ElementCollapsiblePanelGroupWrapper.className = "groupOuterDivWrapper"; if(this.GroupTitle != null && this.GroupTitle != undefined && this.GroupTitle != "") ElementCollapsiblePanelGroupWrapper.innerHTML = this.GroupTitle; else{ if($(window.document).find(this.GroupTitleMark).length > 0) ElementCollapsiblePanelGroupWrapper.innerHTML = $(window.document).find(this.GroupTitleMark)[0].innerHTML; } ElementCollapsiblePanelGroup.appendChild(ElementCollapsiblePanelGroupWrapper); return ElementCollapsiblePanelGroup; } return this.LoadComponents(optCollapsiblePanelGroup); } return oCollapsiblePanelGroup(optCollapsiblePanelGroup); }, CollapsiblePanelGroupItem: function(optCollapsiblePanelGroupItem){ } } </script> <div id="divContent"></div> <titlemark>Título</titlemark> |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas