Quando eu enviar o POST carrega no mesmo DIV

[diogombb 0]

Queria que quando eu clicasse em ENVIAR, a página do post carregasse dentro do mesmo DIV.

<div id="principal"><h2>Postar Notícia</h2><form action="envia-teste.php" method="post" name="teste">Texto: <input name="texto" type="text" size="40" maxlength="25"><br /><input name="envia" type="submit" value="Enviar"></form></div>

a minha função do AJAX é a Seguinte:

ajaxpage('envia-teste.php','principal')* Onde 1º vai a página e depois o DIV a ser aberto!

Me ajudem. Desde já agradeço!

[diogombb 0]

Meu AJAX é assim:

 

// JavaScript Documentvar bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)var loadedobjects=""var rootdomain="http://"+window.location.hostnamefunction ajaxpage(url, containerid){var page_request = falseif (window.XMLHttpRequest) // if Mozilla, Safari etcpage_request = new XMLHttpRequest()else if (window.ActiveXObject){ // if IEtry {page_request = new ActiveXObject("Msxml2.XMLHTTP")}catch (e){try{page_request = new ActiveXObject("Microsoft.XMLHTTP")}catch (e){}}}elsereturn falsepage_request.onreadystatechange=function(){loadpage(page_request, containerid)}if (bustcachevar) //if bust caching of external pagevar bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()page_request.open('GET', url+bustcacheparameter, true)page_request.send(null)}function loadpage(page_request, containerid){if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))var texto = page_request.responseText;texto = texto.replace(/\+/g," ");texto = unescape(texto);document.getElementById(containerid).innerHTML = texto;}