русс | укр

Программирование:

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог1С

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании

Обучение

Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Створення динамічних інтерфейсів засобами Java Script

Дата добавления: 2015-07-09; просмотров: 530; Нарушение авторских прав

Теоретичні відомості: у більшості випадках інформаційні html сайти працюють в online режимі безперервно відображаючи інформацію, що надходить з певних баз даних, архівів та інших джерел. З самого початку розробник не знає яким чином буде підбиратись інформація, скільки інформаційних стрічок буде виведено на головну сторінку тощо. Саме тому використання статичних об’єктів незручно при створені інтерактивних сайтів. Динамічні інтерфейси є одним з визнаних інструментів розробки гнучкої платформи адаптованої під певну діяльність. Сутність методу динамічних інтерфейсів полягає в розміщені на сторінці спеціальних елементів <div>. В процесі роботи коли кількість та сутність інформації, що має у певний час відображатись на сторінці, визначена, html код генерується автоматично самою програмою. Після чого він інкапсулюється в <div>. Інкапсуляція html коду в div відбувається з використанням функції innerHTML. Таким чином можна зчитуючи інформацію з бази даних створювати автоматично бланки анкетного опитування, при цьому його редагування стає напрочуд простим та стійким до помилок.

Завдання: розробити html документ в якому існуватиме два текстових елемента “кількість рядків” та “кількість стовпців”. Згідно із їх значенням створити таблицю текстових елементів (див. приклад) кожний елемент якого заповнити відповідно індивідуального варіанту. Для варіантів порядковий номер якого кратний. Для варіантів 1, 6, 11, 16, 21, 26 підрахувати суму елементів отриманого двовимірного масиву. Для варіантів 2, 7, 12, 17, 22, 27 підрахувати суму елементів другого рядка. Для варіантів 3, 8, 13, 18, 23, 28 підрахувати суму елементів третього стовпця. Для варіантів 4, 9, 14, 19, 24 підрахувати сму елементів порядковий номер строки та стовпця яких співпадають. Для варіантів 5, 10, 15, 20, 25 підрахувати добуток елементів останнього стовпця.

 

№ п/п Варіант завдання № п/п Варіант завдання

 

Приклад:

<html>

<head>

<script>

var str, stb;

function fun()

{

str = parseInt(main_form.t_str.value);

stb = parseInt(main_form.t_stb.value);

var res_str = "<table>\n";

for(var i=1;i<=str;i++)

{

res_str+="<tr>\n";

for(var j=1;j<=stb;j++)

{

res_str += "<td>";

res_str += "<input type = \"text\" id = \"_" + i + "_" + j + "\" value = \"" + i + "" + j + "\">";

res_str += "<\/td>\n";

}

res_str+="<\/tr>\n";

}

res_str += "<\/table>";

main_div.innerHTML = res_str;

}

function fun_build()

{

var res_str = "";

var str_report = "";

for(var i=1;i<=str;i++)

{

var sum = 0;

for(var j=1;j<=stb;j++)

{

res_str = "sum += parseInt(main_form._" + i + "_" + j + ".value);";

eval(res_str);

}

str_report += "Сумма " + i + " строки = " + sum + ";\n"

}

alert(str_report);

}

</script>

</head>

<body>

<form id = "main_form">

<table>

<tr>

<td>Кількість строк</td>

<td> <input type="text" id = "t_str" value="5"></td>

</tr>

<tr>

<td> Кількість стовбців</td>

<td><input type="text" id = "t_stb" value="5"></td>

</tr>

<tr>

<td> <input type = "button" onClick = "fun();" value = "Побудувати матрицю"><br> <td>

</tr>

<tr>

<td> <input type = "button" onClick = "fun_build();" value = "Розрахувати"> <td>

</tr>

</table>

<div id = "main_div"></div>

</form>

</body>

</html>

Результати виконання:


<== предыдущая лекция | следующая лекция ==>
Теоретичні відомості | Робота з базами даних засобами Java Script

Карта сайта Карта сайта укр

Видео
Уроки php mysql Программирование
Онлайн сервисы
Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские
Полезное

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных

 


Не нашли то, что искали? Google вам в помощь!

  
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.
Генерация страницы за: 7.178 сек.