Подякувати Студентському архіву довільною сумою
Admin
26.02.2023 12:38
Дякуємо, що користуєтесь нашим архівом!
Застосування JavaScript при створенні Web form.
Інформація про навчальний заклад
ВУЗ:
Інші
Інститут:
Не вказано
Факультет:
Не вказано
Кафедра:
Не вказано
Інформація про роботу
Рік:
2024
Тип роботи:
Лабораторна робота
Предмет:
web програмування
Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Кіровоградський національний технічний університет
Кафедра програмування та захисту інформації
Дисципліна : 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>
13.05.2018 16:05-
Ділись своїми роботами та отримуй миттєві бонуси!
0%
Оголошення від адміністратора