<script type="text/javascript">
function add_phrase(obj,phrase) {
if( obj.checked == 1 ) {
document.getElementById("text").value += phrase;
} else {
document.getElementById("text").value = document.getElementById("text").value.replace("/"+phrase+"/","");
}
}
</script>
<input type="text" id="text" /> <!-- Ваш textbox -->
<input type="checkbox" onclick="add_phrase(this,'1')" />
<input type="checkbox" onclick="add_phrase(this,'1')" />
<input type="checkbox" onclick="add_phrase(this,'1')" />
......
<input type="checkbox" onclick="add_phrase(this,'n')" />
При нажатии на <input> открывалось окошко с чек боксом
В общем необходимо организовать заполнение формы типа <input type="text"> с помощью дополнительного окошка с большим количеством чекбоксов.
Ну так организовывайте. Ничего сложного не вижу
Код:
Это немного не то, мне надо чтобы чеки были в дополнительном окне, при закрытии которого бы заполнялся текстбокс
Читаем про window.open() и обращение из него к родительскому окну window.parent. А так же про событие window.onclose
Разницы от моего примера особо никакой..
Файл "popup.html", который будет в окне открываться
Код главной страницы:
Код не проверял, но ход мысли понятен тут
Разницы от моего примера особо никакой..
Файл "popup.html", который будет в окне открываться
Код:
<script type="text/javascript">
function add_phrase(obj,phrase) {
if( obj.checked == 1 ) {
document.getElementById("phrases").value += phrase;
} else {
document.getElementById("phrases").value = document.getElementById("text").value.replace("/"+phrase+"/","");
}
}
</script>
<input type="checkbox" onclick="add_phrase(this,'1')" />
<input type="checkbox" onclick="add_phrase(this,'2')" />
<input type="checkbox" onclick="add_phrase(this,'3')" />
......
<input type="checkbox" onclick="add_phrase(this,'n')" />
<!-- Тупо чтобы не пробегать по всем чекбоксам, ибо впадлу. Все заносим в скрытый textbox -->
<input type="hidden" id="phrases" value="" />
function add_phrase(obj,phrase) {
if( obj.checked == 1 ) {
document.getElementById("phrases").value += phrase;
} else {
document.getElementById("phrases").value = document.getElementById("text").value.replace("/"+phrase+"/","");
}
}
</script>
<input type="checkbox" onclick="add_phrase(this,'1')" />
<input type="checkbox" onclick="add_phrase(this,'2')" />
<input type="checkbox" onclick="add_phrase(this,'3')" />
......
<input type="checkbox" onclick="add_phrase(this,'n')" />
<!-- Тупо чтобы не пробегать по всем чекбоксам, ибо впадлу. Все заносим в скрытый textbox -->
<input type="hidden" id="phrases" value="" />
Код главной страницы:
Код:
<script type="text/javascript">
function openCheckboxWindow() {
win = window.open("popup.html","Window","toolbar=no,width=200,height=400,directories=no,menubar=no");
win.onclose = function() {
document.getElementById("text").value = win.document.getElementById("phrases").value;
}
}
</script>
<input type="text" id="text" /> <!-- Ваш textbox -->
<a href="java script:openCheckboxWindow();">Открыть checkbox</a>
function openCheckboxWindow() {
win = window.open("popup.html","Window","toolbar=no,width=200,height=400,directories=no,menubar=no");
win.onclose = function() {
document.getElementById("text").value = win.document.getElementById("phrases").value;
}
}
</script>
<input type="text" id="text" /> <!-- Ваш textbox -->
<a href="java script:openCheckboxWindow();">Открыть checkbox</a>
Код не проверял, но ход мысли понятен тут