У меня есть веб-чат, и он работает, как ожидалось. Я добавил несколько пользовательских функций, таких как максимизировать, минимизировать и т.д. c. Я хочу, чтобы кнопка открыла новое окно с полным отображенным веб-чатом и всеми уже напечатанными сообщениями в нем.
Что я уже пробовал:
newWindow.onclick = function(){
chatWindow.style.display = "none";
myBtn.style.display = "block";
var divText = document.getElementById("webchat").innerHTML;
var myWindow = window.open("","","width=800,height=500");
var doc = myWindow.document;
doc.open();
doc.write(divText);
doc.close();
}
chatWindow это div, в котором находится мой веб-чат. Если возможно, я просто хочу перенести весь div (со всеми компонентами) в новое созданное окно.
myBtn - это кнопка, чтобы открыть чат при первой загрузке. отображается только сайт (с style.display = "none" и т. д. c)
С этим текущим кодом загружается веб-чат, и все сообщения также передаются, но все элементы стиля теряются:
Я думаю, что это из-за "внутреннего HTML", но я новичок в HTML, поэтому я ничего не знаю.
Редактировать:
Когда я нажимаю "Введите ваше сообщение" и нажимаю ввод, окно перезагружается, и все выглядит так, как должно.