Лабораторные задачи для курса "Программирование в Интернет."

Динамическое изменение страницы.

    1. Создать страничку, содержащую текст заданий лабораторных работ (5, 6, 7). Перед текстом заданий для каждой лабораторной должен идти заголовок - название лабораторной.
    2. Сделать так, чтобы при нажатии на заголовок текст самого задания исчезал или, наоборот, появлялся (если он был не виден).

      Рекомендации:
      - использовать событие OnClick для заголовков и написать для обработки этого события функцию, которой бы передавался в качестве аргумента объект (или его имя) - раздел, который должен быть скрыт/показан.
      - для скрытия/показа использовать поле display свойства style объекта. Для скрытия установите его в 'none', для показа - в ''.

  1. Создайте страничку, содержащую несколько (минимум 4) блоков. В часть из них поместите текст, в часть - изображения.
    В нижней части каждого блока разместите кнопочки-изображения (, , , или другие) для перемещения этого блока на 5 пикселов в соответствующем направлении.

    Рекомендации:
    Изначально можно создать таблицу, блоки будут находится в ячейчах этой таблицы. Для ячеек таблицы задайте свойство position:relative, а для блоков - position:absolute.
    Для перемещения блоков меняйте их свойства left и top.
    Для извлечения из этих свойств числового значения (отбрасывания 'px') можно использовать метод substr(0,сколько символов), количество символов хранится в поле length. Другой вариант - хранить позицию отдельно в соответствующей структуре данных.


Следующее задание, Программа
В.А. Петухин Последние изменения : 24 сентября, 2009