информационная безопасность
без паники и всерьез
 подробно о проектеRambler's Top100 		Портрет посетителяГде водятся OGRыВсе любят мед
BugTraq.Ru
 Русский BugTraq
 Анализ криптографических сетевых... 
 Модель надежности двухузлового... 
 Специальные марковские модели надежности... 
 Очередное исследование 19 миллиардов... 
 Оптимизация ввода-вывода как инструмент... 
 Зловреды выбирают Lisp и Delphi 
главная обзор RSN блог библиотека закон бред форум dnet о проекте
bugtraq.ru / форум / web building
Имя Пароль
если вы видите этот текст, отключите в настройках форума использование JavaScript
ФОРУМ
все доски
FAQ
IRC
новые сообщения
site updates
guestbook
beginners
sysadmin
programming
operating systems
theory
web building
software
hardware
networking
law
hacking
gadgets
job
dnet
humor
miscellaneous
scrap
регистрация





Легенда:
  новое сообщение
  закрытая нитка
  новое сообщение
  в закрытой нитке
  старое сообщение
Проблема с раскрывающимся меню 16.06.03 13:17  Число просмотров: 1857
Автор: Vah Статус: Незарегистрированный пользователь
<"чистая" ссылка>
> сделать это можно юзая такие атрибуты элементов как
> display:

Это понял :)
Но.. У нас есть таблица, в которую вставлены рисунки.. которые собой представляют красивую картинку в сумме... И хотелось бы, чтобы при нажатии эта картина не портилась, а меню открывалось бы где-нибудь справа, не сдвигая ничего.

Это реально сделать в тобой предложенном варианте?
<web building>
Проблема с раскрывающимся меню 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

Что делать? :))
1




Rambler's Top100
Рейтинг@Mail.ru


  Copyright © 2001-2025 Dmitry Leonov   Page build time: 0 s   Design: Vadim Derkach