处理2.0 javaScript模式的示例variableInputs是如何工作的？如何调整？

我正在使用Processing.org查看javaScript模式下的示例variableInputs（在线找不到它，但它包含在下载中） 它有两个选项卡，一个是java，一个是.js。这是一个关于如何在两者之间传递数据的很酷的例子。 在第一个选项卡中，有一些HTML/CSS被注释掉了。当我点击run时，他们正在构建页面。。。 怎么样？ 例如，是否可能有多个下拉菜单（选择器）并排出现？我设法得到了它们，但总是一个比另一个低。 在第一个选项卡中编辑html的方法是什么？ 帮忙

你需要我把这个例子复制粘贴到这里吗

[编辑]

当我点击导出时，PDE导出：

index.html

processing.js/（库本身）

interface.js/（PDE中的第二个选项卡）

sketchName.pde/（通常的pde）

代码上方的html标记包含在index.html中，因此可以在那里进行编辑。不确定是否已将其插入html页面。所以把菜单并排放在一起变成了一个HTML问题，我想。。。我也不知道怎么做：），但我会找的

[edit2]或者一个javaScript问题。。。正如interface.js使EconControl。。。如何控制它们的位置

[edit3]好吧，这条线

正在通过id表单进行链接。。。

---

还有可能让一些菜单并排排列在另一个菜单之下吗？

正如bfavaretto所说，这确实是一个css/html问题。要执行您要求的操作，请尝试以下操作：

在注释（java选项卡）中的样式部分，基本上您必须使两个下拉列表的宽度变小（45%），然后css将它们内联，浮动：左或右

 *    <style>textarea,input,label,select{display:block;width:95%}select{width:45%;clear:none;float:left}
 *    input[type=checkbox],input[type=radio]{width: auto}textarea{height:5em},</style>

之后的问题是，这两个标签阻止了两个菜单的串联，因此您可能必须将它们从这些元素中删除，然后手动添加它们。在javascript选项卡的注释行157中：

//form.appendChild(label);

---

这一行是在函数This.addSelection=函数（l，o）{

这个例子太长了吗？如果不是，是的，请将它粘贴到问题中。它有点长。大约400行。我想我得到了多一点。我要编辑这个问题。在你粘贴的pde的顶部，有以下内容：

textarea，input，label，select{显示：块；宽度：95%}选择{宽度：97.5%}输入[type=checkbox]，输入[type=radio]{宽度：自动}文本区域{高度：5em}

。因此，这可能是调整CSS和HTML的问题。js代码不处理定位问题。要设置单个元素的样式，请为元素本身提供ID，例如

，然后您可以使用CSS将它们作为目标，如

#someField{width:100px；}

。我会先尝试Petros的答案，因为他似乎比我更了解processingjs。非常感谢，仍然在尝试你所说的，但我如何手动添加它们？不能在html中，因为表单的元素是通过编程创建的，对吧？我可以通过interface.js来完成吗？你看，我需要标签…：）确实..它可以作为exp工作当我移除标签时，它们会变得乱七八糟。我仍然想知道如何手动添加标签。另一个子问题：P为什么在上面的代码中有两个

select{}

？第一个是显示和宽度，第二个是宽度（再次）清除和浮动？

//form.appendChild(label);