Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.



Section
<script>trueResumoFIECtruepagetrueresumoFiematruepagetrueresumoFiepatruepagetrueresumoFiepetruepagetrueresumoFieptruepagetrueresumoFiergstruepagetrueresumoFiestruepagetrueresumoFirjantruepagetrueresumoFierntruepagetrueresumoFiemgtruepagetrueresumoFirjantruepagetrueresumoFirjantruepage
Column
width55%20%
HTML
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=388237128415709081" class="customBtn btnVerdebtnLaranja toggleBtn"> 
        Guia de instalações e configurações< data-alvo="content_CNI">CNI - Departamento Nacional</a><br>
<a href="https://tdn.totvs.com/display/FDSTB/Novidades?pageId=643749210" class="customBtn btnVerdebtnAzul toggleBtn"> 
        Novidades< data-alvo="content_FIEC">FIEC - Ceará</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=415709081556885227" class="customBtn btnAzul toggleBtn">
        CNI - Confederação Nacional das indústrias - Departamento Nacional</a><br>
 
<a data-alvo="content_FIEMA">FIEMA - Maranhão</a><br>
<a href="?pageId=754250390" class="customBtn btnAzul toggleBtn" targetdata-alvo="content_FIECFIEMG">FIEC>FIEMG - Federação das Indústrias do Ceará<Minas Gerais</a><br>
<a href="?pageId=485854682" class="customBtn btnAzul toggleBtn" targetdata-alvo="content_FIEMAFIEP">FIEMA>FIEP - Federação das Indústrias do Estado do Maranhão<- Paraná</a><br> 
<a href="?pageId=635046140" class="customBtn btnAzul toggleBtn" targetdata-alvo="content_FIEPA">FIEPA - Federação das Indústrias do Estado do Pará</a><br>
<a href="?pageId=544721399" class="customBtn btnAzul toggleBtn" targetdata-alvo="content_FIEPE">FIEPE - Federação das Indústrias do Estado de Pernambuco</a><br>
<a href="?pageId=543093815" class="customBtn btnAzul toggleBtn" targetdata-alvo="content_FIEPFIERGS">FIEP>FIERGS - FederaçãoRio dasGrande Indústrias do Paraná<Sul</a><br>
<a href="?pageId=752941123" class="customBtn btnAzul toggleBtn" targetdata-alvo="content_FIERGSFIERN">FIERGS>FIERN - Federação das Indústrias do Rio Grande do Sul<Norte</a><br>
<a href="?pageId=660092232" class="customBtn btnAzul toggleBtn" targetdata-alvo="content_FIES">FIES - Federação das Indústrias do Estado de - Sergipe</a><br>
<a href="?pageId=454836666" class="customBtn btnAzul toggleBtn" targetdata-alvo="content_FIRJAN">FIRJAN - Federação das Indústrias do Rio de Janeiro</a><br>
<a classhref="customBtn btnAzul toggleBtn" target="content_FIERN">FIERN - Federação das Indústrias do Rio Grande do Norte</a><br>
<a ?pageId=388237128" class="customBtn btnAzulbtnVerde toggleBtn" targetdata-alvo="content_FIEMGInstalacoesConfiguracoes">FIEMG>Guia -de Federaçãoinstalações das Indústrias de Minas Gerais<e configurações</a><br>   
Column
width45%
Cloak
idFIEC
Cloak
idFIEMA
Cloak
idFIEPA
Cloak
idFIEPE
Cloak
idFIEP
Cloak
idFIERGS
Cloak
idFIES
Cloak
idFIERJAN
Cloak
idFIERN
Cloak
idFIEMG
Cloak
idFIERJAN
Cloak
idFIERJAN
HTML

<script type="text/javascript">
    var toggleBtn = document.getElementsByClassName('toggleBtn');

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

	function toggleContent(
target
alvo){
        toggleContentDisplayNone()
        var content = document.getElementById(
target
alvo);
        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>
Column
width80%
Cloak
visibletrue
idInstalacoesConfiguracoes
false


trueInstalacoesConfiguracoestruepage

Cloak
idCNI
false


trueProjetostruepage

Cloak
idFIEC
false


trueFiectruepage

Cloak
idFIEMA
false


trueresumoFiematruepage

Cloak
idFIEPA
false


trueresumoFiepatruepage

Cloak
idFIEPE
false


trueresumoFiepetruepage

Cloak
idFIEP
false


trueresumoFieptruepage

Cloak
idFIERGS
false


trueresumoFiergstruepage

Cloak
idFIES
false


trueresumoFiestruepage

Cloak
idFIRJAN
false


trueresumoFirjantruepage

Cloak
idFIERN
false


trueresumoFierntruepage

Cloak
idFIEMG
false


trueresumoFiemgtruepage



HTML

<style> 
.customBtn {
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:13px 8px 32px;
	text-decoration:none;
	margin: 5px1px;
	width: 530px300px;
 	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;
}

.btnRoxo{
  	background-color:#6b48ff; 
}

.btnRoxo:hover {
	background-color:#6147cd;
	text-decoration: none;
}
 

.btnLaranja{
  	background-color:#FFAB00; 
}

.btnLaranja:hover {
	background-color:#FF9900;
	text-decoration: none;
}  

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

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