Versões comparadas

Chave

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



50%
Section
Column
width
20%
HTML
<br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=
388237128
415709081" class="customBtn btnLaranja 
btnVerde
toggleBtn"
> Guia de instalações e configurações</a><br> <a href="https://tdn.totvs.com/display/FDSTB/Novidades
 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 
btnVerde
btnAzul toggleBtn"
> Novidades<
 data-alvo="content_FIEMA">FIEMA - Maranhão</a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=
415709081
754250390" class="customBtn btnAzul toggleBtn"
> CNI - Confederação Nacional das indústrias - Departamento Nacional</a><br>
 data-alvo="content_FIEMG">FIEMG - Minas Gerais</a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=
643749210
485854682" class="customBtn btnAzul toggleBtn" 
expandir
data-alvo="
FIEC
content_FIEP"
>
>FIEP 
  - Paraná</a><br> 
<a href="?pageId=635046140" class="customBtn btnAzul 
FIEC
toggleBtn" data-
Federação das Indústrias do Ceará<
alvo="content_FIEPA">FIEPA - Pará</a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=
556885227
544721399" class="customBtn btnAzul toggleBtn"
> FIEMA - Federação das Indústrias do Estado do Maranhão</a><br> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=635046140
 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"
> FIEPA - Federação das Indústrias do Estado do Pará</a><br>
 data-alvo="content_FIERN">FIERN - Rio Grande do Norte</a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=
544721399
660092232" class="customBtn btnAzul toggleBtn"
>
 data-alvo="content_FIES">FIES   
FIEPE - Federação das Indústrias do Estado de Pernambuco<
- Sergipe</a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=
485854682
454836666" class="customBtn btnAzul toggleBtn"
> FIEP - Federação das Indústrias do Paraná</a><br>
 data-alvo="content_FIRJAN">FIRJAN - Rio de Janeiro</a><br>
<a href="
https://tdn.totvs.com/pages/viewpage.action
?pageId=
543093815
388237128" class="customBtn 
btnAzul">
btnVerde toggleBtn" data-alvo="content_InstalacoesConfiguracoes">Guia de instalações e configurações</a><br>
<script type="text/javascript">
    var toggleBtn = 
FIERGS - Federação das Indústrias do Rio Grande do Sul</a><br>
document.getElementsByClassName('toggleBtn');

    for (var i = 0; i < toggleBtn.length; i++){
      
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=660092232" class="customBtn btnAzul"> FIES - Federação das Indústrias do Estado de Sergipe</a><br> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=454836666" class="customBtn btnAzul">
  toggleBtn[i].addEventListener('mouseover', toggleContent.bind(null, $(toggleBtn[i]).data("alvo")));
    } 

	function toggleContent(alvo){
        toggleContentDisplayNone()
        var content = document.getElementById(alvo);
        
FIRJAN - Federação das Indústrias do Rio de Janeiro</a><br>
if(content.style.display === 'none'){
           
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=752941123" class="customBtn btnAzul">
 content.style.display = 'block';
        
FIERN
}
 
-
 
Federação
 
das
 
Indústrias
}

 
do
 
Rio
 
Grande
 
do Norte</a><br>
function toggleContentDisplayNone(){
        
<a
var contents 
href="https://tdn.totvs.com/pages/viewpage.action?pageId=754250390" class="customBtn btnAzul"> FIEMG - Federação das Indústrias de Minas Gerais</a><br>
= 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



trueResumoFIECtruepagetrueresumoFiematruepage
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: 
5px
1px;
	width: 
530px
300px;
 	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>
Column
width50%
Cloak
visibletrue
idFIEC
Cloak
idFIEMA