Menu con ajax

[cmarrero]

Hola todos necesito saber los siguiente...

Quiero hacer un menu que me cargue la pagina a la que apunta en un <div>...

Esto es lo voy haciendo hasta ahora... en AJAX.

modulos.js

Código HTML:

function xmlhttp(){
		var xmlhttp;
		try{xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");}
		catch(e){
			try{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
			catch(e){
				try{xmlhttp = new XMLHttpRequest();}
				catch(e){
					xmlhttp = false;
				}
			}
		}
		if (!xmlhttp) 
				return null;
			else
				return xmlhttp;
	}

function pagina(){
		var query = document.getElementById('q');
		var A = document.getElementById('resultados');

		var ajax = xmlhttp();

		ajax.onreadystatechange=function(){
			
				if(ajax.readyState==4){
						A.innerHTML = ajax.responseText;

					}
			}
		ajax.open("GET","pagina1.html",true);
		ajax.send(null);
		return false;
	}

Y en al vinculo le pongo...

onClic = "return pagina()";

Pero el problema es con varios botones, como puedo modificar esto para que me cargue una pagina de acuerdo al boton que preciono...

Es decir .... un boton que diga pagina 1.... <a href="#" onclick="return pagina(AQUI LA PAGINA A LA QUE QUIERO QUE VAYA)">pagina 1</a>

Como tengo que armar el Ajax para que esto funcione...

Gracias

[GatorV]

Hola cmarrero,

Lo que tendrías que hacer es modificar tu función pagina() para que acepte un parámetro que sea la pagina destino y usar esa variable dentro de tu función.

Saludos.