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

 
Поиск по сайту
Другие записи этого автора
invem
Содержание

Учебник javascript

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

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

Интерфейсы

Все об AJAX

Оптимизация

Разное

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

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