Jump to content


Photo

Mudando Conteúdo Na Coluna Central


  • Faça o login para participar
3 replies to this topic

#1 ronaldojuca

ronaldojuca

    Novato no fórum

  • Usuários
  • 11 posts
  • Sexo:Não informado

Posted 27/07/2004, 10:42

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.

#2 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

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.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#3 ronaldojuca

ronaldojuca

    Novato no fórum

  • Usuários
  • 11 posts
  • Sexo:Não informado

Posted 27/07/2004, 11:39

Se vc esta usando apenas html, use iframe..
Faça uma busca por iframe que vc vai encontrar varios topicos sobre o assunto.

Já consultei e tentei aplicar, mas nao deu certo.

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>&nbsp;</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 ronaldojuca

ronaldojuca

    Novato no fórum

  • Usuários
  • 11 posts
  • Sexo:Não informado

Posted 27/07/2004, 13:41

Ops !

Já consegui e deu certo.

Valeu.




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq