Hola muchas gracias por la respuesta sería algo asi?
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
function creaAjax(){
var objetoAjax=false;
try {
/*Para navegadores distintos a internet explorer*/
objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
/*Para explorer*/
objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E) {
objetoAjax = false;
}
}
if (!objetoAjax && typeof XMLHttpRequest!='undefined') {
objetoAjax = new XMLHttpRequest();
}
return objetoAjax;
}
function FAjax(url,capa,valores){
var ajax=creaAjax();
var newContent = ajax.responseText;
var mainTarget = document.getElementById(capa);
ajax.open ('POST', url, true);
ajax.onreadystatechange = function() {
if (ajax.readyState==1) {
capaContenedora.innerHTML="Cargando.......";
}else if (ajax.readyState==4){
if(ajax.status==200){
document.getElementById(capa).innerHTML=ajax.responseText;
}else if(ajax.status==404){
mainTarget.innerHTML = "La direccion no existe";
} else{
try { // Esto funciona perfecto con los navegadores reales
mainTarget.innerHTML = newContent;
} catch (e) { // Solución para IExplorer
mainTarget.innerHTML = ''; // Eliminar contenido original
var wrapDiv = document.createElement('capaContenedora'); // Crear nuevo elemento
wrapDiv.innerHTML = newContent; // Asignar respuesta al nuevo elemento
mainTarget.appendChild(wrapDiv); // Insertar nuevo elemento
}
}
}
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
ajax.send(valores);
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<form method="post" action="#"> <input name="" type="button" value="Button" onclick="FAjax('ajax2.php','capaContenedora','campo1=1');" />
</form>
<div id="capaContenedora">
div
</div>
</body>
Mil gracias!!!