将文本标签和/或图标附加到div

我试图创建一个div来保存多个状态消息和/或图标，我使用的是dhtmlx，但它应该适用于一般的javascript/html/css。 StatusBar是浏览器的底线。将文本标签和/或图标附加到div

moUI.statusMain = moUI.layoutMain.attachStatusBar();  // Status bar initialization\setup 
moUI.statusMain.id = "statusMain"; 
moUI.statusMain.setText("<div id=\"toolbarObj\"></div><div style=\"\"><textarea rows=\"1\" cols=\"20\" id=\"status_txt\" type=\"text\" value=\"Initializing.\"><textarea rows=\"1\" cols=\"20\" id=\"operation_txt\" type=\"text\" value=\"COPY\"></div>");

然后我可以修改文本像这样

document.getElementById("status_txt").value = "Done.";

问题的textarea的是，第二区域一直没有出现，他们有一个滚动条，如果在框中用户点击浏览器崩溃。如果我使用输入，我会同时得到两个文本，但是我并不真正在寻找任何输入，而纯文本不允许我精确定位要修改的文本。另外我该如何插入图标？

来源

2013-05-16 aggaton

您是否知道您应该使用''标签关闭您的textareas？或者他们没有获得“价值”属性？ – Blazemonger

谢谢，意识到第二次我点击提交后 – aggaton

我想我正在寻找的是另一种类型的控件而不是textarea或输入，只是一个纯文本标签和/或图标，我可以稍后参考和修改。 – aggaton

感谢Blazemonger我得到了一个适合我的解决方案。下面是将文本和图标放在一行的绝对位置的代码，允许我在任何给定时间切换文本和图标。

moUI.statusMain.setText("<style type=\"text/css\"> </style><div id=\"toolbarObj\"></div><div><span id=\"status_txt\" style=\"max-width: 400px; position:absolute;left:0;top:0\"> Initializing.</span> <img id=\"status_img\" src=\"" + URL_TOOLBAR_IMAGES + "database.png\" alt=\"\" style=\"max-width: 400px; position:absolute;left:100px;top:0\"/></span><span id=\"operation_txt\" style=\"max-width: 400px; position:absolute;left:200px;top:0;\">COPY</span></div>"); 
document.getElementById("status_txt").textContent = "Done."; 
document.getElementById("operation_txt").textContent = "COPY";

来源

2013-05-17 15:48:37 aggaton

将文本标签和/或图标附加到div

回答

相关问题