1

我正在使用 Processing.org 在 javaScript 模式下查看示例 variableInputs（无法在线找到它，但它包含在下载中）它有两个选项卡，一个 java 和一个 .js。还有一个很酷的例子，说明如何在两者之间传递数据。在第一个选项卡中，有一些 HTML/CSS 被注释掉了。当我点击运行时，那些正在构建页面......这是如何工作的？例如，是否可以并排放置多个下拉菜单（选择器）？我设法拥有它们，但总是一个低于另一个。是在第一个选项卡中编辑 html 的方法吗？帮助？

您需要我在这里复制并粘贴示例吗？

[编辑]

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

索引.html

processing.js //（它自己的库）

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

sketchName.pde //（通常的 pde）

上面代码中的 html 标签包含在 index.html 中，因此可以在那里进行编辑。不确定这是否插入到 html 页面中。因此，我认为将菜单并排放置是一个 HTML 问题......我也不知道该怎么做:)，但我会寻找它

[edit2] 或者可能是一个 javaScript 问题... 与正在制作电子控件的 interface.js 一样...如何控制它们的位置？

[edit3] 很明显，该行 <form id="form-form"><!-- empty --></form> 正在通过 th id form-form 进行链接...仍然可以将一些菜单并排放置在另一个下方吗？

4

1 回答 1

2

正如 bfavaretto 所建议的那样，这确实是一个 css/html 问题。为了做你要求的尝试这个：

评论中的样式部分（java选项卡），基本上你必须使两个下拉菜单的宽度更小（45％），然后css hacks将它们内联，float：left或right

 *    <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>

setController() 方法，添加另一个 ctrl.addMenu(); 像这样：

 element = ctlr.addMenu( "theMenu", menuItems );
 element = ctlr.addMenu( "theMenau", menuItems );

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

//form.appendChild(label);

这一行在函数 this.addSelection = function (l, o) {

于 2013-07-19T23:42:35.300 回答