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:
Tengo esto varias veces para ir llamando a las diferentes secciones.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; } }
Alguna ayudita? Espero q se haya entendido cualquier cosa prguntenme
Gracias!!