Versões comparadas

Chave

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



...

Section

...

Column

...

width

...

trueResumoFIECtruepage
20%
Cloak
idFIEC

Toggle Cloak
idFIEMA
FIEMA

trueresumoFiematruepage
HTML
<a href="?pageId=415709081" class="customBtn btnLaranja toggleBtn" data-alvo="content_CNI">CNI - Departamento Nacional</a><br>
<a href="?pageId=643749210" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEC">FIEC - Ceará</a><br>
<a href="?pageId=556885227" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEMA">FIEMA - Maranhão</a><br>
<a href="?pageId=754250390
Cloak
idFIEMA
HTML
<br> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=388237128
" class="customBtn btnAzul 
btnVerde
toggleBtn"
> Guia de instalações e configurações</a><br> <a href="https://tdn.totvs.com/display/FDSTB/Novidades
 data-alvo="content_FIEMG">FIEMG - Minas Gerais</a><br>
<a href="?pageId=485854682" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEP">FIEP   - Paraná</a><br> 
<a href="?pageId=635046140" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEPA">FIEPA - Pará</a><br>
<a href="?pageId=544721399" class="customBtn 
btnVerde"> Novidades</a><br> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=415709081
btnAzul toggleBtn" data-alvo="content_FIEPE">FIEPE - Pernambuco</a><br>
<a href="?pageId=543093815" class="customBtn btnAzul toggleBtn" data-alvo="content_FIERGS">FIERGS - Rio Grande do Sul</a><br>
<a href="?pageId=752941123" class="customBtn btnAzul toggleBtn" data-alvo="content_FIERN">FIERN - Rio Grande do Norte</a><br>
<a href="?pageId=660092232" class="customBtn btnAzul toggleBtn" data-alvo="content_FIES">FIES   - Sergipe</a><br>
<a href="?pageId=454836666" class="customBtn btnAzul toggleBtn" data-alvo="content_FIRJAN">FIRJAN - Rio de Janeiro</a><br>
<a href="?pageId=388237128" class="customBtn btnVerde toggleBtn" data-alvo="content_InstalacoesConfiguracoes">Guia de instalações e configurações</a><br>
<script type="text/javascript">
    var toggleBtn = document.getElementsByClassName('toggleBtn');

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

	function toggleContent(alvo){
        toggleContentDisplayNone()
        var content = document.getElementById(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++){
	    	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
">
        CNI - Confederação Nacional das indústrias - Departamento Nacional</a><br>
<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: 50%300px;
 	min-width: 50%; 
	max-width: 50%600px; 
	text 
    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>