Главная страница Случайная страница
Разделы сайта
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Ступенька 40-ая.
|
|
В этой главе мы поговорим о том, что становиться проблемой для каждого человека, начинающего осваивать фреймы.
Итак, обратимся к нашему примеру. Нажмите на любую из ссылок. Документ, на который введет ссылка, откроется в том же фрейме, в котором располагается документ с меню. А нам нужно, чтобы он открылся во фрейме с основным содержанием, а меню осталось в нетронутом виде. Как это сделать?
Для начала, господа, познакомьтесь с новым атрибутом тэга < frame> - name (кстати, name, мне кажется, что мы с вами уже знакомы:). Пустим name в дело:
| < html> < head> < title> Хождение по фреймам< /title> < /head> < frameset cols=" 100, *" border=" 0" > < frameset rows=" 100, *" > < frame src=" logo.html" scrolling=" no" marginwidth=" 0" marginheight=" 0" > < frame src=" menu.html" > < /frameset> < frame src=" content.html" name=" window-1" > < /frameset> < /html> |
Параметр name задает уникальное имя для фрейма (в нашем случае для того, который содержит документ content.html).
Имя фрейма может быть в дальнейшем использовано для ссылки на него из других документов (фреймов), с помощью атрибута тэга < a> target (target=" имя_фрейма"), с которым мы, кстати, тоже уже знакомы.
Введем атрибут target в документе со ссылками - menu.html.
| < html> < head> < title> Документ с Меню< /title> < /head> < body background=" cherti3.gif" text=" #ffffff" link=" #ffffff" alink=" #ffffff" vlink=" #ffffff" > < center> < a href=" content.html" > Главная< /a> < a href=" tumki.html" > Тумки< /a> < a href=" bumki.html" > Бумки< /a> < a href=" tururumki.html" > Турурумки< /a> < a href=" tra-la-la.html" > Траляля< /a> < /center> < /body> < /html> |
Вот такой он (menu.html), в нашем случае. Теперь для каждой ссылки укажем параметр target=" window-1", где window-1 - это имя фрейма, в котором у нас располагается документ с основным содержанием (content.html).
| < html> < head> < title> Документ с Меню< /title> < /head> < body background=" cherti3.gif" text=" #ffffff" link=" #ffffff" alink=" #ffffff" vlink=" #ffffff" > < center> < a href=" content.html" target=" window-1" > Главная< /a> < a href=" tumki.html" target=" window-1" > Тумки< /a> < a href=" bumki.html" target=" window-1" > Бумки< /a> < a href=" tururumki.html" target=" window-1" > Турурумки< /a> < a href=" tra-la-la.html" target=" window-1" > Траляля< /a> < /center> < /body> < /html> (посмотреть) |
Теперь, все ссылки открываются в нужном нам фрейме, а меню никуда не исчезает, при этом мы не приложили никаких особых усилий, а только изменили немного два документа:) – наш фрейм-документ (index) и документ, содержащий ссылки (меню).
Бывают ситуации, когда нам нужно, чтобы открываемый документ открылся во все окно, для этого надо параметру target задать значение _top:
< a href=" project.html" target=" _top" > Мой проект о рыбках< /a>
Страница с проектом о рыбках откроется в полное окно, закрыв (уничтожив) остальные кадры (фреймы).
| |
  Главная / Html / Учебник по Html. Ступенька 41-ая.
|
|
|
|
|