Creating fields that can be updated online.

[neash83]

Hello,
I need to create a page that is going to be updated on a regular basis,

Its so each person in a team can have their tasks for the day, week or whatever updated and they can keep track of them,

So what I need is at the top a text field to write what the task is, then a submit button next to it, so when you submit it, below on the same page in a table or something like that, the task will appear in the 1st column, then in a second column, an empty field for comments so anybody can write a general statement in it, then in the final column a drop down menu with 'complete' which should be in green, 'in progress' which should be amber, then 'not started' which should be red,

Does anybody have any idea how to do this, or even some of it, or just any suggestions.

Thanks

[spinal007]

You can do this the old way using iframes.

Code: Select all

<form target="list" action="list.php">...</form>
<iframe name="list" id="list" src="list.php"></iframe>

Assuming that when you submit stuff to list.php it will do its thing and show the new/updated list.

The other way, or should I say, the web 2.0 way, is to use ajax.
The principle is exactly the same, only you don't need an iframe.

Code: Select all

 <form onsubmit="SubmitForm (); return false;" action="list.php">...</form>
<div id="list"></div>
<script>
var LoadList = function(){
 // fetch list via ajax and show it in div#list
}
var SubmitForm = function(){
 // submitform via ajax
 LoadList();
}
window.onload = LoadList;
</script>

If you want to do it tha Ajax way, or if you need to do anything else in Javascript, I recommend jQuery.