Легенда:
новое сообщение
закрытая нитка
новое сообщение
в закрытой нитке
старое сообщение
|
- Напоминаю, что масса вопросов по функционированию форума снимается после прочтения его описания.
- Новичкам также крайне полезно ознакомиться с данным документом.
Проблема с раскрывающимся меню 16.06.03 13:01
Автор: Vah Статус: Незарегистрированный пользователь
|
Нужно сделать меню (я так понимаю, что на Javascript), чтобы при нажатии на картинку справа от нее открывалась менюшка.
Сама проблема вот в чем: таких картинок будет несколько. Я сделал одно меню (в инете нашел похожее), но оно глючное :) То есть я нажимаю на одну картинку, меню открывается. Нажимаю на вторую - оно тоже открывается, а первое не закрывается.
Есть куча нормально работающих менюшек, но они работают только с текстовыми ссылками. При изменении текста на картинку их клинит. :)
PS. Если не сложно, отвечайте пожалуйста с примерами или еще как-нибудь, а то я в Javascripte вообще ничего не понимаю.
|
|
Проблема с раскрывающимся меню 16.06.03 13:06
Автор: tdes <jin> Статус: Member
|
сделать это можно юзая такие атрибуты элементов как display:
<ul id="ListName" style="display:none;">
.....
после этого по нажатию мышки изменять display на block и наооборот.
если хочешь могу дать работающий пример выпадающего списка с несколькими уровнями
|
| |
Проблема с раскрывающимся меню 16.06.03 13:17
Автор: Vah Статус: Незарегистрированный пользователь
|
> сделать это можно юзая такие атрибуты элементов как > display:
Это понял :)
Но.. У нас есть таблица, в которую вставлены рисунки.. которые собой представляют красивую картинку в сумме... И хотелось бы, чтобы при нажатии эта картина не портилась, а меню открывалось бы где-нибудь справа, не сдвигая ничего.
Это реально сделать в тобой предложенном варианте?
|
| | |
Проблема с раскрывающимся меню 16.06.03 13:36
Автор: tdes <jin> Статус: Member
|
> > сделать это можно юзая такие атрибуты элементов как > > display: > > Это понял :) > Но.. У нас есть таблица, в которую вставлены рисунки.. > которые собой представляют красивую картинку в сумме... И > хотелось бы, чтобы при нажатии эта картина не портилась, а > меню открывалось бы где-нибудь справа, не сдвигая ничего. > > Это реально сделать в тобой предложенном варианте?
ну так делаешь в таблице дополнительные ячейки, которые сначала невидны, а по нажатию прорисовываются
|
| | | |
Проблема с раскрывающимся меню 16.06.03 13:57
Автор: Vah Статус: Незарегистрированный пользователь
|
> > меню открывалось бы где-нибудь справа, не сдвигая ничего. > > Это реально сделать в тобой предложенном варианте? > ну так делаешь в таблице дополнительные ячейки, которые > сначала невидны, а по нажатию прорисовываются
Справа от таблицы с картинками идет текст.
Можно сделать, чтобы таблицы наложились друг на друга?.. Или это только слои надо использовать?
|
| | | | |
Если нужно наложение, то слои (DIV), имхо, самое приличное решение 16.06.03 14:06
Автор: Ktirf <Æ Rusakov> Статус: Elderman
|
|
| | | | | |
Для наложения есть еще css-овский position:fixed 16.06.03 17:31
Автор: amirul <Serge> Статус: The Elderman
|
Причем он описан в стандарте, а не в расширении для конкретного бровсера, но для MS стандарты не указ и эксплореры вплоть до 6-го не поддерживают этот стиль.
Пример следует смотреть чем нибудь отличным от ИЕ. Реально полезным этот стиль станет, когда МС-ы одумаются и перестанут плодить фильтры, а просто включат поддержку стандарта в следующую версию, а большинство юзеров пересядут на него.
ЗЫ: position:absolute (который в ИЕ поддерживается) кажется тоже может делать наложение, но он скролит вместе с текстом
Пример смотреть здесь
|
| | | | | | |
Есть, только он не поддерживается старыми Операми и IE :( 16.06.03 17:47
Автор: Ktirf <Æ Rusakov> Статус: Elderman
|
> ЗЫ: position:absolute (который в ИЕ поддерживается) кажется > тоже может делать наложение, но он скролит вместе с текстом Совершенно верно. Поэтому на некоторых сайтах я видел все сделанное DIV'ами с абсолютным позиционированием и вообще без прокруток :) Что, в сущности, тоже имеет свои плюсы в плане юзабилити, главное уметь делать небольшие по геометрическим размерам странички :)
|
| | | | | |
Если нужно наложение, то слои (DIV), имхо, самое приличное решение 16.06.03 15:14
Автор: Vah Статус: Незарегистрированный пользователь
|
Еще вопрос:
Картинки нормально обрабатывают "ONCLICK"?
Что-то я пытаюсь заменить в примерах текст на картинку и получаю большую фигу.. :(
|
| | | | | | |
С проблемами не сталкивался. Браузер какой? 16.06.03 15:57
Автор: Ktirf <Æ Rusakov> Статус: Elderman
|
|
| | | | | | | |
IE 6 16.06.03 16:04
Автор: Vah Статус: Незарегистрированный пользователь
|
|
| | | | | |
Примерчиком не подсобишь? 16.06.03 14:11
Автор: Vah Статус: Незарегистрированный пользователь
|
|
| | | | | | |
Извини, что долго. В общем вот (обновлено) 16.06.03 17:42
Автор: Ktirf <Æ Rusakov> Статус: Elderman Отредактировано 17.06.03 11:12 Количество правок: 1
|
Как говорится, have fun :)
<html>
<head>
<title>
Выпадающие меню
</title>
<style>
div#menu1
{
display:none;
position:absolute;
left:100px;
top:100px;
background-color: yellow;
}
</style>
</head>
<body>
<script lang="javascript">
function open(el_id)
{
el = document.getElementById(el_id);
if (el)
el.style.display = "block";
}
function close(el_id)
{
el = document.getElementById(el_id);
if (el)
el.style.display = "none";
}
</script>
<a href="javascript:open('menu1');">
Кнопка
<img src="http://www.bugtraq.ru/img/mr-s.gif" alt="Первая попавшаяся
картинка с БагТрека"></img>
</a>
<div id="menu1">
Это типа выпадающее меню<br>
<a id="option1" href="javascript:close('menu1');">
В нем есть пункты, нажатие на любой закрывает меню.
</a>
</div>
</body>
</html>
---
|
| | | | | | | |
Маленькая добавка 16.06.03 17:48
Автор: Ktirf <Æ Rusakov> Статус: Elderman
|
Как совершенно правильно отметил amirul, вместо position:absolute в описании стиля можно пользоваться position:fixed, если не волнует совместимость с IE :)
|
| | | | | | | | |
И снова у меня проблемы :)) 16.06.03 18:36
Автор: Vah Статус: Незарегистрированный пользователь Отредактировано 16.06.03 18:37 Количество правок: 1
|
> Как совершенно правильно отметил amirul, вместо > position:absolute в описании стиля можно пользоваться > position:fixed, если не волнует совместимость с IE :)
Извините меня, криворукого.. ;)
Скопировал текст один-в-один и записал в файл.
Запустил. Нажимаю на кнопку и вижу, что кнопка втопилась, потом в строке статуса - connecting to (адрес этого файла) и все... больше ничего.
Internet explorer 6
Что делать? :))
|
|
|