Alternar Contéudos De Un Div En Ajax

Junho 26, 2007

Bom gente, eu aqui de novo... meu problema anterior está resolvido (mesmo se não obtive proposta de ajudas ^^) <_<

Eu gostaria de saber como alternar o contéudo de um DIV sabendo que tenho um menu com 5links de contéudos totalmente diferentes? :unsure:

eu fiz assim (page.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="br" >
   <head>
       <title>-MICROSOL-</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="Cache-Control" content="no-store" />
        <meta http-equiv="Pragma" content="no-cache" />
       <link rel="stylesheet" media="screen" type="text/css" title="Css All pages" href="TesteMicroCss.css" />
        <script type="text/javascript" src="TesteMicroFuncoes.js"></script>
   </head>
   <body>
             <div id='Todos'>
            <div id="Principal">
                <div id="cabeca">
                    <a id="menu5" class="boutons" href="java script://" onclick="mudarTela(4)"></a>
                    <a id="menu4" class="boutons" href="java script://" onclick="mudarTela(3)"></a>    
                    <a id="menu3" class="boutons" href="java script://" onclick="mudarTela(2)"></a>
                    <a id="menu2" class="boutons" href="java script://" onclick="mudarTela(1)"></a>
                    <a id="menu1" class="boutons" href="java script://" onclick="mudarTela(0)"></a>
                </div>
                <!--Onde verei meus dados-->
                <div id="meio">
                                        <div id="rec1"></div>
                                 <!--Onde verei o conteudo dos 5 menus en funcao do click -->
                    <div id="info">
                            <!--Menu 1 -->
                            <div id="menu1">
                                <div id="Arec1" class="classmenu1"></div>
                                <div id="Arec2" class="classmenu1"></div>
                                <div id="Arec3" class="classmenu1"></div>                                                        
                                                        </div>
                            <!--Menu 2 -->
                            <div id="menu2">
                                <div id="Mrec1" class="classmenu2"></div>
                                <div id="Mrec2" class="classmenu2"></div>
                                <div id="Mrec3" class="classmenu2"></div>
                                <div id="Mrec4" class="classmenu2"></div>
                                <div id="Mrec5" class="classmenu2"></div>
                            </div>
                            <!--Menu 3 -->
                            <div id="menu3">
                                <div id="Crec1" class="classmenu3"></div>
                                <div id="Crec2" class="classmenu3"></div>
                                <div id="Crec3" class="classmenu3"></div>                                                        
                                                        </div>
                            <!--Menu 4 -->
                            <div id="menu4">
                                <div id="Hrec1" class="classmenu4"></div>
                                <div id="Hrec2" class="classmenu4"></div>
                                <div id="Hrec3" class="classmenu4"></div>                                                        
                                                        </div>
                            <!--Menu 5 -->
                            <div id="menu5" class="classmenu5"></div>
                    </div>
                    <div id="rec2"></div>
                    <div id="rec3"></div>
                    <div id="rec4"></div>
                    <div id="rec5"></div>
                    <div id="rec6"></div>
                </div>
                                <!--Aqui que se faz LOGOUT e onde verei POPUPS-->
                <div id="pe">
                    <form>
                        <input id="traiterlogout" onclick="funcao()" type="button" value="LOGOUT">
                    </form>
                </div>
            </div>
        </div>
    </body>
</html>

O "div id=info" fica no meio da tela o conteudo dele tem que mudar quando um dos menus são clicados. :blink:

Agora eu queria saber como eu posso fazer isso? :huh: porque eu nem faço ideia! :(

.Andreia. · Junho 27, 2007

Veja se é esta a ideia:

<script>
function LimpaDiv(id_opcao)
{
var conteudo = document.getElementById("conteudo");

conteudo.innerHTML = "";

if (id_opcao == 1)
	conteudo.innerHTML = "conteúdo da opção 1"
else if (id_opcao == 2)
	conteudo.innerHTML = "conteúdo da opção 2"
else if (id_opcao == 3)
	conteudo.innerHTML = "conteúdo da opção 3"

}
</script>

<body onload="LimpaDiv(1)">
<select name="menu" onchange="LimpaDiv(this.value)">
<option value="1">Opção 1</option>
<option value="2">Opção 2</option>
<option value="3">Opção 3</option>
</select>

<br><br>
<div id="conteudo"></div>

Junho 28, 2007

e se a aparencia do div mudar? se na opcao 1 e ter 3divs e na opcao2 e ter 5divs? isso continua sendo valido?

Entrar

Alternar Contéudos De Un Div En Ajax

Pergunta

Guest Rosy (Anjinho973)

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

.Andreia.

Link para o comentário

Compartilhar em outros sites

Guest Rosy (Anjinho973)

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades