| imho.ws |
![]() |
|
|
|
# 1 |
|
Full Member
Регистрация: 11.12.2002
Сообщения: 864
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Быстрый переход на контент
Я попытаюсь об'яснить что мне надо - я знаю что, но не знаю как именно. Допустим есть длинный ХТМЛ (локальный файл), на 150-200 страниц (экранов). Он содержит 100-150 логических единиц (1-2 экрана каждая). У каждой такой единицы есть логическое имя ( допустим А1, А2, Б3 и т.д. ) Мне интересно как сделать быстрый переход с одного места на другое. Первое что пришло в голову - поставить слева фрейм с шорткатами. Но может быть сегодняшнии веб-технологии предлагают более продвинутые способы - какая-нибудь плавающая кнопка, при нажатии на которую открывается список переходов или что-то в таком роде. Спасибо.
П.С. Понятно, что файл я сам генерю. |
|
|
|
|
# 2 |
|
::VIP::
Регистрация: 23.05.2005
Пол: Male
Сообщения: 1 064
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Плавающая кнопка? Да не вопрос!
Вверху страницы пишешь примерно так Код:
<div style="position:fixed; left:10px; right:0px;"> тут размещаешь свои ссылки </div>
__________________
Умный не тот кто все знает, а тот кто знает где узнать то чего он не знает. Life is only what you make it.
|
|
|
|
|
# 3 |
|
Advanced Member
Регистрация: 21.04.2005
Адрес: град Москва
Сообщения: 431
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
1) Якоря никто не отменял:
<a href="#a1">Логическая единшица A1</a> <a href="#a2">Логическая единшица A2</a> ... <a name="a1"></a> <!-- текст логической единицы A1 --> ... <a name="a2"></a> <!-- текст логической единицы A2 --> ... Вот как это предствить удобства перемещения? Я так понял, что задача состоит в том, в каком месте html-документа мы не находились, было бы доступно меню перехода. Подходов много на самом деле. Первая группа подходов состоит в том, что сделать одну часть страницы неподвижной, а вторую часть - подвижной. Это или фреймы, которые вы упомянули, или, например, <div> фиксированного размера, в который помещаются все логические единицы. Грубый пример: Код:
<div style="width: 200px; height: 250px; border: 1px solid #666; overflow: scroll; "> <a name="1"></a>1<br><br><br><br><br><br><a name="2"></a>2<br><br><br><br><br><br><a name="3"></a>3<br><br><br><br><br><br><a name="4"></a>4<br><br><br><br><br><br></div> <a href="#1">1</a> <a href="#2">2</a> <a href="#3">3</a> <a href="#4">4</a> 1) http://www.dynamicdrive.com/dynamici...taticmenu3.htm 2) http://www.dynamicdrive.com/dynamicindex1/popit.htm - можно сделать такое после каждого блока или закрепить в верхнем углу 3) http://www.dynamicdrive.com/dynamici...ontextmenu.htm - только в опере не работает... ![]() Hatifnatt Единственная бяка, что Internet Explorer не поддерживает данный аргумент... |
|
|
|
|
# 4 | |
|
::VIP::
Регистрация: 23.05.2005
Пол: Male
Сообщения: 1 064
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Цитата:
Вобщем хотел как проще, а получилось как всегда. Приношу извинения за дезинформацию в следующий раз буду проверять лучше.К сожалению в случае с IE без скрипта не обойтись (зато своих объектов наворотили целую кучу).
__________________
Умный не тот кто все знает, а тот кто знает где узнать то чего он не знает. Life is only what you make it.
|
|
|
|
|
|
# 5 | |
|
Full Member
Регистрация: 02.08.2005
Адрес: город Ха, регион 27
Сообщения: 549
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Цитата:
Плавающие кадры не требуют использования элемента <FRAMESET>.
__________________
Как ни улучшится погода, У нас своя Природа-мать. У нас любое время года Задача перезимовать. |
|
|
|