Mudando DIV
Gostaria de achar o erro do código. queria trocar a div da página. ela até troca...
mas em milésimos de segundos, ela volta pra div inicial... no outro código, esse mesmo código deu certo...
não faço ideia de onde está o erro... ambos estão sendo feitos em páginas externas.
Desde já, obrigada!
Código HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
<script type="text/javascript" src="js/troca_pag.js"></script>
<link rel="stylesheet" href="css/estilo.css">
<title>Meu Sistema</title>
</head>
<body>
<div id="menub">
<div id="m">
<a href=""><p onClick="troca('inicio')">Início</p></a>
<a href=""><p onClick="troca('produtos')">Produtos</p></a>
<a href=""><p onClick="troca('quem_somos')">Quem Somos</p></a>
<a href=""><p onClick="troca('parceiros')">Parceiros</p></a>
<a href=""><p onClick="troca('contatos')">Contatos</p></a>
</div>
</div>
<div id="conteudo">
<div id="inicio" class="corpo">Incício
</div>
<div id="produtos" class="corpo">Produtos
</div>
<div id="quem_somos" class="corpo">Quem Somos
</div>
<div id="parceiros" class="corpo">Parceiros
</div>
<div id="contatos" class="corpo">Contatos
</div>
</div>
</body>
</html>Código js
function troca(id){
if(id=='inicio'){
document.getElementById(id).style.display="block";
}
else if(id!='inicio'){
document.getElementById('inicio').style.display="none";
}
if(id=='produtos'){
document.getElementById(id).style.display="block";
}
else if(id!='produtos'){
document.getElementById('produtos').style.display="none";
}
if(id=='quem_somos'){
document.getElementById(id).style.display="block";
}
else if(id!='quem_somos'){
document.getElementById('quem_somos').style.display="none";
}
if(id=='parceiros'){
document.getElementById(id).style.display="block";
}
else if(id!='parceiros'){
document.getElementById('inicio').style.display="none";
}
if(id=='contatos'){
document.getElementById('inicio').style.display="block";
}
else if(id!='contatos'){
document.getElementById('inicio').style.display="none";
}
}Código CSS
*{
margin:0;
padding:0;box-sizing: border-box; /É importante para que os tamanhos se enaixem e não haja elementos saindo de outro/
}
body{
background:#D3D3D3;
}div{
}
.corpo{
display:none;
}
#menub{
width:100%;/height:100px;/
border: 2px solid #2F4F4F;
margin: 2px auto;
background:#2F4F4F;
margin-bottom:-5px;
}
#m{
}
#conteudo{
width:100%;
margin: 5px auto;
height:600px;
border: 2px solid #2F4F4F;
background:#2F4F4F;
}
#inicio{
margin:0px 0px;
width:100%;
height:570px;
float:right;
background: #778899;
display:block;
}
#produtos{
margin:0px 0px;
width:100%;
height:570px;
float:right;
background:#C0C0C0;
}
#quem_somos{
margin:0px 0px;
width:100%;
height:570px;
float:right;
background:#C0C0C0;
}(...)
Discussão (0)
Carregando comentários...