Muchas veces es necesario actualizar un div para poder cambiar su contenido sin la necesidad de recargar la página, para recargar solo un div con otro contenido se utiliza el objeto InnerHTML de javascript, para dar un ejemplo y que puedan ver su uso voy a crear dos botones los cuales actualizarán el div al clickearse, uno se actualizará con el contenido de “boton 1” y el otro con “boton 2”:
<div id=”midiv”>
</div>
<input type=”button” onclick=”document.getElementById(‘midiv’).innerHTML=’boton 1’;” name=”boton 1” value=”Boton 1”>
<input type=”button” onclick=”document.getElementById(‘midiv’).innerHTML=’boton 2’;” name=”boton 2” value=”Boton 2”>
Con la function onclick detectamos si se clickeó el boton y en caso de que se haya clickeado, seleccionamos “midiv” por medio del id(para eso usamos el getElementById) y con innerHTML le asignamos el nuevo contenido del div, en estos casos los textos “boton 1” y “boton 2”
vaya, tremendo aporte amigo…muchas gracias–salu2
Tengo 2 preguntas:
1) Si lo que quiero es actualizar el div que contiene datos dinámicos en php.. como lo implemento?
2) Se puede hacer de alguna manera de que cada 5 segundos se realice automáticamente y no mediante un método (onclick)?
Agradecería mucho su respuesta ya que recién estoy entrando al mundo de las páginas webs.