VPF::Управление слоями - Форум программистов

ОнКофе

Дата 29.3.2006, 13:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет

Меня тут вот такой вопрос заинтересовал

есть такой пример

Код


<table onMouseOver="showdiv('ppp', 1)" onMouseOut="showdiv('ppp', 0)">

<tr>
<td>ПУНКТ МЕНЮ</td>
</tr>

<tr>
<td>
<div id=ppp style="display:none;position:absolute;">
<table>
<tr>
<td><a href="index.htm">ПОДМЕНЮ</a></td>
</tr>
</table>
</div>
</td>
</tr>

</table>

то есть при наведении отображается слой, но он начинается из правого верхнего угла, а как сделать чтобы он начинался из левого верхнего угла???

У меня меню находится в верхнем правом углу, подменю выползает вниз от соответствующего пункта меню, но хотелось бы что бы оно начиналось на с правого угла а с левого...

пробовал сделать через align в ячейке, он только текст смещает вправо, а расположение слоя остается не изменным!!!

AztEK

Дата 29.3.2006, 14:01 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 723
Регистрация: 4.1.2005

Репутация: 4
Всего: 18

Нужно узнать ширину блока (либо сделать фиксированной) и поставить left: это значение.

--------------------

Linux is like wigwam -- no windows, no gates, apache inside.

Bangladesh

Дата 30.3.2006, 22:10 (ссылка)

(нет голосов)

Загрузка ...

AsBest

Профиль
Группа: Завсегдатай
Сообщений: 1089
Регистрация: 4.9.2004
Где: Калининград

Репутация: 4
Всего: 17

пожно попробывать найти координаты с помощью js

--------------------

ок

AztEK

Дата 31.3.2006, 08:05 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 723
Регистрация: 4.1.2005

Репутация: 4
Всего: 18

I, GyoZ я это и имел ввиду. Смысл в том, чтобы поставить в правый угол, но св-вом left сымитировать нахождение в левом углу.

--------------------

Linux is like wigwam -- no windows, no gates, apache inside.

ОнКофе

Дата 31.3.2006, 09:17 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет

есть конкретные предложения??? Или только идеи???

AztEK

Дата 31.3.2006, 15:02 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 723
Регистрация: 4.1.2005

Репутация: 4
Всего: 18

Вот например:

Код


function showdiv(id, mode)
{
   var div = document.getElementById(id);
   var winWidth = window.innerWidth; //Ширина экрана

   if(mode)
  {
       div.style.left = window.innerWidth - div.offsetWidth;
      //div.offsetWidth - ширина блока
       div.style.display = "";
   }
   else
   {
       div.style.display = "none";
   }

}

За правильность и кроссбраузерность не ручаюсь...

Это сообщение отредактировал(а) AztEK - 31.3.2006, 15:03

--------------------

Linux is like wigwam -- no windows, no gates, apache inside.

Micher

Дата 3.4.2006, 11:26 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 129
Регистрация: 13.1.2006
Где: г. Ижевск

Репутация: нет
Всего: нет

Зайди на http://www.kruglov.ru/klayers/
Там модуль есть для работы со слоями и документуха.Может воспользуешся, там довольно просто и удобно всё.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »