Javascript.RU

Компонентный анализ технических систем

Предыдущий скрипт "Добавление и удаление элементов из списка" был основой для предлагаемого нового скрипта "Компонентный анализ технических систем". С помощью этого скрипта можно вводить элементы исследуемой системы в левый список и элементы надсистемы (ближайшего окружения системы) в правый список.

<HTML>
<HEAD>
<TITLE>Компонентный анализ технических систем</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
#list{width: 290px; /* Ширина списка в пикселах */
}
-->
</style>
<script type="text/javascript">
function focusElement() {
var elem = document.forms[0].myInput;
elem.focus();
}
function addList(n){
valid = true;
document.forms[n].myInput.focus()
var list = document.forms[n].getElementsByTagName('select')['list']; 
var option = document.createElement('option'); 
/*Запрещение ввода пустой строки */
if (document.forms[n].myInput.value<1)
return valid;
/* Ввод в список из текстового поля */
option.innerHTML =document.forms[n].myInput.value
/* Очистка текстового поля */
document.forms[n].myInput.value=""
document.forms[n].list.appendChild(option); 
}
</script>
</HEAD>
<BODY onload="document.fm1.myInput.focus()">
<center><table width="600px" border="0px" cellspacing="0" cellpadding="0" ><tbody> 
<tr><td bgcolor="#ffffcc" id="first">
	<center><form name="fm1">
	<b>Ввод элементов технической системы</b><br />
	<input type="text" name="myInput" value= "" size="45px"> <br />
	<input type='button' value='Добавить элемент ТС в список' onclick = 'addList(0)' ><br />
	<input type=button value='Удалить элемент ТС из списка' onClick="for(i=0;i<fm1.sl1.length;i++)
	if(fm1.sl1.options[i].selected==true)fm1.sl1.options[i] = null;"><br />
	<b>Элементы ТС<br /><br />
	<select name="sl1" size="7" id="list"></select>
	</form></center>
	</td>
	<td bgcolor="#ccffff" id="second">
	<center><form name="fm2">
	<b>Ввод элементов  надсистемы</b><br />
	<input type="text" name="myInput" value= "" size="45px"> <br />
	<input type='button' value='Добавить элемент НС в список' onclick='addList(1)' ><br />
	<input type=button value='Удалить элемент НС из списка' onClick="for(i=0;i<fm2.sl2.length;i++)
	if(fm2.sl2.options[i].selected==true)fm2.sl2.options[i] = null;"><br />
	<b>Элементы НС<br /><br />
	<center><select name="sl2" size="7" id="list"></select></center>
	</form></center>
	</td>
</tr>
</tbody></table></center>
</BODY>
</HTML>
0

Автор: Гость (не зарегистрирован), дата: 16 апреля, 2022 - 00:53
#permalink

Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
3 + 5 =
Введите результат. Например, для 1+3, введите 4.
 
Поиск по сайту
Другие записи этого автора
invem
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Популярные таги
Последние комментарии
Последние темы на форуме
Forum