Javascript-форум (https://javascript.ru/forum/)
-   Prototype & script.aculo.us (https://javascript.ru/forum/prototype-script-aculo-us/)
-   -   Эффекты в scriptaculous (https://javascript.ru/forum/prototype-script-aculo-us/47-ehffekty-v-scriptaculous.html)

subaru 27.07.2007 20:37

Эффекты в scriptaculous
 
что-то никак не могу сделать эффект Appear для элемента,
у которого <div style="display:none>
:

$('id').display = "block";

new Effect.Appear('id');

эффект вроде как работает, но <div> пропадает ( практически мгновенно)


может кто знает как это обойти?

subaru 27.07.2007 21:38

Цитата:

Сообщение от subaru (Сообщение 179)
что-то никак не могу сделать эффект Appear для элемента,
у которого <div style="display:none>
:

$('id').display = "block";

new Effect.Appear('id');

эффект вроде как работает, но <div> пропадает ( практически мгновенно)


может кто знает как это обойти?

а вот так вот:

Notes

You must include a second DIV element, wrapping the contents of the outer DIV. So, if you call new Effect.SlideDown('x'), your element must look like this:


<div id="x"><div>contents</div></div>



http://wiki.script.aculo.us/scriptac...fect.SlideDown

Илья Кантор 28.07.2007 01:18

А чего за new ?

Насколько я понял - там статический метод вызывается типа
Effect.SlideDown('id_of_element');

subaru 28.07.2007 14:20

Цитата:

Сообщение от Илья Кантор (Сообщение 181)
А чего за new ?

Насколько я понял - там статический метод вызывается типа
Effect.SlideDown('id_of_element');

вообщем, да, можно без него.

но вот в IE почему-то эффект не работает.

то есть блок появлется - но резко - как popup - а должен плавно...
видимо опять заморочки IE какие-то в FF - все гут :-)

PS: все бы хорошо, если не браузерная несовместимость javascript
может на Flex переходить?

ЗЫ2: для IE6 надо 3 дива:

<div id="wrapper"><div id="x"><div>contents</div></div></div>

Effect.Fade('x')

причем 'x' - position:relative

Илья Кантор 28.07.2007 16:17

Вообще, при работе с dojo, помнится, не было таких плясок с дивами... Может, это только в script.aculo.us так.. Интересно, есть ли такая проблема в YUI ?

Барин 16.07.2011 16:35

У меня проблема с эффектами - пишу так:
Sortable.create("tasksList", {tag:"div"});
То есть по области tasksList дивы могут "кататься". Но вот только если дивы расположены друг под другом. Если же задать дивам свойство float:left, то дивы можно так же менять друг с другом местами, но вот анимации не будет. Итог: анимация перетаскивания работает только по вертикали. Это исправляется?
И ещё интересует, можно ли отсеять двигающиеся дивы по классам? Чтобы в двигающихся дивах дочерние элементы (дивы в диве) не ездили?


Часовой пояс GMT +3, время: 01:01.