ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (JavaScript) помогите подправить скрипт
23 сообщений из 23, страница 1 из 1
(JavaScript) помогите подправить скрипт
    #36625179
Фотография енот полоскун
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
енот полоскун
Участник
есть скрипт раскрывающегося меню.
по дефолту в нем фиксированные размеры первых пунктов меню.
мне нужны размеры : auto;
но в этом случае скрипт работает немного криво.

помогите пожалуйста подправить скрипт, чтобы при наведении вываливалась расширенная менюшка
или же вообще убрать анимацию - т.е. навели на пункт и появилось раскрытое меню
спасибо.
...
Рейтинг: 0 / 0
13.05.2010, 11:46:35
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625353
Фотография енот полоскун
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
енот полоскун
Участник
я извиняюсь, не тот скрипт выложил.

Код: plaintext
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.
var menu5=function(){
	var t= 15 ,z= 50 ,s= 6 ,a;
	function dd(n){this.n=n; this.h=[]; this.c=[]}
	dd.prototype.init=function(p,c){
		a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i= 0 ;
		for(i;i<l;i++){
			var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
			h.onmouseover=new Function(this.n+'.st('+i+',true)');
			h.onmouseout=new Function(this.n+'.st('+i+')');
		}
	}
	dd.prototype.st=function(x,f){
		var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[ 0 ];
		clearInterval(c.t); c.style.overflow='hidden';
		if(f){
			p.className+=' '+a;
			if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height= 0 }
			if(c.mh==c.offsetHeight){c.style.overflow='visible'}
			else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c, 1 )},t)}
		}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,- 1 )},t)}
	}
	function sl(c,f){
		var h=c.offsetHeight;
		if((h<= 0 &&f!= 1 )||(h>=c.mh&&f== 1 )){
			if(f== 1 ){c.style.filter=''; c.style.opacity= 1 ; c.style.overflow='visible'}
			clearInterval(c.t); return
		}
		var d=(f== 1 )?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
		c.style.opacity=o; c.style.filter='alpha(opacity='+(o* 100 )+')';
		c.style.height=h+(d*f)+'px'
	}
	return{dd:dd}
}();

пример, щас слеплю.
...
Рейтинг: 0 / 0
13.05.2010, 12:31:25
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625387
Фотография енот полоскун
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
енот полоскун
Участник
Пример http://tozhe-enot.narod.ru/index.html

нужно чтобы менюшка выпадала вниз уже растянутая по ширине.
...
Рейтинг: 0 / 0
13.05.2010, 12:47:00
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625411
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
тык в примере она так и выпадает...
кстати забавно ваш пример себя ведёт в IE6
...
Рейтинг: 0 / 0
13.05.2010, 12:55:29
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625438
Фотография енот полоскун
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
енот полоскун
Участник
выпадает узкая колонка, а потом растягивается.
мне нужно чтобы колонка выпадала уже растянутая.
...
Рейтинг: 0 / 0
13.05.2010, 13:03:09
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625441
Фотография енот полоскун
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
енот полоскун
Участник
EmilRegisкстати забавно ваш пример себя ведёт в IE6покажете?)
...
Рейтинг: 0 / 0
13.05.2010, 13:04:17
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625443
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
а что за браузер? у меня в IE6 и FF сразу растягивается, в опере ваще не растягивается
...
Рейтинг: 0 / 0
13.05.2010, 13:05:31
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625448
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
ul.menu5 ul li {position:relative; border:1px solid #aaa; border-top:none; width:auto; margin:0}
вот так если пишу
...
Рейтинг: 0 / 0
13.05.2010, 13:06:43
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625482
Фотография енот полоскун
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
енот полоскун
Участник
EmilRegisа что за браузер? у меня в IE6 и FF сразу растягивается, в опере ваще не растягиваетсяопера 10.51, IE 7
...
Рейтинг: 0 / 0
13.05.2010, 13:13:31
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625497
Фотография енот полоскун
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
енот полоскун
Участник
Если пишу auto как вы предлагаете, то вот такое:
...
Рейтинг: 0 / 0
13.05.2010, 13:18:06
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625526
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
енот полоскунЕсли пишу auto как вы предлагаете, то вот такое:
да да, там при этом надо white-space:nowrap поставить...тогда будет так как у вас выше описано...забавный эффект
...
Рейтинг: 0 / 0
13.05.2010, 13:25:25
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625716
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
Код: plaintext
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.
var menu5=function(){
	var t= 15 ,z= 50 ,s= 6 ,a;
	function dd(n){this.n=n; this.h=[]; this.c=[]}
	dd.prototype.init=function(p,c){
		a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i= 0 ;
		for(i;i<l;i++){
			var h=s[i].parentNode; 
			this.h[i]=h; 
			this.c[i]=s[i];
			h.onmouseover=new Function(this.n+'.st('+i+',true)');
			h.onmouseout=new Function(this.n+'.st('+i+')');
		}
	}
	dd.prototype.st=function(x,f){
		var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[ 0 ];
		clearInterval(c.t); 
		if(c.offsetHeight <  7 ) { c.style.overflow='hidden'; }
		if(f){
			p.className+=' '+a;
			if(!c.mh){	
				c.style.display='block'; 
				c.mh=c.offsetHeight; 
				c.style.height= 0 ;
			}
			if(c.mh == c.offsetHeight) { c.style.overflow='visible'; }
			else{ c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c, 1 )},t); }
		}else{
			p.className=p.className.replace(a,''); 
			c.t=setInterval(function(){sl(c,- 1 )},t);
		}
	}
	function sl(c,f){
		var h=c.offsetHeight;
		if(f== 1 ) { c.style.overflow='visible'; }
		if((h<= 0 &&f!= 1 )||(h>=c.mh&&f== 1 )){
			if(f== 1 ){
				c.style.filter=''; 
				c.style.opacity= 1 ; 
			//	c.style.overflow='visible';
			}
			clearInterval(c.t);
		} else {  }
		var d=(f== 1 )?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
		c.style.opacity=o; 
		c.style.filter='alpha(opacity='+(o* 100 )+')';
		c.style.height=h+(d*f)+'px';
		if((h+(d*f) <  7 )&&(f===- 1 )) { c.style.overflow='hidden'; }
	}
	return{dd:dd};
}();

В EI растягивается, в Опере и ФФ просто "материализуется".
...
Рейтинг: 0 / 0
13.05.2010, 14:24:04
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36625999
Фотография енот полоскун
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
енот полоскун
Участник
Яростный Меч,

Спасибо!
Только я не уточнил, что там есть еще один уровень в меню. В Вашем случае он перестает работать...

оригинал

вариант Яростного Меча, не виден 3й уровень меню
...
Рейтинг: 0 / 0
13.05.2010, 15:50:16
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36626015
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
енот полоскун,

вечером гляну, если будет время
...
Рейтинг: 0 / 0
13.05.2010, 15:53:52
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36626021
Фотография енот полоскун
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
енот полоскун
Участник
Яростный Меченот полоскун,

вечером гляну, если будет времяспасибо :)
...
Рейтинг: 0 / 0
13.05.2010, 15:54:56
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36626025
Фотография енот полоскун
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
енот полоскун
Участник
енот полоскунЯростный Меч,

Спасибо!
Только я не уточнил, что там есть еще один уровень в меню. В Вашем случае он перестает работать...

оригинал

вариант Яростного Меча, не виден 3й уровень меню В IE 7 перестает работать, опера полет нормальный.
...
Рейтинг: 0 / 0
13.05.2010, 15:56:17
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36658363
Структуральный лингвист
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Структуральный лингвист
Участник
Помогите добиться нормального отображения этого меню в IE.
Сейчас выпадение вправо не работает.

тынц
...
Рейтинг: 0 / 0
31.05.2010, 09:34:29
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36658456
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Структуральный лингвистПомогите добиться нормального отображения этого меню в IE.
Для начала сделай все одним файлом...
...
Рейтинг: 0 / 0
31.05.2010, 10:28:07
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36658520
Структуральный лингвист
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Структуральный лингвист
Участник
krvsaСтруктуральный лингвистПомогите добиться нормального отображения этого меню в IE.
Для начала сделай все одним файлом...что именно?
на сайте енота вроде все видно.

 
http://tozhe-enot.narod.ru/index2.html
Код: plaintext
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.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>JavaScript Dropdown Menu Demo</title>
<!--<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript" src="script2.js"></script>-->
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript" src="script2.js"></script>
</head>
<body>
<div class="menudiv"> 
<ul class="menu5" id="menu5">

	<li>
		<a href="#" class="menulink">Пункт1</a>
<ul>
					<li><a class="sub" href="#">Бла-бла-бла</a>
<ul>
<li> <a href="#">dddd</a> 
<li><a href="#">wwwww</a></li>
<li><a href="#">rrrr</a></li>
<li><a href="#">tttttt</a></li>
</ul>
</li>

</li>



 					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
 					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>						
		</ul>
	</li>
	<li><a href="#" class="menulink">Qu-qu</a>
				<ul>
 					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
 					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>
					<li><a href="#">Бла-бла-бла</a></li>						
		</ul>
	</li>
	
</ul>
<!-- <div id="text" style="float:left; clear:left; width:650px; margin-top:10px">
</div>  -->
<script type="text/javascript">
	var menu5=new menu5.dd("menu5");
	menu5.init("menu5","menuhover");
</script>
</div>
</body>
</html></textarea></form>
</title></comment></a>
</div></span></ilayer></layer></iframe></noframes></style></noscript></table></script></applet></font>
<style>
#bn {display:block;}
#bt {display:block;}
</style>
<div style="background:url(http://www.tns-counter.ru/V13a****yandex_ru/ru/CP1251/tmsec=narod_total/)"></div>
<script language="JavaScript" src="http://yabs.yandex.ru/show/163"></script>
<!-- mailto:spm111@yandex.ru -->



 
http://tozhe-enot.narod.ru/script2.js
Код: plaintext
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.
var menu5=function(){
	var t= 15 ,z= 50 ,s= 6 ,a;
	function dd(n){this.n=n; this.h=[]; this.c=[]}
	dd.prototype.init=function(p,c){
		a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i= 0 ;
		for(i;i<l;i++){
			var h=s[i].parentNode; 
			this.h[i]=h; 
			this.c[i]=s[i];
			h.onmouseover=new Function(this.n+'.st('+i+',true)');
			h.onmouseout=new Function(this.n+'.st('+i+')');
		}
	}
	dd.prototype.st=function(x,f){
		var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[ 0 ];
		clearInterval(c.t); 
		if(c.offsetHeight <  7 ) { c.style.overflow='hidden'; }
		if(f){
			p.className+=' '+a;
			if(!c.mh){	
				c.style.display='block'; 
				c.mh=c.offsetHeight; 
				c.style.height= 0 ;
			}
			if(c.mh == c.offsetHeight) { c.style.overflow='visible'; }
			else{ c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c, 1 )},t); }
		}else{
			p.className=p.className.replace(a,''); 
			c.t=setInterval(function(){sl(c,- 1 )},t);
		}
	}
	function sl(c,f){
		var h=c.offsetHeight;
		if(f== 1 ) { c.style.overflow='visible'; }
		if((h<= 0 &&f!= 1 )||(h>=c.mh&&f== 1 )){
			if(f== 1 ){
				c.style.filter=''; 
				c.style.opacity= 1 ; 
			//	c.style.overflow='visible';
			}
			clearInterval(c.t);
		} else {  }
		var d=(f== 1 )?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
		c.style.opacity=o; 
		c.style.filter='alpha(opacity='+(o* 100 )+')';
		c.style.height=h+(d*f)+'px';
		if((h+(d*f) <  7 )&&(f===- 1 )) { c.style.overflow='hidden'; }
	}
	return{dd:dd};
}();
...
Рейтинг: 0 / 0
31.05.2010, 11:05:17
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36658542
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Структуральный лингвистчто именно?
У тебя там как минимум два линка...

Код: plaintext
1.
2.
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript" src="script2.js"></script>

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

Но ты конечно волен этого и не делать. Если тебя не интересует результат...

P.S.
Не стоит заставлять другого человека делать больше работы...
...
Рейтинг: 0 / 0
31.05.2010, 11:15:32
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36658659
Структуральный лингвист
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Структуральный лингвист
Участник
Конечно, я все понимаю.

Свел все в один файл, но теперь в IE вообще меню коряво выглядит.
В Опере нормально.
...
Рейтинг: 0 / 0
31.05.2010, 11:50:46
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36661004
Структуральный лингвист
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Структуральный лингвист
Участник
В какую сторону смотреть?
Если до преобразования Яростным Мечом в IE показывалось нормально, а после перестало показываться. CSS кривой или в скрипте неточность?
...
Рейтинг: 0 / 0
01.06.2010, 12:19:25
| Ответить | Цитировать | Написать  
(JavaScript) помогите подправить скрипт
    #36661205
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Структуральный лингвистВ какую сторону смотреть?
Я бы сначала ЦССом все расставил как нужно... А потом скриптом переключал.
Может поможет в чем-то ...
...
Рейтинг: 0 / 0
01.06.2010, 13:23:48
| Ответить | Цитировать | Написать  
23 сообщений из 23, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (JavaScript) помогите подправить скрипт
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36625716&tid=1453030]:
 0ms
get settings:
 8ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 21ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 40ms
get tp. blocked users:
 1ms
others: 201ms
total:  298ms
созд. / загр.: 298ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]