Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / проблема с изменением ширины таблицы средствами javascript / 14 сообщений из 14, страница 1 из 1
16.05.2007, 23:22
    #34530851
random13
random13
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
проблема в следующим, требуется при наведении на ячейку таблицы она увеличивалась по ширине,

подскажите в чем ошибка или все неверно...

в оттаче файл с тем что не выходит
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.05.2007, 23:23
    #34530854
random13
random13
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
наверное не добавил файл
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.05.2007, 12:21
    #34531983
for93t
for93t
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
Код: 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.
<!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>Untitled Document</title>
</head>

<script type="text/javascript">

DOMCapable = !!document.getElementById;

var minimum =  200 , maximum =  800 ;

function show(el)
{
	if (DOMCapable)
	{
		minimum = el.offsetWidth;
		while (el.offsetWidth < maximum)
		{
			el.style.width = el.offsetWidth +  2  + 'px';
		}
	}
}

function hide(el)
{
	if (DOMCapable)
	{
		while(el.offsetWidth > minimum)
		{
			el.style.width = el.offsetWidth -  2  + 'px';
		}
	}
}

</script>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="150">
  <tr>
    <td bgcolor="#0099CC" id="a1" onmouseover="show(this);" onmouseout="hide(this);"> </td>
    <td bgcolor="#33CC66" id="a2"> </td>
  </tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.05.2007, 13:22
    #34532291
for93t
for93t
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
Ну а вот так совсем кошерно:
Код: 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.
<!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>Untitled Document</title>
</head>

<script type="text/javascript">

DOMCapable = !!document.getElementById;

var minimum =  200 , maximum =  800 , int_exp, int_coll, interval =  10 , delta =  5 ;

Function.prototype.delegate = function (obj)
{
	var f = this;
	return function ()
	{
		return f.apply(obj||window);
	};
}

function show(el)
{
	if (DOMCapable)
	{
		minimum = el.offsetWidth;
		
		if (int_exp) clearInterval(int_exp);
		if (int_coll) clearInterval(int_coll);
		
		int_exp = setInterval((function ()
		{
			if (this.offsetWidth < maximum)
			{
				this.style.width = this.offsetWidth + delta + 'px';
			}
			else
			{
				clearInterval(int_exp);
			}
		}).delegate(el), interval);
	}
}

function hide(el)
{
	if (DOMCapable)
	{
		if (int_exp) clearInterval(int_exp);
		if (int_coll) clearInterval(int_coll);
		
		int_coll = setInterval((function ()
		{
			if (this.offsetWidth > minimum)
			{
				this.style.width = (this.offsetWidth - delta) + 'px';
				
				/* Opera bug. It's don't update offsetWidth after style.width has been changed */
				this.style.display = 'none';
				this.style.display = '';
				/* Opera bug. It's don't update offsetWidth after style.width has been changed */
				
			}
			else
			{
				clearInterval(int_coll);
			}
		}).delegate(el), interval);
	}
}

</script>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="150">
  <tr>
    <td bgcolor="#0099CC" id="a1" onmouseover="show(this);" onmouseout="hide(this);"> </td>
    <td bgcolor="#33CC66" id="a2"> </td>
  </tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.05.2007, 22:04
    #34534067
random13
random13
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
огромное спасибо, все классно, единственное не очень могу разобраться в самом коде, что то очень много нового, чего не было у меня
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.05.2007, 09:37
    #34534503
for93t
for93t
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
Могу ответить на конкретные вопросы по коду.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.05.2007, 16:29
    #34536342
random13
random13
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
первый вопрос, зачем нужно явно указывать минимум, нельзя ли при наведение его словить,

var minimum = 200, maximum = 800, int_exp, int_coll, interval = 10, delta = 5;


следующее, что означает эта функция Function.prototype.delegate = ....

пока все...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.05.2007, 18:33
    #34536746
random13
random13
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
дополнение к теме, попробовал дописать вызов функции и во второй ячейке и скрипт начинает себя вести не совсем как хотелось бы, возможно как то доработать
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.05.2007, 22:56
    #34537063
for93t
for93t
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
random13первый вопрос, зачем нужно явно указывать минимум, нельзя ли при наведение его словить,

var minimum = 200, maximum = 800, int_exp, int_coll, interval = 10, delta = 5;


Осталось от вашего кода. Можно (и нужно) не указывать

random13...

следующее, что означает эта функция Function.prototype.delegate = ....

что такое замыкания и prototype в javascript
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.05.2007, 23:07
    #34537070
random13
random13
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
спасибо

и все же, возможно вернуться к этому пункту:

дополнение к теме, попробовал дописать вызов функции и во второй ячейке и скрипт начинает себя вести не совсем как хотелось бы, возможно как то доработать
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.05.2007, 08:49
    #34537230
for93t
for93t
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
random13спасибо

и все же, возможно вернуться к этому пункту:

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

Лень, конечно друг человека, однако иногда ее нужно подавлять ))).
Возьмите firefox+firebug, сделайте вывод отладочных сообщений в консоль, если не поможет, попробуйте пошаговую оладку. Выясните, что и почему некорректно работает и исправьте.
Если будут конкретные вопросы по коду, задавайте здесь.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.05.2007, 10:08
    #34537255
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
наверно нужно следить чтоб show-hide вызывались только чередуясь
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.05.2007, 11:37
    #34537313
random13
random13
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
и как это сделать
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.05.2007, 15:47
    #34537540
for93t
for93t
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с изменением ширины таблицы средствами javascript
LINUXERнаверно нужно следить чтоб show-hide вызывались только чередуясь
не обязательно
random13и как это сделать
можно оформить show-hide в отдельный класс, хендлеры интервалов сделать приватными членами и для каждого элемента создавать новый экземпляр класса
просто у меня сейчас нет времени самому экспериментировать, поэтому звиняйте...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / проблема с изменением ширины таблицы средствами javascript / 14 сообщений из 14, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 266ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1458241]:
 0ms
get settings:
 8ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 168ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 12ms
total:  266ms
x
x
Закрыть


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