[Resolvido] Tentando substituir Iframes por Divs

[polloooo 0]

Opa pessoal.

To tentando fazer um menu que carregue um conteúdo dentro da msma pagina dentro de uma Div. Mas nao estou conseguindo.

O codigo é esse:

<script>
function abrir(pagina) {
    document.getElementById('conteudo').innerHTML = document.getElementById(pagina).innerHTML;
}
window.onload = function() {
            document.getElementById('conteudo').innerHTML = document.getElementById('midiaexterior').innerHTML;
        }
</script>
		<div id="portfolioOpcoes">
			<p class="barNav">
<a href="javascript:abrir('midiaexterior');">MIDIA EXTERIOR</a>
<a href="javascript:abrir('solucoesweb');">SITES E SISTEMAS WEB</a>
<a href="javascript:abrir('designgrafico');">DESIGN GRÁFICO</a>
</p>
		</div>
		<div id="conteudo">
		<div id="midiaexterior" style="display:none;">oi</div>
		<div id="solucoesweb" style="display:none;">olá</div>
		<div id="designgrafico" style="display:none;">hello</div>
		</div>

Ela carrega o primeiro conteudo numa boa,mas qnd clico nos outros links eles nao carregam o conteudo da outra div.

como resolver isso???

vlw

[William Bruno 1501]

O problema, é que qndo carrega o primeiro, você 'apaga' os outros.

 

Pois substitui.. para fazer oque você quer, dessa forma ai você precisa, separar:

                <div id="conteudo"></div><!-- /conteudo -->
                <div id="midiaexterior" style="display:none;">oi</div>
                <div id="solucoesweb" style="display:none;">olá</div>
                <div id="designgrafico" style="display:none;">hello</div>

Ai o teu código vai funcionar.

 

Mas mesmo assim, se for 'muita coisa', o povo costuma fazer esse processo com AJAX. Tem vários topicos no forum falando sobre, dê uma procurada.

 

Tópico Movido:

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript / DHTML

[polloooo 0]

Opa. Muito obrigado.

O seu método deu certo.

Eu dei uma procurada ai de como fazer no AJAX,mas nao achei.

se der pra postar ai os links.

 

Muito obrigado.

[William Bruno 1501]

exemplo recente:

http://forum.imasters.com.br/index.php?/topic/384836-carregando-pagina-com-ajax-nao-consigo-encontrar-o-erro/page__view__getnewpost