FORM resultaat in DIV

Status
Niet open voor verdere reacties.

Remq

Gebruiker
Lid geworden
29 okt 2009
Berichten
99
Hallo,
Is het mogelijk om het resultaat van een FORM in een DIV te plaatsen? Ik weet dat dit kan met IFRAME (<form target="iframename">) maar ik wil geen iframes gebruiken. Is het ook mogelijk (wellicht met javascript) om het resultaat in bijvoorbeeld een DIV weer te geven?

EDIT: Het resultaat is altijd een youtube pagina.
 
Ik neem aan dat je het 'direct' zonder refresh wilt zien? Dan, jazeker, maar dan zul je bezig moeten gaan met XMLHttpRequest (ook wel 'AJAX') - ofwel, Javascript.

Je kan met een XMLHttpRequest een POST doen en het antwoord in de div gooien:

HTML:
<form onsubmit='makeRequest(this);'>
   <input type='text' value='test!' />

   <input type='submit' value='go!' />
</form>

<div id='output'></div>
[JS] var xhttp = new XMLHttpRequest();

function makeRequest(formElement)
{

var stuff = formElement.childNodes[1].value; // 1e textbox waarde

xhttp.open('post', 'serverside.php', true);
xhttp.onreadystatechange = function()
{
if(xhttp.readyState === 4 && xhttp.status === 200)
{
document.getElementById('output').innerHTML = this.responseText;
}
};
xhttp.send("value1=" + stuff);
}[/JS]


Overigens werkt het zo niet (denk ik; dit is even een voorbeeldje uit mn hoofd). Google zoektermen zijn javascript ajax post form oid.

serverside.php is je php-file welke de output levert.



:thumb:
 
Laatst bewerkt:
bedankt voor de reactie! ik ben nog niet heeeel handig met javascript (laat staan AJAX ;)) maar ik zou eens gaan kijken of het me lukt.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan