При наведении на ссылку, возикновение вправо.

@alexand2011 · Регистрация: 01.04.2011

Студворк — интернет-сервис помощи студентам

Вообщем сабж. Как сделать? И еще важно, если человек убирает курсор с ссылки, то и ссылки которые вывелись вправо, тоже убираются.
Вот код. Помогите.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<script type="text/javascript">
    function Menu()
     {
       var div = document.getElementById('Result');  
       div.style.display = (div.style.display == 'none') ? '' : 'none';
       div.innerHTML = '<ul><li><a href="shop/catalog/Памятники/">Памятники</a></li><li><a href="shop/catalog/Кресты/">Кресты</a></li><li><a href="shop/catalog/Скамейки/">Скамейки</a></li><li><a href="shop/catalog/Бардюры/">Бардюры</a></li><li><a href="shop/catalog/Фонари_и_вазоны/">Фонари и вазоны</a></li></ul>';  
      }
      function Menu1()
     {
       var div = document.getElementById('vtor');  
       div.style.display = (div.style.display == 'none') ? '' : 'none';
       div.innerHTML = '<ul><li><a href="shop/catalog/Венки/">Венки </a></li><li><a href="shop/catalog/Цветы/">Корзины с цветами</a></li></ul>';  
      }
      function Menu2()
     {
       var div = document.getElementById('tret');  
       div.style.display = (div.style.display == 'none') ? '' : 'none';
       div.innerHTML = '<ul><li><a href="shop/catalog/Венки/">Венки </a></li><li><a href="shop/catalog/Цветы/">Корзины с цветами</a></li></ul>';  
      }
    
    </script>
 
<div style="position: absolute; width: 420px; height: 332px; z-index: 25; left: -1px; top: 208px" id="layer3">
 
 
 
        <font face="Arial">
        <a href="shop/catalog/Благоустройство_и_уход_за_местом_захоронения/">
        <img border="0" id="img1" src="menu/p1.png" height="30" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'menu/s1.png')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'menu/p1.png')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'menu/s1.png')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'menu/d1.png')"></a>
        <a href="shop/catalog/Поддержание_порядка_на_местах_захоронений/">
        <img border="0" id="img2" src="menu/p2.png" height="30" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'menu/s2.png')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'menu/p2.png')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'menu/s2.png')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'menu/d2.png')"></a>
        
        
        <a  onmouseover="Menu1(); return false;" onmousedown="" href="shop/catalog/Доставка_венков_и_цветочных_корзин_от_лица_заказчика_на_траурную_церемонию/">
        <img border="0" id="img3" src="menu/p3.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/p3.png')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/d3.png')"></a>
        
        <div id="vtor" style="display:none"></div>
    
        <a onclick="Menu(); return false;" href="shop/catalog/Помощь_в_проектировании_изготовлении_установке_памятников_крестов_бордюров_скамеек_фонарей/">
        <img border="0" id="img4" src="menu/p4.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'menu/s4.png')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'menu/p4.png')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'menu/s4.png')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'menu/d4.png')"></a>
     
<div id="Result" style="display:none"></div>
 
 </li> 
        
        
        <a onclick="Menu2(); return false;" href="shop/catalog/Возложение_на_могилу_траурных_венков_и_корзин_из_живых_или_искусственных_цветов_в_отсутствие_заказчика/">
        <img border="0" id="img5" src="menu/p5.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'menu/s5.png')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'menu/p5.png')" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'menu/s5.png')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'menu/d5.png')"></a>
        
        <div id="tret" style="display:none"></div>
        
        <a href="shop/catalog/Напоминание_заказчику_об_особых_днях_поминовения_усопших_по_согласованию_и_договорнности_с_заказчиком/">
        <img border="0" id="img6" src="menu/p6.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'menu/s6.png')" onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'menu/p6.png')" onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'menu/s6.png')" onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'menu/d6.png')"></a>
        
        
        <a href="shop/catalog/Помощь_в_организации_похоронных_церемоний_церковных_обрядов_поминок/">
        <img border="0" id="img7" src="menu/p7.png" height="30" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'menu/s7.png')" onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'menu/p7.png')" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'menu/s7.png')" onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'menu/d7.png')"></a>
        
        <a href="shop/catalog/Помощь_в_поиске_захоронений/">
        <img border="0" id="img8" src="menu/p8.png" height="30" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'menu/s8.png')" onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'menu/p8.png')" onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'menu/s8.png')" onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'menu/d8.png')"></a>
        
        <a href="shop/sections/contacts/">
        <img border="0" id="img9" src="menu/p9.png" height="30" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'menu/s9.png')" onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'menu/p9.png')" onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'menu/s9.png')" onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'menu/d9.png')"></a>
 
 
       
        </font>
    </div>

@StagnantIce · 10.04.2011, 20:11

события при наведении onmousemove, onmouseout все верно... Не понятно в чем вопрос.

Или вы хотите чтобы вместо просто появление, оно выезжало?
Если хотите чтобы выезжало, меняйте по таймеру положение дива.

@alexand2011 · 10.04.2011, 21:56 **[ТС]**

onmouseout="" почему то не срабатывает

@StagnantIce · 11.04.2011, 09:20

может тогда onmouseover ? Путаюсь в синтаксисах языков

@alexand2011 · 11.04.2011, 15:05 **[ТС]**

HTML5
1
2
<a  onmouseover="Menu1(); return false;" onmouseout="" href="shop/catalog/Доставка_венков_и_цветочных_корзин_от_лица_заказчика_на_траурную_церемонию/">
                <img border="0" id="img3" src="menu/p3.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/p3.png')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/d3.png')"></a>

onmouseover - Срабатывает, при наведении на ссылку, выползает менюшка. А вот onmouseout="" почему то не срабатывает. Мож из за того что не прописано в самом Джава скрипте?

@StagnantIce · 11.04.2011, 15:41

в onmouseout нужно что то делать как и в onmouseover... а у вас там ничего нет.

JavaScript
1
onmouseout="Menu1(); return false;"

@alexand2011 · 12.04.2011, 16:36 **[ТС]**

Слушай, че я только не делал.. Не получается. Вот остановился на последнем.
Код джава к переменной

HTML5
1
2
3
4
5
6
<div onmouseover="Menu1(); return false;"  >
        <a href="shop/catalog/Доставка_венков_и_цветочных_корзин_от_лица_заказчика_на_траурную_церемонию/">
        <img border="0" id="img3" src="menu/p3.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/p3.png')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/d3.png')"></a>
        
        <div id="vtor" style="display:none" onmousedown="Menu4(); return false;"></div>
    </div>

Сам код с переменной

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
 function Menu1()
     {
       var div = document.getElementById('vtor');  
       div.style.display = (div.style.display == 'none') ? '' : 'none';
       div.innerHTML = '<ul><li><a href="shop/catalog/Цветы/">Корзины с цветами</a></li></ul>';  
      }
    
       function Menu4()
     {
       var div = document.getElementById('Result');  
       div.style.display = (div.style.display == 'none') ? '' : 'none';
       div.innerHTML = '<p>77</p>';  
      }

что и куда прописать? Чтобы при наведении на ссылку, появлялось инфо из кода джавы (Этот пункт работает) и (то что надо сделать) при убирании курсора мыши с инфо(которое выдвигается) или кнопки(при наведенни на которую появляется инфа), инфо исчезала и оставался начальний вид кнопки. Вот что мне надо. Чтоб автоматом убиралось, напишите знатоки. Помогите с кодом. в заранее спасибо.

@StagnantIce · 12.04.2011, 22:33

В html

HTML5
1
<div id="vtor" style="display:none" onmouseout = "newMenu();return false;" onmousedown="Menu4(); return false;"></div>

в js

JavaScript
1
2
3
4
5
6
function newMenu()
     {
       var div = document.getElementById('vtor');  
       div.innerHTML = '';  
       div.style.display = 'none';
      }

@alexand2011 · 13.04.2011, 00:55 **[ТС]**

Здесь
Поставил и опять нифига, сверху слева можеш увидеть что получилось

@StagnantIce · 13.04.2011, 08:57

попробуй поставить тоже событие и на UL

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@StagnantIce 125 / 105 / 40 Регистрация: 06.03.2011 Сообщений: 334
	10.04.2011, 20:11
	события при наведении onmousemove, onmouseout все верно... Не понятно в чем вопрос. Или вы хотите чтобы вместо просто появление, оно выезжало? Если хотите чтобы выезжало, меняйте по таймеру положение дива. 0

@alexand2011 0 / 0 / 0 Регистрация: 01.04.2011 Сообщений: 28
	10.04.2011, 21:56 [ТС]
	onmouseout="" почему то не срабатывает 0

@StagnantIce 125 / 105 / 40 Регистрация: 06.03.2011 Сообщений: 334
	11.04.2011, 09:20
	может тогда onmouseover ? Путаюсь в синтаксисах языков 0

@alexand2011 0 / 0 / 0 Регистрация: 01.04.2011 Сообщений: 28
	13.04.2011, 00:55 [ТС]
	Здесь Поставил и опять нифига, сверху слева можеш увидеть что получилось 0

@StagnantIce 125 / 105 / 40 Регистрация: 06.03.2011 Сообщений: 334
	13.04.2011, 08:57
	попробуй поставить тоже событие и на UL 0