[Resolvido] HTML Menu

[Durbano 1]

Olá amigos,

 

Estou querendo fazer um menu que ao clicar em alguns links do MENU ele abra na div logo abaixo.

 

Mas não quero utilizar FRAME.

 

Sobre o innerHTML não sei um jeito bom de utiliza-lo porque o código do site inteiro ficaria em uma página SÓ.

 

Alguém conhece alguma maneira de fazer isso.

 

 

Obrigado desde já !

[crf_h0m3r 5]

Sobre o innerHTML não sei um jeito bom de utiliza-lo porque o código do site inteiro ficaria em uma página SÓ.

 

Como assim? :huh:

[Dropes 0]

Opa amigo isso e so voce usar java script e css e um codigo bem simples.

 

<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
	navRoot = document.getElementById("nav");
	for (i=0; i<navRoot.childNodes.length; i++) {
		node = navRoot.childNodes[i];
		if (node.nodeName=="LI") {
			node.onmouseover=function() {
				this.className+=" over";
			}
			node.onmouseout=function() {
				this.className=this.className.replace(" over", "");
			}
		}
	}
}
}
window.onload=startList;

var http = false;

if(navigator.appName == "Microsoft Internet Explorer") {
http = new ActiveXObject("Microsoft.XMLHTTP");
} else {
http = new XMLHttpRequest();
} 

function troca(pagina, dives) {
http.open("GET", pagina, true);
http.onreadystatechange=function() {
   if(http.readyState == 4) {
     document.getElementById(dives).innerHTML = http.responseText;
   }
 }
http.send(null);
}
</script>
//aqui voce vai  enviar para a function troca o nome da sua pagian que qeur abir e o id da div que voce quer que abra
<a style="text-decoration:none;" href="#" onclick="javascript:troca('Sua_Pagina.html', 'div_q_vai_abrir')"></a>

<div id="div_q_vai_abrir"></div>

[Durbano 1]

Dropes valeu !! Funcionou legal aqui.

 

Agora se não for pedir muito, eu entendi apenas a função TROCA, o resto das funções eu não entendi, não conheço muito de JS. Se você puder dar uma pequena explicação da função startList eu vou agrader muito, já estou pesquisando para ver se consigo compreender os comandos.

 

 

Agradeço..vlw!!!!