Dynamic content

This site is best viewed in a modern browser with JavaScript enabled.

tnrh1

Hello everyone.
I would like to create an input field which sends the text to the database and then automaticly updates a certain div content.
The db part I know how to do, but I don't the updating part:

Enter text (on click, send text to db and change div1 text)

-----------------------------------------------------------
div1 text

So how can I do that?
Thanks.

tech_soul8

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <title>Untitled</title>
    <script type='text/javascript'>
        window.onload = function() {document.getElementById("div1").innerHTML="Hello world!!!"}
    </script>
</head>
<body>
    <div id="div1"></div>
</body>
</html>

tnrh1

Thanks for the quick replay.
I'm looking for something like:

<form name="input" action="html_form_action.asp" method="get">
	<input type="text" id="t1" name="t1" placeholder="Say something">
	<input type="submit" value="Submit" onclick="document.getElementById("div1").innerHTML="t1"">
</form>
<div id="div1"></div>

The innerHTML will change the div1 value to the t1(text input) value.
But I don't really know how to grab that input value.

tech_soul8

To get hold of t1 element's value you need something like this:

document.getElementById('t1').value;

But when the form gets submited probably the best way (if not the only one) is to call a function which will get hold of t1 value and then update the div1.

tnrh1

Thanks!!

tech_soul8

You're welcome!

tech_soul8

Ok, this would also work... :p

<div id="div1"></div>
<form name="input" action="html_form_action.asp" method="get">
	<input type="text" id="t1" name="t1" placeholder="Say something">
	<input type="submit" value="Submit" onclick="document.getElementById("div1").innerHTML=[COLOR="#FF0000"]t1.value[/COLOR]>
</form>