No te funciona porque no estás usando divs, si no iframes. Con iframes es muy facil hacer la recarga. En este caso debería poner un meta refresh cada 3 seg en el archivo textarea.php
Para hacerlo con Ajax deberías cambiar bastantes cosas.
Ésta es tu estructura (mas o menos, corrigeme si me equivoco):
Iframe id="sendform"(que porcierto, id repetida. >.<) que contiene-> textarea.php -> con un include a -> mensajes.php.
Cambia ésto:
Código HTML:
<iframe id="sendform" frameborder="0" width="720" height="400" src="./textarea.php" scrolling="no">
<!-- Contenido para navegadores que NO soportan los Iframes -->
Este navegador es demasiado antiguo.
</iframe>
por algo así:
Código HTML:
<div id="mensajesajax"></div>
luego en los scripts del head:
Código HTML:
window.onload=init;
function init(){
getMensajes();
}
EDIT:
1.Recuerda que mensajes.php debe llamar a la funcion, no sólo definirla
2.No revisaste los corchetes..xD falta uno delante de ->peticion.send(null);
3.No veo el set interval en ningún sitio de tus scripts
4.Los scripts es recomendable ponerlos en el head...
Si quieres mantener tu "estilo", debes hacer que mensajes.php también printe las clases css, recuerdalo eh!