информационная безопасность
без паники и всерьез
 подробно о проекте
Страшный баг в WindowsВсе любят медСетевые кракеры и правда о деле Левина
BugTraq.Ru
Русский BugTraq
 Анализ криптографических сетевых... 
 Модель надежности двухузлового... 
 Специальные марковские модели надежности... 
 Хакеры начали эксплуатировать критическую... 
 Критическая уязвимость UEFI позволяет... 
 Японский хостинг попросил клиентов... 
главная обзор RSN блог библиотека закон бред форум dnet о проекте
bugtraq.ru / форум / web building
Имя Пароль
ФОРУМ
если вы видите этот текст, отключите в настройках форума использование JavaScript
регистрация





Легенда:
  новое сообщение
  закрытая нитка
  новое сообщение
  в закрытой нитке
  старое сообщение
  • Напоминаю, что масса вопросов по функционированию форума снимается после прочтения его описания.
  • Новичкам также крайне полезно ознакомиться с данным документом.
Маленькая добавка 16.06.03 17:48  Число просмотров: 2190
Автор: Ktirf <Æ Rusakov> Статус: Elderman
<"чистая" ссылка>
Как совершенно правильно отметил amirul, вместо position:absolute в описании стиля можно пользоваться position:fixed, если не волнует совместимость с IE :)
<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





Рейтинг@Mail.ru


  Copyright © 2001-2026 Dmitry Leonov   Page build time: 1 s   Design: Vadim Derkach