Разработка веб-ресурса с использованием HTML, CSS, JavaScript, PHP. Применение базовых технологий для создания фотоархива в веб-интерфейсе. Захаркина В.В. - 18 стр.

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

Составители: 

Рубрика: 

34
«назад». Приведем вариант функции, которую можно задать
миниатюрам в качестве обработчика onClick.
Символ я снова здесь применю в том случае, когда длинная
инструкция JavaScript (например, строковый литерал) должна быть
выведена в коде одной строкой, но не умещается по ширине
печатной страницы. Фрагменты таких длинных инструкций в данном
печатном издании будут разбиты на
фрагменты, выводящиеся на
разных строках. Используя приведенный код, не забудьте вывести эти
фрагменты на одной строке кода!
function showPhoto
(photoAddr,photoWidth,photoHeight,legend)
//photoAddr - путь к файлу изображения
//photoWidth и photoHeight - ширина и высота
//изображения
//legend – подпись к изображению
{
//Сохраняем в строковой переменной прежнее
//содержание раздела.
//Оно будет использовано при формировании
//ссылки «назад»
previousHTML =
document.getElementById('content').innerHTML;
//формируем ссылку «назад», используя значение,
//сохраненное в переменной previousHTML
backLink = '<p class="backLinkText" onClick =
"document.getElementById(\'content\')
.innerHTML = previousHTML">
&lt;&lt;&nbsp;назад к миниатюрам</p>';
//Формируем новое содержимое раздела:
//ссылку «назад», фотографию и подпись
newInnerHTML = backLink +
'<div style="text-align:center"><img src="' +
photoAddr +
35
'" width="' + photoWidth +
'" height="' + photoHeight + '>';
//Если текстовые подписи могут быть очень
//длинными, уместно повторить ссылку «назад» и
//внизу:
newInnerHTML = newInnerHTML + '</p></div>' +
backLink;
//Заменяем набор миниатюр на фотографию с
//подписью:
document.getElementById('content').innerHTML =
newInnerHTML;
};
Приведенная функция достаточно универсальна. Еще раз отметим, что
ее применение не приводит к загрузке нового документа. В одном из
разделов текущего документа заменяется содержимое, а
остальные
структурные элементы остаются на месте.
Серверные приемы
программирования
На очередном этапе развития веб-ресурсов, публикующих объемные
фотоархивы, неизбежно встает вопрос организации дальнейшего
сопровождения. Эта проблема возникает в проектах самого разного
целевого назначения. Вот несколько естественных примеров.
• Ресурсы, организующие среду общения и дающие возможность
публикации фотоматериалов.
• Профессиональные и любительские ресурсы, посвященные
искусству фотографии.

Страницы