Hola gente, antes que nada soy novata en esto y no se nada! Pero necesito hacer un trabajo con ajax y necesito algo de su ayuda!
Tengo un index.html y la pagina uno.html..
El caso es que en el index, al apretar sobre mi botonera necesito que uno.html se 'inserte' en él, osea se reemplaze..
Lo que consigo es, si bien se reemplaza en la misma pagina, se coloca el primero en el lugar donde debe ir, pero al clickear sobre los demas se van poniendo mas arriba y tampoco se reemplazan totalmente ya que al clickear en diferentes botones se ven x debajo, como que quedan uno arriba del otro y se ve lo de abajo.
ajax.js
Código:
window.onload =function() {
document.getElementById("show1").onclick =function() {
var peticion = new XMLHttpRequest();
peticion.open('GET','uno.html',true);
peticion.onreadystatechange =function() {
if (peticion.readyState==4) {
document.getElementById('cargar').innerHTML += peticion.responseText;
}
}
Tengo esto varias veces para ir llamando a las diferentes secciones.
Alguna ayudita? Espero q se haya entendido cualquier cosa prguntenme
Gracias!!