Forum Webscript.Ru

Программирование => JavaScript & JScript => Тема начата: от 03 Января 2002, 20:17:53

Название: Пряталка ненужных полей формы
Отправлено: от 03 Января 2002, 20:17:53
Может кто-то подскажет такой скрипт:

есть поля форм и checkbox, если кликаем его, часть полей исчезает...  помогите, плз!!!
Название: Пряталка ненужных полей формы
Отправлено: Dj Fly от 03 Января 2002, 23:28:28
Могу подсказать как сделать, только с применением перезагрузки страницы, а вот динамически - всё никак не доберусь до чьего-нибудь примера...
Название: Пряталка ненужных полей формы
Отправлено: от 05 Января 2002, 18:05:51
нет, нужно именно с помощью JAVA-script - щёлкнул по чекбоксу и тут же часть полей спряталась...  где-то я подобное видел, только не помню где...(((
Название: Пряталка ненужных полей формы
Отправлено: Макс от 06 Января 2002, 17:34:00
у полей input есть свойство disabled которое может принимать значения 1 (отключить) и 0 (включить)

document.form.checkboxName.disabled=1; // отключаем поле
document.form.checkboxName.disabled=0; // включаем поле
Название: Пряталка ненужных полей формы
Отправлено: от 06 Января 2002, 23:15:42
О! Спасибо. Попробую...
Название: Пряталка ненужных полей формы
Отправлено: Oak от 07 Января 2002, 22:48:10
Esli ubirat\' vobsche s glaz doloj - to eto toko v IE i Mozilla
mozhno.

Dlya NN4 - ih nado vinesti v otdel\'nij sloj. No pri etom oni budut
otdel\'noj formoj.

v IE - mozhno .outerHTML=""
Название: Пряталка ненужных полей формы
Отправлено: от 01 Февраля 2002, 22:32:43
Уважаемый Oak, не могли бы вы остановится по подобнее на своем варианте. Напишите, пожалуйста, для примера как спрятать одно поле в форме!!!
Название: Пряталка ненужных полей формы
Отправлено: Oak от 01 Февраля 2002, 23:07:08
Ну вопервых "уважаемый" - это что то странное как для Ineta ;)
А вовтрых - я пошел читать M$-ную доку, чтобы ответить на твой вопрос (а именно - MSDN)
А вообще есть книга от M$-а по DHTML (DHTML Master?) с CD в котором есть эти примеры (на русском книга).
Название: Пряталка ненужных полей формы
Отправлено: Oak от 02 Февраля 2002, 02:15:49
Sets or retrieves the current element and its content in HTML.

object.outerHTML[ = outerHTML]

This read-write property can be any valid string containing a combination of text and HTML tags, except for , , and tags.<br /><br />When setting this property, the given string completely replaces the element, including its start and end tags. If the string contains HTML tags, the string is parsed and formatted as it is placed into the document.<br /><br />Note You cannot set this property while the document is loading. Wait for the onload event before attempting to set it. If a tag is dynamically created using TextRange, innerHTML, or outerHTML, you can only use JScript to create new events to handle the newly formed tags. VBScript is not supported.<br /><br />Applies To<br />......... INPUT.....<br /><br />А кроме того есть еще<br /><br />object.style.display="none";<br /><br />window.document.forms.aa.bb.style.display="none"<br /><br />Первый вариант работает в IE/Mozilla, второй - только IE <strong>[tested]</strong><br /><div class="codeheader">Код: <a href="javascript:void(0);" onclick="return smfSelectText(this);" class="codeoperation">[Выделить]</a></div><code class="bbc_code"><br /><body><br /><script>gg="<input type=button name=cc value=EEEEEEE2>"</script><br /><form name=aa><br /><input type=button name=bb value=GGGGGGG1><br /><input type=button name=cc value=EEEEEEE2><br /></form><br /><p><br /><a href=\'javascript:void(window.document.forms.aa.bb.style.display="none")\'><br /> Hide 1</a><p><br /><a href=\'javascript:void(window.document.forms.aa.bb.style.display="")\'><br /> Show 1</a><p><br /><a href=\'javascript:void(window.document.forms.aa.cc.outerHTML="pusto")\'><br /> Delete 2</a><p><br /><a href=\'javascript:void(window.document.forms.aa.bb.insertAdjacentHTML("AfterEnd",gg))\'><br /> Create 2</a><p><br /></code> </dd> <dt class="postheader"> Название: <strong>Пряталка ненужных полей формы</strong><br /> Отправлено: <strong></strong> от <strong>03 Февраля 2002, 07:44:13</strong> </dt> <dd class="postbody"> Спасибо!<br /><br />Попробовал второй вариант, но что-то не работает.<br />Буду рабираться. </dd> <dt class="postheader"> Название: <strong>$#%#$%</strong><br /> Отправлено: <strong>Oak</strong> от <strong>03 Февраля 2002, 14:00:45</strong> </dt> <dd class="postbody"> Для тех кто не знает - там везде слово "javascript" написано без пробела!!!<br />Это форум туда вставил пробел.<br />Да тестил в 5м IE </dd> <dt class="postheader"> Название: <strong>Пряталка ненужных полей формы</strong><br /> Отправлено: <strong></strong> от <strong>03 Февраля 2002, 22:18:03</strong> </dt> <dd class="postbody"> Спасибо!<br />Этот пример работает!<br /><br />А вот такое нет:<br /><br /> <SCRIPT LANGUAGE="JavaScript"><br /><br />function second() {<br />if (document.myForm.b.checked)<br /> {<br />document.myform.a.disabled=0;<br />}<br />    else {<br />document.myform.a.disabled=1;<br />}<br />}<br /></script><br /><br />.....<br /><input type=checkbox name="b" onClick="second();">SQL<br /><br /><INPUT TYPE=\'text\' NAME="a" value=6 SIZE=\'40\' MAXLENGTH=\'80\'><br />....<br />в чем ошибка? </dd> <dt class="postheader"> Название: <strong>Пряталка ненужных полей формы</strong><br /> Отправлено: <strong>NeoNox</strong> от <strong>15 Января 2003, 12:19:08</strong> </dt> <dd class="postbody"> Вот решение для Mozilla:<br /><br /><html><br /><head><br /><script><br />function tst(){<br />if (document.f1.a0.checked){<br />document.f1.a1.disabled=false;<br />}else{<br />document.f1.a1.disabled=true;<br />}<br />}<br /></script><br /></head><br /><body><br /><form name="f1"><br /><input type="Checkbox" name="a0" onclick="tst()"><br /><br /><input type="Text" value="" name="a1" disabled><br /><br /></form><br /></body><br /></html><br /> </dd> </dl> <div id="footer" class="smalltext"> <span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"><a href="http://forums.webscript.ru/index.php?action=credits" title="Simple Machines Forum" target="_blank" class="new_win">SMF 2.0.19</a> | <a href="http://www.simplemachines.org/about/smf/license.php" title="License" target="_blank" class="new_win">SMF © 2016</a>, <a href="http://www.simplemachines.org" title="Simple Machines" target="_blank" class="new_win">Simple Machines</a> </span> </div> </body> </html>