Есть некоторые дополнительные свойства CSS, которые необходимо изменить:
.ui.selection.dropdown .menu {
margin: 0 -2px; // same amount as border width
min-width: calc(100% + 4px); // left + right border width
width: calc(100% + 4px); // left + right border width
}
После того, как вы это сделаете, выпадающий список выглядит хорошо.
Попробуйте это:
input.onclick = function() { conn.send('$connect\r\n'); };
Стив
Здесь проблема с одной из ваших строк; Я исправил это для вас:
var throwConnectBox = function() {
chat_box = document.getElementById('box');
div = window.parent.document.createElement('div');
input = window.parent.document.createElement('input');
input.type = "submit";
input.value = "Join chat";
/* this line is incorrect, surely you don't want to create a string? */
// input.onclick = "conn.send('$connect\r\n');";?
input.onclick = function() {
conn.send('$connect\r\n');
};
div.appendChild(input);
chat_box.appendChild(div);
}
Это имеет больше смысла?
Я думаю, что вы, возможно, захотите убежать от \ r \ n, если намереваетесь пропустить эти ...
conn.send('$connect\\r\\n')
Я не совсем понимаю, чего пытается достичь ваш обработчик onclick .. .
Это одна из причин, по которой я решил использовать jQuery:
$('<input type="submit" value="Join chat" />')
.click( function() { conn.send('$connect\r\n'); } )
.appendTo('<div></div>')
.appendTo('#box');