將文本標籤和/或圖標附加到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

回答

相關問題