Olá !
Tenho uma página que uso CSS e DIV, dividida em tres coluna, (esquerda, central e direita).
Na coluna da esquerda tenho um menu com diversao opcoes.
Quando eu clicar em algum link no menu da coluna da esquerda eu quero mudar o conteudo da coluna central e manter o mesmo conteúdo nas colunas da direita e esquerda, como faço isso ?
Obrigado.
Mudando Conteúdo Na Coluna Central
Started By
ronaldojuca
, 27/07/2004, 10:42
3 replies to this topic
#1
Posted 27/07/2004, 10:42
#2
Posted 27/07/2004, 10:53
Se vc esta usando apenas html, use iframe..
Faça uma busca por iframe que vc vai encontrar varios topicos sobre o assunto.
Faça uma busca por iframe que vc vai encontrar varios topicos sobre o assunto.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#3
Posted 27/07/2004, 11:39
Já consultei e tentei aplicar, mas nao deu certo.Se vc esta usando apenas html, use iframe..
Faça uma busca por iframe que vc vai encontrar varios topicos sobre o assunto.
Estou passando um código de exemplo que pode explicar melhor o que quero:
<HTML>
<HEAD>
<style type="text/css">
body {
margin:1px 0 20px 0;
padding:0;
background-color:#FFFFFF;
font:italic 14px/1.5em
Verdana, Arial, Serif;
}
#topo{
float;
width:auto;
top:0;
left:0;
height:50px;
padding:3px 0 0 0;
background-color: #FFFFFF;
border-top:1px solid #666;
border-bottom:2px dotted #666;
color:write;
text-align:center;
}
#conteudoEsq {
position:absolute;
width:190px;
top:60px;
left:5px;
color:#99f;
padding-bottom:20px;
border-bottom:3px double #666;
}
#conteudoDir {
position:absolute;
width:140px;
top:60px;
right:5px;
color:#99f;
padding-bottom:20px;
border-bottom:3px double #666;
}
#colEsq {
background:#FFFFFF;
}
#sepEsqcolCentral {
margin-left:200px;
padding-left:2px;
background:#666;
}
#colDir {
background:#FFFFFF;
margin:0px;
}
#sepcolCentralDir {
margin-right:150px;
padding-right:2px;
background:#666;
}
#colCentral {
background:#FFFFFF;
color:#991;
padding:2px 10px;
text-align:justify;
border-bottom:1px solid #666;
}
#menuver {
padding: 0;
margin: 2em 0 0;
font: normal 12px "Trebuchet MS", Arial, Helvetica;
background: write; width: 170px;
border: solid blue;
border-width: 0 0 0 3px;
}
#menuver li {
list-style: none;
padding-left:1.0em; margin: 1.0em 0;
}
#menuver li a {
border-bottom: 1px solid blue;
text-decoration: none;
}
#menuver li a:link {
color: blue;
}
#menuver li a:visited {
color: black;
}
#menuver li a:hover {
color: #000;
font-weight: bold;
font-style: italic;
}
</style>
<TITLE>PISCINAS</TITLE>
</HEAD>
<body>
<div id="topo">
<h1> </h1>
</div>
<div id="conteudoEsq">
Coluna da esquerda
<ul id="menuver">
<li>
<a href="#"title="Entrada no site">Home</a>
</li>
<li>
<a href="#" title="Piscinas em Geral">Piscinas</a>
</li>
</ul>
</div>
<div id="colEsq">
<div id="sepEsqcolCentral">
<div id="colDir">
<div id="conteudoDir">
Coluna da direita
</div>
<div id="sepcolCentralDir">
<div id="colCentral">
<h1>COLUNA CENTRAL</h1>
<h2>Quando clicar em piscinas quero carregar para essa area um outro conteudo, sem alterar as colunas da esquerda e da direita</h2>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
#4
Posted 27/07/2004, 13:41
Ops !
Já consegui e deu certo.
Valeu.
Já consegui e deu certo.
Valeu.
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)