AJUDA COM DIVS E AJAX

JavaEvangelist Membro desde: 27/07/2006 19:56:35 Mensagens: 303 Offline

Ae pessoal tudo bom com vcs,
estou eu aqui, mais uma vez, perguntando....
porque como diz o ditado, perguntar nao ofende

mas entao, estou aqui com um enorme problema, é o seguinte:

Preciso fazer um site em ajax, que contem uma série de <div>

e preciso que, ao clicar em determinado botao, determinada tela apareca no div que eu desejar.

ó, abaixo ta o meu codigo, no seu estado atual, quero apenas que o menu: North tenha 1 botao que chame outro menu na div West, deu pra entender ?
segue o codigo

east: {

split:true,
	                        initialSize: 202,
	                        minSize: 175,
	                        maxSize: 400,
	                        titlebar: true,
	                        collapsible: true,
                            animate: true

},

south: {
	                        split:true,
	                        initialSize: 50,
	                        minSize: 100,
	                        maxSize: 200,
	                        titlebar: true,
	                        collapsible: true,
                            animate: true
	                    },
	                    center: {
	                        titlebar: true,
	                        autoScroll:true
	                    }
	                });

toggleWest : function(link){
	                var west = layout.getRegion('west');
	                if(west.isVisible()){
	                    west.hide();
	                    link.innerHTML = 'Mostrar o Menu';
	                }else{
	                    west.show();
	                    link.innerHTML = 'Esconder o Menu';
	                }
	           }
	     }

}();
	YAHOO.ext.EventManager.onDocumentReady(Example.init, Example, true);
    </script>
</head>
<body>
<div id ="container">
    <div id="north" class="ylayout-inactive-content">

<a href="#" onclick="Example.toggleWest(this);return false;">Mostrar o Menu</a>

</div>    
    
    
 
  <div id="west" class="ylayout-inactive-content">

</div>

<div id="autoTabs" class="ylayout-inactive-content"> The layout manager will
    automatically create and/or remove the TabPanel component when a region has
    more than one panel. Close one of my panels and you can see what I mean. </div>
  <div id="center2" class="ylayout-inactive-content">

teste
	<p><a href="#" onclick="Example.toggleWest(this);return false;">Show West Region</a></p>
  </div>

<div id="center1" class="ylayout-inactive-content">
	teste
  </div>
  <div id="props-panel" class="ylayout-inactive-content" style="width:200px;height:200px;overflow:hidden;">
  </div>
  <div id="south" class="ylayout-inactive-content">Status BAR.... </div>
</div>

</body>
</html>

JavaEvangelist Membro desde: 27/07/2006 19:56:35 Mensagens: 303 Offline

explicando melhor:

quero que na div:
<div id="north" class="ylayout-inactive-content">
exista um botao que ao ser pressionado, acione um menu na div:

<div id="west" class="ylayout-inactive-content">
e nesse menu existam mais outros botoes que ao serem precionados acionem a div:

<div id="center1" class="ylayout-inactive-content">

galera, valeu mesmo!

voce conhece o ajax ? tem noção básica de como fazer ?

se conhece, basta fazer +- assim:

1) ao clicar no botao em north, dispare uma funcao js
2) essa funcao js deve rodar o arquivo do menu em ajax. ex:
seu arquivo menu.jsp ou menu.php ou sei la o que deve rodar pelo HTTPRequest. Quando o arquivo for processado, o menu vai estar no atributo responseText, do objeto req (request).
3) Depois de rodar o menu, simplesmente "pegue" a div west pelo getElementById e faça seu innerHTML ser o menu, que está no req.responseText

essa explicacao da pra entender se voce jah tem noção. Se não tiver, tem que ler alguma coisa a respeito.

JavaEvangelist Membro desde: 27/07/2006 19:56:35 Mensagens: 303 Offline

eu consegui brother....
consegui fazer isso funcionar parcialmente, eu li oq vc falo, e adaptei aqui os codigos e NAO ME PERGUNTE COMO, eu consegui fazer funciona!!!

hahaha isso q eh mais legal, se vai tentano, tentano, tentano...ate que uma hora parece q eh milagre de deus, o bagui funciona!!!!

valeu ai !!

huaauhuha... coisas de programação..

Se for só para esconder um div e apresentar outro você pode fazer assim.

JavaEvangelist Membro desde: 27/07/2006 19:56:35 Mensagens: 303 Offline

ohh, mandou bem nessa ai velho...
exelente!!!

valeu mesmo

Edit:

Outra duvidazinha bem simples, dessa vez de JSTL:

atualmente:

objetivo:
mudar a tag Select pra um hyperlink simples, que chame minha função

Função que quero chamar:

JavaEvangelist Membro desde: 27/07/2006 19:56:35 Mensagens: 303 Offline

Notícias, artigos e o maior fórum brasileiro sobre Java