VPF::DIV'ный вопрос :) - Форум программистов

Ciber SLasH

Дата 16.3.2006, 18:08 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

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

Код


<html>
<head>
<title></title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <Style>
.menu_light{background-color:#000000;font-family:Verdana,Arial;font-size:10px;font-weight:bold;color:#ffffff;text-decoration:none;}
.menu{background-color:#000000;border:1px solid #ffffff;border-bottom:0;padding:2px 5px;}
 </Style>


<script language="JavaScript">
function showdiv(num) {
document.getElementById("1").style.display = num ? "block" : "none";
}
 </SCRIPT>
</head>
<body topmargin="0" leftmargin="0">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr onMouseOver="showdiv(1)" onMouseOut="showdiv(0)">
<td width="100" class="menu"><a href="/ind.htm" class="menu_light">Новости</a></td>
<td valign="top">
 <table border=0 cellPadding=0 cellSpacing=0 width=150 class="table" id="1" style="display:none;position:absolute;width:150px;z-index:1;">
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 1</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 2</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 3</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 4</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 5</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 6</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 7</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 8</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 9</a></td></tr>
</table>
</td>
</tr>
</table>
</body></html>

ОнКофе

Дата 16.3.2006, 18:08 (ссылка)

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

Загрузка ...

Опытный

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

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

я вот какой скрипт нашел

Код


<script language="JavaScript">
var isIE, isNS, isNS6, isDOM, lR, sR, vis, invis, myTimeOut, goName;
    if (document.all) {isIE= true;lR="document.all.";sR=".style";vis="visible";invis="hidden";}
    if (document.layers){isNS = true;lR="document.layers.";sR="";vis="show";invis="hide";}
    if (document.getElementById &&!isIE) {isDOM=true;lR = "document.getElementById('";sR = "').style";invis ="hidden";vis = "visible"}
    if (isDOM == true && navigator.appName =="Netscape") isNS6 = true;
var oldwhich = 0;
var x=0;
var layerTimer;
//показать подменю
    function layOver(which){x=0;l = eval(lR + "l" + which + sR);
    if (oldwhich != which){    ol = eval(lR + "l" + oldwhich + sR);ol.visibility = invis;}    l.visibility = vis;    oldwhich = which;    clearTimeout(layerTimer);return;}
// спрятать подменю 
    function stopOver(){if (x<5) x++; else{ol = eval(lR + "l" + oldwhich + sR);    ol.visibility = invis;    x=0;}layerTimer = setTimeout("stopOver()",10)}
//обнулить тамер
    function startOver()
    {
    x=0
    clearTimeout(layerTimer);
    } 
 </SCRIPT>

вызывается он так

Код


<div id=temp onmouseout=stopOver() onmouseover=layOver(1)> </div>

и показывает соответствующий ему блок с id=l1 , например так

Код


<div id=l1>123</div>

Вопрос можно ли как-нибудь изменить скритп, чтобы у блока который нужно показать id=l1 , вот этот самый id был равен просто 1 (без буквы "l")???
ЕСТЬ ПРЕДЛОЖЕНИЯ???

Это сообщение отредактировал(а) ОнКофе - 16.3.2006, 18:11

ОнКофе

Дата 20.3.2006, 12:12 (ссылка)

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

Загрузка ...

Опытный

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

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

СПАСИБО!!
У меня тут снова подводный камень....
вроде бы все работает - все хорошо.... но как только рядом с неню оказываются элементы формы или applet, или flash то они сразу перекрывают всплывающее меню... то есть подводишь к пункту меню курсор подменю всплывает, но если под ним находится flash-картинка, то она сразу становится над ним! Как этого избежать?
попробовал так
...
<div id="1">
<iframe src="ссылка на файл где отрисовывается подменю">
</iframe>
</div>
...

Помогло но не надолго... везде работает, а вот Opera на отрез отказывается. то есть подвожу к пункту меню курсор, справа выползает подменю (которое прописано в iframe), flash-картинка не накладывается на подменю, но при попытках перейти в подменю Opera его просто закрывает... хотя все другие браузеры работают нормально....
ЧТО ДЕЛАТЬ? IFRAME нужно сохранить, так как без него во всех браузерах flash-картинки накладываются на подменю которое расположено в всплывающих DIV'ах !

Ciber SLasH

Дата 20.3.2006, 16:25 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

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

Может поможет CSS-свойство z-index ?
Пропиши менюшному DIV-у style='z-index: 1000' и position либо relative, либо absolute.

ОнКофе

Дата 20.3.2006, 17:39 (ссылка)

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

Загрузка ...

Опытный

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

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

Ciber SLasH, не помогает z-index уже пробовал.... спасает только iframe...

ОнКофе

Дата 20.3.2006, 20:46 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата(Ciber SLasH @ 16.3.2006, 18:08)

Код


<html>
<head>
<title></title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <Style>
.menu_light{background-color:#000000;font-family:Verdana,Arial;font-size:10px;font-weight:bold;color:#ffffff;text-decoration:none;}
.menu{background-color:#000000;border:1px solid #ffffff;border-bottom:0;padding:2px 5px;}
 </Style>


<script language="JavaScript">
function showdiv(num) {
document.getElementById("1").style.display = num ? "block" : "none";
}
 </SCRIPT>
</head>
<body topmargin="0" leftmargin="0">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr onMouseOver="showdiv(1)" onMouseOut="showdiv(0)">
<td width="100" class="menu"><a href="/ind.htm" class="menu_light">Новости</a></td>
<td valign="top">
 <table border=0 cellPadding=0 cellSpacing=0 width=150 class="table" id="1" style="display:none;position:absolute;width:150px;z-index:1;">
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 1</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 2</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 3</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 4</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 5</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 6</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 7</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 8</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 9</a></td></tr>
</table>
</td>
</tr>
</table>
</body></html>

а почему у меня не получается вставить второй пункт меню? под НОВОСТЯМИ. я вставляю а потом когда подвожу курсов у меня оба подпункта выскакивают! Что делать? ВОт попробуй добавить еще один пункт меню у которого тоже будет подменю вылазить влево!!! Тогда эти оба подменю одновренно вылазиют!! КАК быть-то ???

а почему подменю еще в netscape дергается?

я добавил еще одну функцию
[code=html]
function showdiv2(num) {
document.getElementById("2").style.display = num ? "block" : "none";
}
[code=html]
тогда стало работать... это что для каждого пункта меню нужно добавлять новую функцию???

Это сообщение отредактировал(а) ОнКофе - 20.3.2006, 21:08

Ciber SLasH

Дата 20.3.2006, 21:40 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

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

Код


<html>
<head>
<title></title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <Style>
.menu_light{background-color:#000000;font-family:Verdana,Arial;font-size:10px;font-weight:bold;color:#ffffff;text-decoration:none;}
.menu{background-color:#000000;border:1px solid #ffffff;border-bottom:0;padding:2px 5px;}
 </Style>
<script language="JavaScript">
function showdiv(id, num) {
document.getElementById(id).style.display = num ? "block" : "none";
}
 </SCRIPT>
</head>
<body topmargin="0" leftmargin="0">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr onMouseOver="showdiv('1', 1)" onMouseOut="showdiv('1', 0)">
<td width="100" class="menu"><a href="/ind.htm" class="menu_light">Новости</a></td>
<td valign="top">
 <table border=0 cellPadding=0 cellSpacing=0 width=150 class="table" id="1" style="display:none;position:absolute;width:150px;z-index:1;">
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 1</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 2</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 3</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 4</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 5</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 6</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 7</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 8</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 9</a></td></tr>
</table>
</td>
</tr>

<tr onMouseOver="showdiv('2', 1)" onMouseOut="showdiv('2', 0)">
<td width="100" class="menu"><a href="/ind.htm" class="menu_light">Трудности</a></td>
<td valign="top">
 <table border=0 cellPadding=0 cellSpacing=0 width=150 class="table" id="2" style="display:none;position:absolute;width:150px;z-index:1;">
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 1</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 2</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 3</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 4</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 5</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 6</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 7</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 8</a></td></tr>
   <tr><td class="menu"><a  class="menu_light" href="#">Пункт 9</a></td></tr>
</table>
</td>
</tr>

</table>
</body></html>

ОнКофе

Дата 21.3.2006, 10:33 (ссылка)

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

Загрузка ...

Опытный

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

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

Ciber SLasH, спасибо!! Так что вопрос с iframe не решился??? В некоторых броузерах не прячет OnMouseOut

ОнКофе

Дата 21.3.2006, 12:54 (ссылка)

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

Загрузка ...

Опытный

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

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

Ciber SLasH, все с iframe все в порядке, только вот не могу понять почему твой последний код к Netscape 7.0 и 8.01 постоянно подменю дергается и довольно часто не исчезает с экрана?

Может быть можно что-нибудь придумать для Netscape, чтобы подменю хотябы нормально убиралось когда от него отводишь мышью.

Это сообщение отредактировал(а) ОнКофе - 21.3.2006, 13:07

Ciber SLasH

Дата 22.3.2006, 03:32 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

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

Цитата(ОнКофе @ 21.3.2006, 12:54

)

Может быть можно что-нибудь придумать для Netscape, чтобы подменю хотябы нормально убиралось когда от него отводишь мышью.

У меня нету Шкафа... и проверить не начем...

ОнКофе

Дата 27.3.2006, 09:08 (ссылка)

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

Загрузка ...

Опытный

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

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

Ciber SLasH, Спасибо!! Как только в div я засунул iframe и в Netscape перестало дергаться

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