Histórico da Página

...

Section

Column

width	55%

HTML

<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=388237128" class="customBtn btnVerde"> 
        Guia de instalações e configurações</a><br>
<a href="https://tdn.totvs.com/display/FDSTB/Novidades" class="customBtn btnVerde"> 
        Novidades</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=415709081" class="customBtn btnAzul">
        CNI - Confederação Nacional das indústrias - Departamento Nacional</a><br> 
<a class="customBtn btnAzul toggleBtn" target="content_FIEC">FIEC - Federação das Indústrias do Ceará</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIEMA">FIEMA - Federação das Indústrias do Estado do Maranhão</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIEPA">FIEPA - Federação das Indústrias do Estado do Pará</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIEPE">FIEPE - Federação das Indústrias do Estado de Pernambuco</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIEP">FIEP - Federação das Indústrias do Paraná</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIERGS">FIERGS - Federação das Indústrias do Rio Grande do Sul</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIES">FIES - Federação das Indústrias do Estado de Sergipe</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIRJAN">FIRJAN - Federação das Indústrias do Rio de Janeiro</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIERN">FIERN - Federação das Indústrias do Rio Grande do Norte</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIEMG">FIEMG - Federação das Indústrias de Minas Gerais</a><br>

Column

width	45%

Cloak

id	FIEC

false

trueResumoFIECtruepage

Cloak

id	FIEMA

false

trueresumoFiematruepage

Cloak

id	FIEPA

false

trueresumoFiepatruepage

Cloak

id	FIEPE

false

trueresumoFiepetruepage

Cloak

id	FIEP

false

trueresumoFieptruepage

Cloak

id	FIERGS

false

trueresumoFiergstruepage

Cloak

id	FIES

false

trueresumoFiestruepage

Cloak

id	FIRJAN

false

trueresumoFirjantruepage

Cloak

id	FIERN

false

trueresumoFierntruepage

Cloak

id	FIEMG

false

trueresumoFiemgtruepage

HTML

<script>
    var toggleBtn = document.getElementsByClassName('toggleBtn');

    for (var i = 0; i < toggleBtn.length; i++){
        toggleBtn[i].addEventListener('click', toggleContent.bind(null, toggleBtn[i].target));
    }

    function toggleContent(target){
        toggleContentDisplayNone()
        var content = document.getElementById(target);
        if(content.style.display === 'none'){
            content.style.display = 'block';
        }
    }

    function toggleContentDisplayNone(){
        var contents = document.getElementsByClassName('cloak')
        for(var i = 0; i < contents.length; i++){
            if(contents[i].style.display != 'none')
                contents[i].style.display = 'none';
        }
    }
</script>
<style> 
.customBtn {
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-size:16px;
	font-weight:bold;
	padding: 8px 32px;
	text-decoration:none;
	margin: 1px;
	width: 530px;
 	min-width: 50%; 
	max-width: 600px;  
    text-decoration: none;
}

.customBtn:active {
	position:relative;
	top:1px;
}

.btnAzul{
  	background-color:#609af7; 
}

.btnAzul:hover {
	background-color:#4d84db;
	text-decoration: none;
}

.btnVerde{
  	background-color:#38d161;
}

.btnVerde:hover {
	background-color:  #31b754;
	text-decoration: none;
}  </style>

...

Atalhos

Páginas filhas

Versões comparadas

Versão antiga 74

Nova versão 75

Chave