| |
|
|
| | Привет всем,
Задача такая: есть форма, в форме checkbox-ы, штук 10.
Надо при выставлении флажка (для каждого случая), чтобы появилось рядом еще одно поле Text.
Подскажите как это возможно делать... мож не обязательно в PHP | |
| |
|
|
|
| |
|
|
| |
для: coloboc66
(17.10.2006 в 12:36)
| | | не совсем понял... что-то я не нашел ничего по этой ссылке, список тем... но, не нашел ничего по моему вопросу. | |
| |
|
|
| |
|
|
| |
для: rautate
(17.10.2006 в 13:54)
| | | Этот вопрос нужно было задавать в разделе HTML+CSS +JavaScript, на который и была дана ссылка. | |
| |
|
|
| |
|
|
| |
для: coloboc66
(17.10.2006 в 14:39)
| | | спасибо, ща исправлю | |
| |
|
|
| |
|
|
| |
для: rautate
(17.10.2006 в 15:52)
| | | Это можно реализовать через метод appendChild или через свойство innerHTML тега, в котором должен располагаться добавляемый элемент. | |
| |
|
|
| |
|
|
| |
для: rautate
(17.10.2006 в 11:52)
| | | Вот. Это не через innerHTML, но работает.
<html>
<head>
<title>Чекбоксы</title>
<script>
function set_text(el_name) {
var d=document;
(d.forms.boxes[el_name].style.display=='inline')?d.forms.boxes[el_name].style.display='none':d.forms.boxes[el_name].style.display='inline';
}
</script>
</head>
<body>
<h1>Чекбоксы</h1>
<form id="boxes" name="boxes" action="cgi/chto-to/tam.pl">
<input type="checkbox" onclick="set_text('num1');"/>Нумбер раз<input type="text" id="num1" style="display: none;"/><br/>
<input type="checkbox" onclick="set_text('num2');"/>Нумбер два<input type="text" id="num2" style="display: none;"/><br/>
<input type="checkbox" onclick="set_text('num3');"/>Нумбер три<input type="text" id="num3" style="display: none;"/><br/>
<input type="checkbox" onclick="set_text('num4');"/>Нумбер четыре<input type="text" id="num4" style="display: none;"/><br/>
</form>
</body>
</html>
|
Правда, есть некторые особенности:
- во-первых, нужно помнить, что на сервер отправятся данные со ВСЕХ инпутов. Даже с невидимых.
- во-вторых, нужно добавить к ним ко всем аттрибуты name. | |
| |
|
|
| |
|
|
| |
для: SHAman
(17.10.2006 в 16:54)
| | | Вот через иннерХТМЛ. Так страничка будет весить меньше и на сервер не будут передаваться значения пустых текстов.
function set_text2(el_name) {
(d.all[el_name].innerHTML=='')?d.all[el_name].innerHTML='<input type="text" id="num1"/>':d.all[el_name].innerHTML='';
}
|
<p>Через InnerHTML</p>
<form id="boxes2" name="boxes2" action="cgi/chto-to/tam.pl">
<input type="checkbox" onclick="set_text2('num21');"/>Нумбер раз<span id="num21"></span><br/>
</form>
|
| |
| |
|
|
| |
|
|
| |
для: SHAman
(17.10.2006 в 16:54)
| | | спасибо, получается я работаю слоями?
вопрос еще один: на такой код (я имею ввиду использование слоев (...style.display....) ) как будет реагировать Opera и IExplorer? одинаково? | |
| |
|
|
| |
|
|
| |
для: rautate
(17.10.2006 в 17:24)
| | | Слоев здесь нет. За слои отвечает свойство css "z-index". И его я здесь не использую.
На свойство display Опера и ФФ реагируют адекватно. А писал я под ИЕ. Пользуйтесь! | |
| |
|
|
| |
|
|
| |
для: SHAman
(17.10.2006 в 17:31)
| | | может вопрос ламерский....но, я в книжке читал... что это слои... поэтому и спросил. Но я идею понял... спасибо. А то я после С Builder пытался hidden | |
| |
|
|
| |
|
|
| |
для: SHAman
(17.10.2006 в 16:54)
| | | большое спасибо. Твой пример очень помог. Был бы в одном городе поставил бы пиво.
:-) | |
| |
|
|
| |
|
|
| |
для: rautate
(17.10.2006 в 22:43)
| | | Да ладно. Я сам тока учусь... Чем мог - помог. | |
| |
|
|
