Міністерство освіти і науки України Кіровоградський національний технічний університет Кафедра програмування та захисту інформації Дисципліна : Web-програмування Лабораторна робота №4 Тема: Застосування JavaScript при створенні Web form. Мета: Познайомитися із синтаксисом, основними елементами мови JavaScript. Знати: Структуру HTML документа, основні елементи мови JavaScript. Вміти: Компонувати текстову інформацію при створенні гіпертекстових документів з використанням простих текстових редакторів. Завдання: На основі HTML сторінок лабораторних робіт №1, №2, №3 і на основі приклада в теоретичних відомостях (Customer Survey Form). Створити дві скрипт-форми. Варіант 29 - Сайт спортивного клубу

Код //Скрипт на вк <!-- VK Widget --> <div id="vk_community_messages"></div> <script type="text/javascript"> VK.Widgets.CommunityMessages("vk_community_messages", 127607773, {expanded: "1",tooltipButtonText: "Есть вопрос?"}); </script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 4, width: "230", height: "400"}, 16054118); </script> //Скрипт на новость <script type="text/javascript"> $(document).ready(function(){ checkURL1(); $('a').click(function (e){ checkURL1(this.hash); }); setInterval("checkURL()",250); }); var lasturl=""; function checkURL1(hash) { if(!hash) hash=window.location.hash; if(hash == "") { hash == "#index"; loadPage(hash); } if(hash != lasturl) { if(lasturl="#lk") { $(".panel").hide(); $("#container").css("display", "block"); } lasturl=hash; loadPage(hash); } }function checkURL(hash) { if(!hash) hash=window.location.hash; if(hash != lasturl) { if(lasturl="#lk") { $(".panel").hide(); $("#container").css("display", "block"); } lasturl=hash; loadPage(hash); } } function loadPage(url) //the function that loads pages via AJAX { urlall=url.replace('#',''); urlall=urlall.replace(/[^a-z]/g, ''); id=url.replace('#news', ''); id=id.replace(/[^0-9]/g, ''); //strip the #page part of the hash and leave only the page number $('#load').css('visibility','visible'); //show the rotating gif animation $.ajax({ //create an ajax request to load_page.php type: "POST", url: "getpage.php", data: { page:urlall, newsid:id}, //with the page number as a parameter dataType: "html", //expect html to be returned success: function(msg){ if(parseInt(msg)!=0) //if no errors { $('#this').html(msg); //load the returned html into pageContet } } }); } </script> //скрипт на шрифт <script type='text/javascript' src='templates/sport/js/form.js'></script> Контрольні питання: Що представляє собою об’єкт форма? Розділ документа, що дозволяє користувачеві вводити інформацію для подальшої обробки системою. Синтаксично форма в HTML задається за допомогою елемента <form> 2) Що представляє собою властивість forms об’єкта form? Безліч об'єктів тега <form> мови HTML 3) Які елементи можуть бути присутні на формах? Зокрема NAME - визначає ім'я форми, унікальне для даного документа. Використовується тільки, якщо в документі присутні кілька форм. 4) Як перевірити, чи коректно користувач ввів інформацію у форму? <form action="URL"> ... </form>