Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » О всплывающем меню на обьявление


О всплывающем меню на обьявление

Сообщений 1 страница 12 из 12

1

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

Код:
<a href="http://i041.radikal.ru/0902/aa/4c2e6a5e7fb0.jpg" onMouseOver="part1ON()" onMouseOut="part1OFF()">Административное</a>
<a href="http://s49.radikal.ru/i123/0902/76/322ba0f600e3.jpg" onMouseOver="part2ON()" onMouseOut="part2OFF()">Игровое</a>

<div id="part1" class="container">
<a href=http://durmstrang.rolka.su/viewtopic.php?pid=150#p150>[Темномагический вред]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=23>[То. что должен знать дурмстранговец]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=4>[Список предметов]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=163#p163>[Герб. Гимн. Девиз]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=20 >[История Дурмстранга]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=111 >[Общешкольные правила]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=63 >[Правила]</a>

</div>

<div id="part2" class="container">
<a href=http://durmstrang.rolka.su/viewtopic.php?pid=23#p23 >[Шаблон Анкеты]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=68 >[Роли]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=29#p29 >[Сюжет]</a>
<hr>Квесты:
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=369#p369 >[Квест I]</a>
<hr>Наборы:
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=88>[В команды по Квиддичу]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=104>[В газету «Болгарские события»]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=90 >[Старосты/Деканы]</a>


</div>

вроде ссылки прописала, ладно с этим проблем нет. а вот где самое начало:
<a href="http://i041.radikal.ru/0902/aa/4c2e6a5e7fb0.jpg" onMouseOver="part1ON()" onMouseOut="part1OFF()">Административное</a>
<a href="http://s49.radikal.ru/i123/0902/76/322ba0f600e3.jpg" onMouseOver="part2ON()" onMouseOut="part2OFF()">Игровое</a>
то что выделено, все таки что надо вставлять??? я вставила картинку но похоже надо какую ту ссылку. непонятно, тем более ссылки нету такой, мне ведь надо чтобы при наведении курсора появлялось меню а отводишь - исчезало.

и еще:

<div id="part2" class="container">
<div id="part1" class="container">

в этих двух строках ничего менять ненадо???

На всякий случай весь код который у меня:

Код:
В хтмл верх

<style type="text/css">
#part1,#part2 {
z-index: 2;
position: absolute;
visibility: hidden}
</style>


В хтмл низ

<script language="JavaScript">
function part1ON() {document.getElementById("part1").style.visibility='visible'}
function part2ON(){document.getElementById("part2").style.visibility='visible'}
function part1OFF() {document.getElementById("part1").style.visibility='hidden'}
function part2OFF(){document.getElementById("part2").style.visibility='hidden'}
</script>

В обьявление
<a href="http://i041.radikal.ru/0902/aa/4c2e6a5e7fb0.jpg" onMouseOver="part1ON()" onMouseOut="part1OFF()">Административное</a>
<a href="http://s49.radikal.ru/i123/0902/76/322ba0f600e3.jpg" onMouseOver="part2ON()" onMouseOut="part2OFF()">Игровое</a>

<div id="part1" class="container">
<a href=http://durmstrang.rolka.su/viewtopic.php?pid=150#p150>[Темномагический вред]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=23>[То. что должен знать дурмстранговец]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=4>[Список предметов]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=163#p163>[Герб. Гимн. Девиз]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=20 >[История Дурмстранга]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=111 >[Общешкольные правила]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=63 >[Правила]</a>

</div>

<div id="part2" class="container">
<a href=http://durmstrang.rolka.su/viewtopic.php?pid=23#p23 >[Шаблон Анкеты]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=68 >[Роли]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=29#p29 >[Сюжет]</a>
<hr>Квесты:
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=369#p369 >[Квест I]</a>
<hr>Наборы:
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=88>[В команды по Квиддичу]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=104>[В газету «Болгарские события»]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=90 >[Старосты/Деканы]</a>


</div>

0

2

Sacanya написал(а):

вроде ссылки прописала, ладно с этим проблем нет. а вот где самое начало:

Ну если Вы хотите картинки, а не ссылки, тогда следует прописать так:

Код:
<img src="http://i041.radikal.ru/0902/aa/4c2e6a5e7fb0.jpg" onMouseOver="part1ON()" onMouseOut="part1OFF()"> 
<img src="http://s49.radikal.ru/i123/0902/76/322ba0f600e3.jpg" onMouseOver="part2ON()" onMouseOut="part2OFF()">

Надписи вида part1OFF() и part1ON() не трогаем.

Sacanya написал(а):

в этих двух строках ничего менять ненадо???

Нет.

0

3

почему то работать не желает...

Код:
<img src="http://i041.radikal.ru/0902/aa/4c2e6a5e7fb0.jpg" onMouseOver="part1ON()" onMouseOut="part1OFF()"> 
<img src="http://s49.radikal.ru/i123/0902/76/322ba0f600e3.jpg" onMouseOver="part2ON()" onMouseOut="part2OFF()">
<div id="part1" class="container">
<a href=http://durmstrang.rolka.su/viewtopic.php?pid=150#p150>[Темномагический вред]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=23>[То. что должен знать дурмстранговец]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=4>[Список предметов]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=163#p163>[Герб. Гимн. Девиз]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=20 >[История Дурмстранга]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=111 >[Общешкольные правила]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=63 >[Правила]</a>

</div>

<div id="part2" class="container">
<a href=http://durmstrang.rolka.su/viewtopic.php?pid=23#p23 >[Шаблон Анкеты]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=68 >[Роли]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=29#p29 >[Сюжет]</a>
<hr>Квесты:
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=369#p369 >[Квест I]</a>
<hr>Наборы:
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=88>[В команды по Квиддичу]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=104>[В газету «Болгарские события»]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=90 >[Старосты/Деканы]</a>
</div>

или ошибка в других кодах? пожалуйста проверьте...

0

4

Sacanya
А где та часть, что ставиться в HTML-низ? Про нее забыли?

0

5

Айpин
я ее уже вставила вообще то... она есть. ну выше весь код выложен... и в хтмл низ что ставить есть

0

6

Sacanya написал(а):

я ее уже вставила вообще то...

Адрес форума тогда давайте.

0

7

Айpин
ок.
http://durmstrang.rolka.su/

0

8

Sacanya
У Вас в HTML-низ стоит неправильный скрипт, замените этим:

Код:
<script language="JavaScript">
function part1ON() {document.getElementById("part1").style.visibility='visible'}
function part2ON(){document.getElementById("part2").style.visibility='visible'}
function part1OFF() {document.getElementById("part1").style.visibility='hidden'}
function part2OFF(){document.getElementById("part2").style.visibility='hidden'}
</script>

+1

9

Айpин
окно всплывает. да только опять проблема, оно убирается как только отведу мышку от картинки xD. я хотелось бы чтобы можно было кликать на ссылки ну которые выдает это меню. Перейдите по ссыле и гляньте что происходит)))

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

Отредактировано Sacanya (Чт, 19 Фев 2009 19:35:53)

0

10

Sacanya написал(а):

окно всплывает. да только опять проблема, оно убирается как только отведу мышку от картинки xD. я хотелось бы чтобы можно было кликать на ссылки ну которые выдает это меню. Перейдите по ссыле и гляньте что происходит)))

Я Вам сделала так: двойной щелчок по картинке - открывает окошко, обычный щелчок - закрывает.
Замените часть в объявлении:

Код:
<img src="http://i041.radikal.ru/0902/aa/4c2e6a5e7fb0.jpg" onDblClick="part1ON()" onClick="part1OFF()"> 
<img src="http://s49.radikal.ru/i123/0902/76/322ba0f600e3.jpg" onDblClick="part2ON()" onClick="part2OFF()">
<div id="part1" class="container">
<a href=http://durmstrang.rolka.su/viewtopic.php?pid=150#p150>[Темномагический вред]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=23>[То. что должен знать дурмстранговец]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=4>[Список предметов]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=163#p163>[Герб. Гимн. Девиз]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=20 >[История Дурмстранга]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=111 >[Общешкольные правила]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=63 >[Правила]</a>

</div>

<div id="part2" class="container">
<a href=http://durmstrang.rolka.su/viewtopic.php?pid=23#p23 >[Шаблон Анкеты]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=68 >[Роли]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=29#p29 >[Сюжет]</a>
<hr>Квесты:
<br><a href=http://durmstrang.rolka.su/viewtopic.php?pid=369#p369 >[Квест I]</a>
<hr>Наборы:
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=88>[В команды по Квиддичу]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=104>[В газету «Болгарские события»]</a>
<br><a href=http://durmstrang.rolka.su/viewtopic.php?id=90 >[Старосты/Деканы]</a>
</div>
Sacanya написал(а):

ах да, как можно разместить меню, прямо под картинками?

Никак, потому что это блоки меню абсолютно позиционированны - это самый оптимальный вариант в данном случае.

+1

11

Айpин
опять фигня. теперь открывается по одному клику. и когда еще раз кликаю не желает закрываться. убила бы на месте... проверьте тогда еще раз(((

0

12

Айpин
ой извините... я сама хотела нахимичить в итоге так...сейчас убрала и все ок! спасибо огромное вам!!!))

0


Вы здесь » Единый форум поддержки » Корзина » О всплывающем меню на обьявление