PHP中的待办事项列表

Question

I'm building a simple todo list application in PHP.I am displaying the titles of all the todo list on one page via ajax using the following code

 $sql2 = mysql_query("SELECT id, todo FROM todo");

while($row = mysql_fetch_array($sql2))
{
$todo1 = $row["todo"];
$todofeed.='

<ul>
    <li>' . $todo1 . '</li>
</ul>   

';
  }
  print "$todofeed";

Now i want to create an interface in such a way that the user clicks on one todo list title and all items in that list are displayed via some jQuery effect...any way around this?? i jus need a direction...thanks :)

Answer 1

这是一个很好的教程，介绍了如何使用PHP和JQuery创建待办事项应用程序： 使用PHP，MySQL和jQuery进行AJAX编辑的待办事项列表

Answer 2

Fetch all the items of that todo list in a div with display:none . Then , use Jquery .click to change its display attribute to visible.

<script>
$("#todolist_title").click(function() {
  $("#todolist_items").css('display' , 'visible');
});
</script>

<div id='todolist_title'>Title</div>
<br />
<div id='todolist_items' style='display:none'>
1.Item1<br />
2.Item2<br />
3.Item3<br />
</div>

Answer 3

Please add this code on page where you want to populate todofeeds

<script type="text/javascript">
function todolist() {
$('#todolist').load("PHP Page Path Where you execute Query").slideDown();   
}
</script>

<div id="todolist" style="display:none"></div>

Please include Database connection on PHP page.