Главная страница
Навигация по странице:

  • Лабораторная работа №5 Переключатели

  • Лабораторная работа №6 Флажки

  • Лабораторная работа 1 Основные положения


    Скачать 368.4 Kb.
    НазваниеЛабораторная работа 1 Основные положения
    Дата11.04.2022
    Размер368.4 Kb.
    Формат файлаpdf
    Имя файлаlab_rab (1).pdf
    ТипЛабораторная работа
    #461037
    страница2 из 8
    1   2   3   4   5   6   7   8

    соlоr="#0000ff">Содержание

    аlt="форматирование текста" border="0" width="103" height="35">
    аlt="форматирование текста" border="0" width="103" height="35">
    аlt="форматирование текста" border="0" width="103" height="35">

    Лабораторная работа №5
    Переключатели
    Данные удобно представлять с помощью элемента управления "переключатель" (или "радиокнопка") в том случае, когда из нескольких вариантов может быть выбран лишь один.
    Пример 1. Вычисление площади фигуры.
    Необходимо выбрать форму фигуры и определить ее площадь.
    Пусть для выбора фигуры задана следующая форма:

    Введите значение


    Укажите форму:

    квадрат
    Kpyr

    треугольник



    Площадь:

    В этой форме шесть элементов. Первый элемент служит для ввода строки текста. Следующие три элемента образуют группу и являются переключателями. Пятый элемент создает кнопку сброса, нажатие которой отменяет все сделанные изменения. Шестой элемент является элементом для ввода строки.
    Так как объект forms имеет свойство-массив elements, в котором содержатся ссылки на элементы формы в порядке их перечисления в теге
    , то получить доступ к первому элементу формы можно либо с помощью значения параметра name этого элемента (document.form1.data), либо используя объектную модель JavaScript (document.forms[0].elements[0]).
    Второй элемент рассматриваемой формы можно получить, если воспользоваться конструкцией document.forms[0].elements[1]. Это элемент- переключатель, определенный в составе группы элементов. В рассматриваемом примере группа элементов состоит из трех переключателей. В одну группу входят элементы с одинаковым значением параметра name. Доступ к следующим элементам группы может быть осуществлен так: document.forms[0].elements[2], document.forms[0].elements
    [3]. Обязательный параметр value должен иметь уникальное значение для каждого элемента группы. Пользователь может выбрать только один вариант.
    Напишем сценарий, в котором в зависимости от длины стороны или радиуса и формы выбранной фигуры вычисляется ее площадь. Для простоты будем считать, что фигура может иметь либо форму квадрата (задается его
    сторона), либо форму круга (задается радиус), либо форму равностороннего треугольника (задается его сторона).
    Площадь рассматриваемых фигур считается по формуле kа^2, где k - коэффициент, зависящий от формы выбранной фигуры; а - задаваемое пользователем значение. Вычисления будут проще, если коэффициент k указать в качестве значения параметра value соответствующего переключателя. Щелчок на элементе "переключатель" соответствует событию click, обработка которого заключается в вызове функции test.
    Функция имеет единственный параметр, значение параметра - value переключателя, которое служит для вычисления площади фигуры.
    HTML- код приведен в листинге 1.
    Листинг 1. Вычисление площади выбранной с помощью переключателя фигуры



    Введите значение



    Укажите форму

    квадрат

    круг

    треугольник



    Площадь:




    Изображение и текст.
    Обтекание изображения текстом





    Выберите значение параметра выравнивания нажмите кнопку
    <В>Просмотр.

    (left) изображение выравнивается по левому краю
    (right) изображение выравнивается по правому краю





    Иван Иванович Шишкин является одним из основоположников русского национального пейзажа.

    В полотне "Рожь" Шишкин создал образ большой эпической силы и подлинно монументального звучания. Могучая, полная богатырских сил природа, богатый, привольный край. (Т. Юрова)


    Лабораторная работа №6
    Флажки
    Элемент управления "флажок" используется в случае, когда из предложенных вариантов можно выбрать как один, так и несколько. Каждый вариант выбора задается флажком, который можно либо установить, либо сбросить. Флажок определяется в теге значением checkbox параметра type. Обязательным параметром является параметр value, значение которого будет передано на обработку в случае выбора нажатием кнопки.
    Пример 1. Выбор характеристик издания
    Предположим, читателю предлагается заполнить анкету, в которой требуется указать название любимого издания и выбрать из предложенного списка характеристики, которые присущи рассматриваемому изданию.
    Для задания характеристик издания можно воспользоваться флажком.
    Пользователь устанавливает флажки для тех свойств, которыми, по его мнению, обладает издание. Обработка анкеты будет состоять в том, что выбранные свойства будут отражены в поле ввода многострочного текста.
    При щелчке мышью по флажку возникает событие click, обработка которого состоит в вызове функции set с одним параметром, принимающим значение параметра value флажка. Для формирования строки результата служит глобальная переменная s; к имеющемуся значению добавляется значение параметра функции и помещается в текстовое поле. Если нажать ни кнопку Отмена, то очистятся все поля формы. Однако следует позаботиться о том, чтобы значение переменной s изменилось на начальное. Значение параметра реакции на событие click при щелчке по кнопке Отмена задается оператором присваивания, обеспечивающим начальные условия.
    HTML- код представлен в листинге 1.
    Листинг 1. Анкета читателя




    1   2   3   4   5   6   7   8


    написать администратору сайта