Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
Вариант 5
Содержимое варианта 5 лабораторной работы №1 должно быть дополнено сценарием, выполняющим следующие действия.
1. В начале страницы должно выводится текущее время и дата.
2. Перед переходом по ссылке (пункт 1 задания) должно появляться окно, позволяю-
щее пользователю подтвердить необходимость перехода по ссылке. Переход должен осуще-
ствляться лишь в случае положительного ответа.
3. При нажатии на ячейку в заголовке таблицы (пункт 2 задания), должно открывать-
ся окно, в котором детализировано значение данного химического элемента.
4. При изменении состояния элемента управления (пункт 3 задания) , должно откры-
ваться окно, в котором детализировано значение данного пункта.
<!DOCTYPE html>
<html xml:lang="ru" lang="ru" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Лабораторная 3, вариант 5</title>
<style type="text/css">
.pseudolink span {
cursor: pointer;
border-bottom-width: 1px;
border-bottom-style: dashed;
}
#flus td {
border-color: red;
}
#flus tr {
border-color: red;
}
</style>
</head>
<body style="
<div id="time"></div>
<script type="text/javascript">
var date = new Date();
document.getElementById('time').innerHTML = date.toString();
</script>
<br/>
Сизов Станислав Евгеньевич
<br/>
группа 5311
<br/>
вариант 5
<br/>
<br/>
<br/>
<script type="text/javascript">
function checkAndGo() {
if (confirm("Точно?")) {
location.href = "http://otsp.ru/index.php?option=com_svarkaimg&Itemid=64";
}
return false;
}
</script>
<a style="color: yellow; cursor: pointer;" onclick="checkAndGo();">Галерея сайта кафедры</a>
<br/>
<br/>
Состав сварочного флюса АН-60
<table border="1" class="tborder" style="border-color: red" id="flus">
<tr class="pseudolink">
<td><span>SiO2</span></td><td><span>CaF2</span></td><td><span>MnO</span></td><td><span>Al2O3</span></td><td><span>CaO</span></td><td><span>MgO</span></td><td><span>Fe2O3</span></td><td><span>P</span></td>
</tr>
<tr>
<td>42-46</td><td>5-9</td><td>36-41</td><td>6,0</td><td>10</td><td>3,0</td><td>0,9</td><td>0,05</td>
</tr>
</table>
<script type="text/javascript">
var descriptionsTable = new Array();
descriptionsTable['SiO2'] = 'Легирует';
descriptionsTable['CaF2'] = 'Убирает серу';
descriptionsTable['MnO'] = 'Легирует';
descriptionsTable['Al2O3'] = 'Легирует';
descriptionsTable['CaO'] = 'Убирает фтор';
descriptionsTable['MgO'] = 'Легирует';
descriptionsTable['Fe2O3'] = 'Легирует';
descriptionsTable['P'] = 'Легирует';
var spans = document.getElementById("flus").getElementsByTagName("span");
for (var i in spans) {
spans[i].onclick = function() {
alert(descriptionsTable[this.innerHTML]);
}
}
</script>
<br/>
<br/>
<br/>
<br/>
<br/>
Марки сварочных флюсов
<br/>
<br/>
<select onchange="changeSelect(this);">
<option>ФЦ-11</option>
<option>ФЦ-19</option>
<option>ФЦ-21</option>
<option>ФЦ-22</option>
<option>ФВТ-21</option>
<option>АН-20С</option>
<option>АН-26С</option>
<option>АН-42</option>
</select>
<script type="text/javascript">
var descriptionsSelect = new Array(
'Флюс ФЦ-11',
'Флюс ФЦ-19',
'Флюс ФЦ-21',
'Флюс ФЦ-22',
'Флюс ФВТ-21',
'Флюс АН-20С',
'Флюс АН-26С',
'Флюс АН-42'
);
function changeSelect(element) {
alert(descriptionsSelect[element.selectedIndex]);
}
</script>
<br/>
<br/>
<div style="text-align: left;">
Марки легированных сталей
<ol>
<li>08Г2С</li>
<li>09Г2</li>
<li>09Г2Д</li>
<li>09Г2С</li>
<li>09Г2СД</li>
<li>10Г2Б</li>
<li>10Г2БД</li>
<li>10Г2С1</li>
<li>16Г2АФ</li>
</ol>
</div>
<br/>
<br/>
<a href="http://ru.wikipedia.org/wiki/HTML"> Viki-html </a>
<br/>
<a href="http://htmlbook.ru/">HTML-book</a>
<br/>
<a href="http://ru.html.net/tutorials/html/">Учебник html</a>
<br/>
<a href="http://html.manual.ru/">Справочник</a>
<br/>
<a href="http://www.htmlgoodies.com/">Goodies</a>
<br/>
25.09.12
<br/>
20:03
<br/>
<br/>
<div style="color: blue; font-style: italic;">
Cсылка на раздел Галерея желтого цвета
<br/>
Таблица хим состава сварочного флюса АН-60 с рамкой красного цвета
<br/>
Выпадающий список,состоящий из 8 наименований марок сварочных флюсов
<br/>
Нумерованный список 9 марок легированных сталей
<br/>
Текст задания синего цвета,размер семь, по центру
</div>
</body>
</html>
Вывод: таким образом при выполнении лабораторной работы №3 нами были изучены способы создания веб-страниц, содержащих расчет Java Script.