Php jQuery/AJAX格式布局-我的Tiny Todolist

Php jQuery/AJAX格式布局-我的Tiny Todolist,php,jquery,mysql,ajax,Php,Jquery,Mysql,Ajax,我正在尝试修改,以将其集成到我正在开发的应用程序中。不幸的是,我的jQuery/AJAX能力充其量只是垃圾 我想做两件事: 1) 根据到期日类别将任务放入父div。例如,已超过到期日期的任务被放置在“过期”分区中。未来到期的任务被放置在“未来”分区中。没有设置到期日期或到期日期为今天的任务被放置在“今天”分区中 我知道我需要对ajax.js文件的第113行进行一些更改,但我被难住了 2) 我的应用程序在使用会话标识符的登录系统下运行。我想将我的微型TodyList设置为使用该系统,以便普通用户可

我正在尝试修改,以将其集成到我正在开发的应用程序中。不幸的是,我的jQuery/AJAX能力充其量只是垃圾

我想做两件事:

1) 根据到期日类别将任务放入父div。例如,已超过到期日期的任务被放置在“过期”分区中。未来到期的任务被放置在“未来”分区中。没有设置到期日期或到期日期为今天的任务被放置在“今天”分区中

我知道我需要对
ajax.js
文件的第113行进行一些更改,但我被难住了

2) 我的应用程序在使用会话标识符的登录系统下运行。我想将我的微型TodyList设置为使用该系统,以便普通用户可以看到public和他们自己的todolist,而管理员可以看到public和每个用户的todolist。我试图简单地在mttl表中创建一个新字段,该字段表示链接到一个隐藏输入框的用户id,该输入框存储该id,但不起作用`

任何指点都将不胜感激


Rich

我相信您所做的更改实际上是在ajax.js的第163行的函数
submitNewTask()
中。此函数将新任务放回页面的部分位于第175行:

$('#tasklist').append(prepareTaskStr(item));
此行获取第108行的prepareTaskStr()函数的结果,并将其附加到ID为tasklist的div中。您需要将其替换为查看
prepareTaskStr()
返回值的date类的代码,并确定它是今天(过期)还是将来(未来),或者它是否与今天(今天)相同。根据此确定的结果,您将把任务字符串放在相应的div中,用div的名称替换“#tasklist”,例如

$('#expiredlist').append(prepareTaskStr(item));


我打赌todo应用程序已经为日期创建了一个变量。找到它,也许您可以在if()语句中使用它来确定放置新任务的div。

您可以发布一些修改的html吗?相对于原始mytinytodo html,过期和过期的div在哪里?换言之,您如何改变原始结构以满足您的需求?也许您的布局的屏幕截图或代码示例会有所帮助。@kevtrout这里是我试图实现的视觉解释。对于响应kevtrout,我正在尝试。
item.dueClass
是否可以作为var?我只是在第113行看到它,它正在生成要分配给li的类。我的意思是可能已经有一个var持有今天的日期。item.dueClass可能是任务的截止日期,这也是您想要比较的。我说的话没有引用代码,因为我在路上。也许以后吧。
$('#todaylist').append(prepareTaskStr(item));
$('#futurelist').append(prepareTaskStr(item));