Comments on: Использование Scriptaculous для изменения прозрачности элементов web страницы http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html Блог о программировании Wed, 08 Feb 2012 17:39:18 +0000 hourly 1 http://wordpress.org/?v= By: Custod http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-19887 Custod Thu, 25 Aug 2011 16:00:00 +0000 http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-19887 Спасибо, очень полезно. Спасибо, очень полезно.

]]> By: Antonio http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-8502 Antonio Sat, 23 Jan 2010 09:27:25 +0000 http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-8502 Хороший обзор, интересная библиотека, пригодилась для пары проектов Хороший обзор, интересная библиотека, пригодилась для пары проектов

]]> By: Antonio http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-12391 Antonio Sat, 23 Jan 2010 09:27:00 +0000 http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-12391 Хороший обзор, интересная библиотека, пригодилась для пары проектов Хороший обзор, интересная библиотека, пригодилась для пары проектов

]]> By: Anthony http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-2202 Anthony Fri, 22 Aug 2008 07:15:32 +0000 http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-2202 попробуй установить в свойствах элементов position:absolute и z-index больше, чем у твоего прозрачного div'а попробуй установить в свойствах элементов position:absolute и z-index больше, чем у твоего прозрачного div'а

]]> By: Anthony http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-12390 Anthony Fri, 22 Aug 2008 07:15:00 +0000 http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-12390 попробуй установить в свойствах элементов position:absolute и z-index больше, чем у твоего прозрачного div'а попробуй установить в свойствах элементов position:absolute и z-index больше, чем у твоего прозрачного div'а

]]> By: Владимир http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-198 Владимир Sun, 13 Jan 2008 16:18:17 +0000 http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-198 Я тоже немного поэкспериментировал. Похоже, что установка прозрачности контейнера автоматически распространяется на все вложенные элементы (по-идее так и должно быть). Если внешний элемент невидимый, то и его содержимое должно быть невидимым. Иначе чтобы сделать невидимым абзац: <p>1111<strong>2222</strong>1111</p> пришлось бы сначала сделать невидимым текст внутри тегов <strong>, а затем сам абзац. Но на сто процентов я не уверен. Возможно решение существует. В любом случае, эту проблему можно обойти. Например, изменив разметку страницы. Я тоже немного поэкспериментировал. Похоже, что установка прозрачности контейнера автоматически распространяется на все вложенные элементы (по-идее так и должно быть). Если внешний элемент невидимый, то и его содержимое должно быть невидимым. Иначе чтобы сделать невидимым абзац:
<p>1111<strong>2222</strong>1111</p>
пришлось бы сначала сделать невидимым текст внутри тегов <strong>, а затем сам абзац.
Но на сто процентов я не уверен. Возможно решение существует.

В любом случае, эту проблему можно обойти. Например, изменив разметку страницы.

]]> By: Владимир http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-12389 Владимир Sun, 13 Jan 2008 16:18:00 +0000 http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-12389 Я тоже немного поэкспериментировал. Похоже, что установка прозрачности контейнера автоматически распространяется на все вложенные элементы (по-идее так и должно быть). Если внешний элемент невидимый, то и его содержимое должно быть невидимым. Иначе чтобы сделать невидимым абзац: <p>1111<strong>2222</strong>1111</p> пришлось бы сначала сделать невидимым текст внутри тегов <strong>, а затем сам абзац. Но на сто процентов я не уверен. Возможно решение существует. В любом случае, эту проблему можно обойти. Например, изменив разметку страницы. Я тоже немного поэкспериментировал. Похоже, что установка прозрачности контейнера автоматически распространяется на все вложенные элементы (по-идее так и должно быть). Если внешний элемент невидимый, то и его содержимое должно быть невидимым. Иначе чтобы сделать невидимым абзац:
<p>1111<strong>2222</strong>1111</p>
пришлось бы сначала сделать невидимым текст внутри тегов <strong>, а затем сам абзац.
Но на сто процентов я не уверен. Возможно решение существует.

В любом случае, эту проблему можно обойти. Например, изменив разметку страницы.

]]> By: Hot Ice http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-196 Hot Ice Sun, 13 Jan 2008 09:04:24 +0000 http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-196 Большое спасибо за помощь! Я так пробовал, но у меня не вышло. Видимо в прошлый раз где-то допустил ошибку. Еще один вопрос. можно ли сделать так, чтобы на внутренние элементы, которые являются содержимым этих div'ов не наследовались свойства прозрачности? Я пробовал для них прописать в таблице CSS <code> #innerdiv { height: 220px; filter:alpha(opacity=100) !important; -moz-opacity: 1.0 !important; -khtml-opacity: 1.0 !important; opacity: 1.0 !important; } </code> Но ничего не выходит. Так же я пробовал для них прописать обработчики: <code> new Effect.Opacity('innerdiv', {duration:2.5, from:0.0, to:1.0});</code> - и это тоже не помогло. Большое спасибо за помощь!
Я так пробовал, но у меня не вышло. Видимо в прошлый раз где-то допустил ошибку.

Еще один вопрос. можно ли сделать так, чтобы на внутренние элементы, которые являются содержимым этих div'ов не наследовались свойства прозрачности?
Я пробовал для них прописать в таблице CSS


#innerdiv {
height: 220px;
filter:alpha(opacity=100) !important;
-moz-opacity: 1.0 !important;
-khtml-opacity: 1.0 !important;
opacity: 1.0 !important;
}

Но ничего не выходит.
Так же я пробовал для них прописать обработчики:


new Effect.Opacity('innerdiv', {duration:2.5, from:0.0, to:1.0});

- и это тоже не помогло.

]]> By: Hot Ice http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-12388 Hot Ice Sun, 13 Jan 2008 09:04:00 +0000 http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-12388 Большое спасибо за помощь! Я так пробовал, но у меня не вышло. Видимо в прошлый раз где-то допустил ошибку. Еще один вопрос. можно ли сделать так, чтобы на внутренние элементы, которые являются содержимым этих div'ов не наследовались свойства прозрачности? Я пробовал для них прописать в таблице CSS <code> #innerdiv { height: 220px; filter:alpha(opacity=100) !important; -moz-opacity: 1.0 !important; -khtml-opacity: 1.0 !important; opacity: 1.0 !important; } </code> Но ничего не выходит. Так же я пробовал для них прописать обработчики: <code> new Effect.Opacity('innerdiv', {duration:2.5, from:0.0, to:1.0});</code> - и это тоже не помогло. Большое спасибо за помощь!
Я так пробовал, но у меня не вышло. Видимо в прошлый раз где-то допустил ошибку.

Еще один вопрос. можно ли сделать так, чтобы на внутренние элементы, которые являются содержимым этих div'ов не наследовались свойства прозрачности?
Я пробовал для них прописать в таблице CSS


#innerdiv {
height: 220px;
filter:alpha(opacity=100) !important;
-moz-opacity: 1.0 !important;
-khtml-opacity: 1.0 !important;
opacity: 1.0 !important;
}

Но ничего не выходит.
Так же я пробовал для них прописать обработчики:


new Effect.Opacity('innerdiv', {duration:2.5, from:0.0, to:1.0});

- и это тоже не помогло.

]]> By: Владимир http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-194 Владимир Sat, 12 Jan 2008 18:10:58 +0000 http://www.simplecoding.org/ispolzovanie-scriptaculous-dlya-izmeneniya-prozrachnosti-elementov-web-stranicy.html#comment-194 Вы четыре раза установили обработчик функции window.onload Т.е. вы объявили 4 <strong>различных</strong> функции и установили их как обработчики. Представьте, что произойдет, если выполнить такой код: m = 1; m = 2; m = 3; Чему будет равно m? Правильно, 3. Точно также после исполнения вашего кода в качестве обработчика будет использоваться <strong>последняя</strong> функция window.onload = function() { new Effect.Opacity$('div4', {duration:3, from:0.0, to:0.8}); } И выполняться будет только она. Исправить ситуацию не сложно. Просто разместите все обработчики внутри одной функции: window.onload = function() { new Effect.Opacity('div', {duration:3, from:0.0, to:0.9}); new Effect.Opacity('div2', {duration:3, from:0.0, to:0.8}); new Effect.Opacity('div3', {duration:3, from:0.0, to:0.8}); new Effect.Opacity('div4', {duration:3, from:0.0, to:0.8}); } P.S. Если нужно изменить последовательность выполнения эффектов почитайте <a href="http://www.simplecoding.org/upravlenie_effectami_scriptaculous.html" rel="nofollow">Управление эффектами (Scriptaculous)</a> Вы четыре раза установили обработчик функции window.onload

Т.е. вы объявили 4 различных функции и установили их как обработчики.

Представьте, что произойдет, если выполнить такой код:
m = 1;
m = 2;
m = 3;
Чему будет равно m? Правильно, 3.
Точно также после исполнения вашего кода в качестве обработчика будет использоваться последняя функция

window.onload = function() {
new Effect.Opacity$('div4', {duration:3, from:0.0, to:0.8});
}

И выполняться будет только она.
Исправить ситуацию не сложно. Просто разместите все обработчики внутри одной функции:

window.onload = function() {
new Effect.Opacity('div', {duration:3, from:0.0, to:0.9});
new Effect.Opacity('div2', {duration:3, from:0.0, to:0.8});
new Effect.Opacity('div3', {duration:3, from:0.0, to:0.8});
new Effect.Opacity('div4', {duration:3, from:0.0, to:0.8});
}

P.S. Если нужно изменить последовательность выполнения эффектов почитайте Управление эффектами (Scriptaculous)

]]>