помогите очень прошу!

alex_10 · June 20, 2009

Здравствуйте!!!!

Мне нужна помощь , как вот такое меню в html заставить работать в IE и Opera:

<td<div onmouseover="document.all['menu2'].style.display=''" onmouseout="document.all['menu2'].style.display='none'"><A href="http://soosan.cort.com.ua/" target="_blank">
 <IMG src="http://soosan.at.ua/soosan-logo.jpg" border="0" alt="SOOSAN">
</A></marquee><br> 
<div id="menu2" style="display:none">
<table>
<tr><td><a href="http://soosan.cort.com.ua/production-manipulators.html" title="Краны-манипуляторы"><img src="http://soosan.at.ua/Crany-manipulyatori.jpg" alt="Краны-манипуляторы"></a></td></tr>
<tr><td><a href="http://soosan.cort.com.ua/production-hummers-ni.html" title="Гидромолоты"><img src="http://soosan.at.ua/Gidromoloti.jpg" alt="Гидромолоты"></a></td></tr>
<tr><td><a href="http://soosan.cort.com.ua/production-smc.html" title="Демонтажное оборудование"><img src="http://soosan.at.ua/Oborudovanie.jpg" alt="Демонтажное оборудование"></a></td></tr>
</table>
</div>
</div>
 </td>

мне нужно только это меню!!! пожалуйста не пишите про то что нужно переделать в css и т.д. , мне нужно это меню в html заставить работать в IE и Opera. Может нужно какой то код в css или html вставить???

Заранее спасибо!!!

dyadya · June 20, 2009

- Доктор, у моей тещи ухо болит.

- Надо будет посмотреть...

- Так вот, я его с собой принес

alex_10 · June 20, 2009

ну и что это , я же просил совет какой то , очень нужно именно так. Знаю это не очень правильно , но меню работает в Мозилле нормально

www.psp-world.do.am - сверху , мои эксперементы

Иван Шумов · June 20, 2009

"Еще один сайт на Юкозе" (с)

CoDy · June 20, 2009

не знаю что должно получиться, но исправив ошибки вышло это:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>      
<script type="text/javascript">
function menuAction(visibility) {
  var element;

  element = document.getElementById('menu2');
  element.style.visibility = visibility; 
}
</script>
  <title></title>
</head>
<body>
<table>
  <td>
    <div OnMouseOver = "javascrypt: menuAction('visible');" OnMouseOut = "javascrypt: menuAction('hidden');">
      <A href="http://soosan.cort.com.ua/" target="_blank">
        <IMG src="http://soosan.at.ua/soosan-logo.jpg" border="0" alt="SOOSAN">
      </A>
    </div> 
    <div id="menu2" style="visibility: hidden;">
      <table>
        <tr><td><a href="http://soosan.cort.com.ua/production-manipulators.html" title="Краны-манипуляторы"><img src="http://soosan.at.ua/Crany-manipulyatori.jpg" alt="Краны-манипуляторы"></a></td></tr>
        <tr><td><a href="http://soosan.cort.com.ua/production-hummers-ni.html" title="Гидромолоты"><img src="http://soosan.at.ua/Gidromoloti.jpg" alt="Гидромолоты"></a></td></tr>
        <tr><td><a href="http://soosan.cort.com.ua/production-smc.html" title="Демонтажное оборудование"><img src="http://soosan.at.ua/Oborudovanie.jpg" alt="Демонтажное оборудование"></a></td></tr>
      </table>
    </div>
  </td>
</table>
</body>
</html>

alex_10 · June 21, 2009

Огромное спасибо в ИЕ работает вот только когда наводишь на подменю меню пропадает , можете поправить это? заранее огромнейшое СПАСИБО!!!

CoDy · June 22, 2009

вот так попробуй

найди 1 отличие))))


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>      
<script type="text/javascript">
function menuAction(visibility) {
  var element;

  element = document.getElementById('menu2');
  element.style.visibility = visibility; 
}
</script>
  <title></title>
</head>
<body>
<table>
  <td>
    <div OnMouseOver = "javascrypt: menuAction('visible');" OnMouseOut = "javascrypt: menuAction('hidden');">
      <A href="http://soosan.cort.com.ua/" target="_blank">
        <IMG src="http://soosan.at.ua/soosan-logo.jpg" border="0" alt="SOOSAN">
      </A>     
      <div id="menu2" style="visibility: hidden;">
        <table>
          <tr><td><a href="http://soosan.cort.com.ua/production-manipulators.html" title="Краны-манипуляторы"><img src="http://soosan.at.ua/Crany-manipulyatori.jpg" alt="Краны-манипуляторы"></a></td></tr>
          <tr><td><a href="http://soosan.cort.com.ua/production-hummers-ni.html" title="Гидромолоты"><img src="http://soosan.at.ua/Gidromoloti.jpg" alt="Гидромолоты"></a></td></tr>
          <tr><td><a href="http://soosan.cort.com.ua/production-smc.html" title="Демонтажное оборудование"><img src="http://soosan.at.ua/Oborudovanie.jpg" alt="Демонтажное оборудование"></a></td></tr>
        </table>
      </div>
    </div>
  </td>
</table>
</body>
</html>

alex_10 · June 22, 2009

Большущее вам спасибо!!!

А можно спросить как давно изучаете все это? я только начал...теперь буду изучать ваш код , еще раз СПАСИБО!!!!

CoDy · June 22, 2009

с программирование в общем, довольно давно имею дело

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

alex_10 · June 23, 2009

а теперь мне еще раз нужна помощь. Спасибо вам за то что помогли!!! Выручите меня еще раз. Я хочу две такие менюшки разместить на странице... но при наведении на вторую , выскакивают подменю первой... как это можно убрать(посмотрите на сайте как это выгладит) ??? Заранее спасибо!!!

alex_10 · June 23, 2009

вообще мне нужно три менюшки на одной странице. И при навидении на все три выпадает подменю одной как исправить??? Заранее спасибо!

dyadya · June 23, 2009

Для каждой "менюшки" необходимо передавать в функцию свой ID. Добавьте в нее параметр:

function menuAction(visibility,menu2)

Каждой "менюшке" присвойте уникальный ID напр. mnu1,mnu2(сейчас у Вас оба ID menu2) и добавляйте его при вызове функции:

<div OnMouseOver = "javascrypt: menuAction('visible','mnu1');" OnMouseOut = "javascrypt: menuAction('hidden','mnu1');

Для другой используйте mnu2.

Третью по аналогии...

Edited June 23, 2009 by dyadya

alex_10 · June 23, 2009

Спасибо! но что то не получается...вообще выпадание пропало!

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

dyadya · June 23, 2009

function menuAction(visibility,menu2)

- это вы не сделали

menu2 на mnu1, mnu2 не поменяли...

alex_10 · June 23, 2009

сделал все ровно тоже самое!

CoDy · June 23, 2009

alex_10, если хотите чтобы вам помогли найти ошибку в коде, то лудшевсего выложить весь код.

alex_10 · June 23, 2009

вот 1 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<script type="text/javascript">
function menuAction(visibility,mnu1) {
var element;

element = document.getElementById('mnu1');
element.style.visibility = visibility;
}
</script>
<title></title>
</head>
<body>
<table>
<td>
<div OnMouseOver = "javascrypt: menuAction('visible','mnu1');" OnMouseOut = "javascrypt: menuAction('hidden','mnu1');
<A href="http://junjin.cort.com.ua/" target="_blank">
<IMG src="http://great-banner.at.ua/cartcomua/junjin-logo.jpg" border="0" alt="JUNJIN">
</A>
<div id="mnu1" style="visibility: hidden;">
<table>
<tr><td><a href="http://rocket.cort.com.ua/akb-euro.html" title="Аккумуляторы"><img src="http://great-banner.at.ua/cartcomua/akkumulyatori.jpg" alt="Аккумуляторы"></a></td></tr>
</table>
</div>
</div>
</td>
</table>
</body>
</html>

вот2:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<script type="text/javascript">
function menuAction(visibility,mnu2) {
var element;

element = document.getElementById('mnu2');
element.style.visibility = visibility;
}
</script>
<title></title>
</head>
<body>
<table>
<td>
<div OnMouseOver = "javascrypt: menuAction('visible','mnu2');" OnMouseOut = "javascrypt: menuAction('hidden','mnu2');
<A href="http://junjin.cort.com.ua/" target="_blank">
<IMG src="http://great-banner.at.ua/cartcomua/junjin-logo.jpg" border="0" alt="JUNJIN">
</A>
<div id="mnu2" style="visibility: hidden;">
<table>
<tr><td><a href="http://rocket.cort.com.ua/akb-euro.html" title="Аккумуляторы"><img src="http://great-banner.at.ua/cartcomua/akkumulyatori.jpg" alt="Аккумуляторы"></a></td></tr>
</table>
</div>
</div>
</td>
</table>
</body>
</html>

вот3:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<script type="text/javascript">
function menuAction(visibility,mnu3) {
var element;

element = document.getElementById('mnu3');
element.style.visibility = visibility;
}
</script>
<title></title>
</head>
<body>
<table>
<td>
<div OnMouseOver = "javascrypt: menuAction('visible','mnu3');" OnMouseOut = "javascrypt: menuAction('hidden','mnu3');
<A href="http://soosan.cort.com.ua/" target="_blank">
<IMG src="http://great-banner.at.ua/cartcomua/soosan-logo.jpg" border="0" alt="SOOSAN">
</A>
<div id="mnu3" style="visibility: hidden;">
<table>
<tr><td><a href="http://soosan.cort.com.ua/production-manipulators.html" title="Краны-манипуляторы"><img src="http://great-banner.at.ua/cartcomua/crani-manipulyatori.jpg" alt="Краны-манипуляторы"></a></td></tr>
<tr><td><a href="http://soosan.cort.com.ua/production-hummers-ni.html" title="Гидромолоты"><img src="http://great-banner.at.ua/cartcomua/gidromoloty.jpg" alt="Гидромолоты"></a></td></tr>
<tr><td><a href="http://soosan.cort.com.ua/production-smc.html" title="Демонтажное оборудование"><img src="http://great-banner.at.ua/cartcomua/demontazhnoeoborudovanie.jpg" alt="Демонтажное оборудование"></a></td></tr>
</table>
</div>
</div>
</td>
</table>
</body>
</html>

alex_10 · June 23, 2009

вроде бы все так , но при наведении на любую(на 1, 2 и 3) из них все время выпадает подменю третей.

dyadya · June 23, 2009

На Вашем сайте у "дивов" так и остались ID menu2

В функции почему-то вместо menu2 mnu2

function menuAction(visibility,mnu2) {
var element;

element = document.getElementById('menu2');
element.style.visibility = visibility;
}

alex_10 · June 23, 2009

ну вот я присвоил ID и прописал его пр вызове функции :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<script type="text/javascript">
function menuAction(visibility,mnu2) {
var element;

element = document.getElementById('menu2');
element.style.visibility = visibility;
}
</script>
<title></title>
</head>
<body>
<table>
<td>
<div OnMouseOver = "javascrypt: menuAction('visible','mnu2');" OnMouseOut = "javascrypt: menuAction('hidden','mnu2');">
<A href="http://junjin.cort.com.ua/" target="_blank">
<IMG src="http://great-banner.at.ua/cartcomua/junjin-logo.jpg" border="0" alt="JUNJIN">
</A>
<div id="mnu2" style="visibility: hidden;">
<table>
<tr><td><a href="http://rocket.cort.com.ua/akb-euro.html" title="Аккумуляторы"><img src="http://great-banner.at.ua/cartcomua/akkumulyatori.jpg" alt="Аккумуляторы"></a></td></tr>
</table>
</div>
</div>
</td>
</table>
</body>
</html>

меню не выпадают!

Edited June 23, 2009 by alex_10

dyadya · June 23, 2009

function menuAction(visibility,mnu2) {
var element;
element = document.getElementById('menu2');
element.style.visibility = visibility;

alex_10 · June 23, 2009

поменять местами их?

dyadya · June 23, 2009

Чтобы было понятно, замените их оба на Х или Y... или alex. Это внутренняя переменная функции.

alex_10 · June 23, 2009

извините что я вас так сильно напрягаю... но мне это нужно очень.

Я заменил , но изменений нет!

если вам не сложно вы бы не могли исправить те три кода , которые я писал? Я уже по вашому исправлению разберусь...

alex_10 · June 23, 2009

Пожалуйста помогите!!!

dyadya · June 23, 2009

На сайте у Вас всё равно бардак.

В Ваших трех кодах в каждом не хватает закрывающих кавычек " и >:

<div OnMouseOver = "javascrypt: menuAction('visible','mnu1');" OnMouseOut = "javascrypt: menuAction('hidden','mnu1');  " >(вот здесь)

Вот полностью рабочий Ваш код(ИЕ, Опера, Лиса):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<script type="text/javascript">
function menuAction(visibility,mnu) {
var element;

element = document.getElementById(mnu);
element.style.visibility = visibility;
}
</script>
<title></title>
</head>
<body>

<table>
<td>
<div OnMouseOver = "javascrypt: menuAction('visible','mnu1');" OnMouseOut = "javascrypt: menuAction('hidden','mnu1');">
<A href="http://junjin.cort.com.ua/" target="_blank">
KARTINKA1
</A>
<div id="mnu1" style="visibility: hidden;">
<table>
<tr><td><a href="http://rocket.cort.com.ua/akb-euro.html" title="Аккумуляторы">KARTINKA2</a></td></tr>
</table>
</div>
</div>
</td>
</table>

<table>
<td>
<div OnMouseOver = "javascrypt: menuAction('visible','mnu2');" OnMouseOut = "javascrypt: menuAction('hidden','mnu2');">
<A href="http://junjin.cort.com.ua/" target="_blank">
KARTINOCHKA1
</A>
<div id="mnu2" style="visibility: hidden;">
<table>
<tr><td><a href="http://rocket.cort.com.ua/akb-euro.html" title="Аккумуляторы">KARTINOCHKA2</a></td></tr>
</table>
</div>
</div>
</td>
</table>

</body>
</html>

PS. Поменяйте свой блокнот или редактор на Nontepad++

Edited June 23, 2009 by dyadya

Sign In

помогите очень прошу!

Question

Link to comment

Share on other sites

39 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information