网页的动态日志记录窗口

Question

我正在构建一个用户可以在其上绘制对象的网站。

我想构建一个窗口来记录用户犯的任何错误

例如，绘图规则只允许在三角形内部使用圆。但是，一个用户来到三角形内画一个正方形。系统仍然允许并按用户需要执行它。但是会出现一条警告信息，例如＆＃34;只允许在三角形内的圆圈＆＃34;出现在日志记录窗口中（位于页面底部）。每当用户修复错误时，窗口中的警告将被删除。（由于这个功能，我认为它应该被称为动态记录窗口）

我在ExpressJS和dojoJS上使用JavaScript。

谁能告诉我如何构建这样的窗口???我是网络开发的新手

任何帮助都将不胜感激。

我想在我的网站上建一个这样的窗口

Answer 1

我不确定你是否要求错误检测逻辑的任何部分。我这里没有提到它。

这是一个简单的方法：

1. 在底部或您喜欢的任何位置创建固定位置div。这将容纳所有错误。
2. 为每个添加的形状保留foreach ($_POST['check_list'] as $key => $value) { // ^^^^ the key ... ，并为生成的每个错误保留shapeId。将errorId映射到其影响的errorId列表。为每个shapeId添加一个元素到窗口。将元素的errorId设置为错误的id。
3. 添加/修改形状时，请遍历所有errorId并使用errorId修改列表中受影响的错误。

希望这可以解决您的问题。

<强>更新 如果您只是要显示问题中提到的错误，我想普通的旧Bootstrap就足够了。

Here's a fiddle

jSlate看起来非常适合您的情况。我建议你先看一下这个演示。