Всем привет! имеется некая страница с кнопкой, при нажатии на кнопку появляется "окошко", где можно ввести сообщение и отправить куда-то
<button id="addNewItem" onclick=addNewItem();>Добавить новый вид тестирования</button>
вызывается метод addNewItem()
function addNewItem() {
// var e = document.getElementById("textareaID");
// var str = e.value
$("#container").append("\<meta charset=\"utf-8\">\n" +
"\<div id=\"light\" class=\"white_content2\" style=\"display: block;\">\n" +
" \<H3>Добавление новогого элемента: \n" +
" \<button id=\"closeDiff\" onclick=\"hideDiv(this);\">Закрыть ✘</button>\n" +
" \</H3>\n" +
" \<P>\n" +
"\<p><textarea name=\"comment\" rows=\"20\" cols=\"80\" ID=\"textareaID\"></textarea></p>\n" +
"\<button id=\"addNewItem\" onclick=\"ItemId('" + 123 + "');\"> Отправить</button>\n" +
"\</P>\n" +
"\</div>"
);
}
function hideDiv(ele) {
// document.getElementById('light').style.display='none';launch();
var divName = ele.getElementById('light');
var d = ele.getElementById('light').style.display = 'none';
divName.hidePopup();
d.hidePopup();
$(divName).toggle();
$(d).toggle();
}
function ItemId(text) {
alert(text)
}
Выглядит это примерно так:
Подскаэите, пожалуйста, как закрыть этот div при нажатии на кнопк "Закрыть" ?
вот рабочий код
function addNewItem() {
// var e = document.getElementById("textareaID");
//var str = e.value
$("#container").append("\<meta charset=\"utf-8\">\n" +
"\<div id=\"light\" class=\"white_content2\" style=\"display: block;\">\n" +
" \<H3>Добавление новогого элемента: \n" +
" \<a href = \"javascript:void(0)\" onclick = \"document.getElementById('light').style.display='none';launch();\">Закрыть ✘</a>\n" +
" \</H3>\n" +
" \<P>\n" +
"\<p><textarea name=\"comment\" rows=\"20\" cols=\"80\" ID=\"textareaID\"></textarea></p>\n" +
"\<button id=\"addNewItem\" onclick=\"ItemId('" + 123 + "');\"> Отправить</button>\n" +
"\</P>\n" +
"\</div>"
);
}
но каждый раз, когда нажимаю "Добавить новый вид тестирования" второй раз, пояаляется новый div и больше не закрывается.