VPF::IE + jQuery animation - Форум программистов

the_buddha

Дата 26.9.2007, 01:50 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 14.9.2007

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

Всем доброго времени суток, столкнулся с проблемой, есть таблица, - каталог, при нажатии на сроку таблицы, должна выезжать ячейка с описанием товара, вот ка креализовал, считаю что все максимально просто, но в ИЕ нику* не работает smile

))

это js code функции которая занимается анимацией:

Код


function detailProduct(row) {
    $(row).next().children().animate({height: "toggle",opacity: "toggle"}, 600,function(){$(row).toggleClass("row").toggleClass("row_active");});
}

тут row - это сама строка (tr), собственно, есть для строки (tr) два css класса, просто row, когда описание не открыто и row_active - описание открыто.

а вот html код

Код


<tbody>
<tr id="row_15" class="row_active">
<td id="id" class="color_4 cursorPointer" onclick="javascript:detailProduct('#row_15')">15</td>
<td id="name" class="color_4 cursorPointer" onclick="javascript:detailProduct('#row_15')">Advanced 2xSOONTONE </td>
<td id="price" class="color_4 cursorPointer" onclick="javascript:detailProduct('#row_15')">9450</td>
<td id="count">
</td>
<td class="color_3 lineHeight19 cursorHand" onclick="add2cart(this)">в корзину</td>
</tr>
<tr class="floatLeft" style="position: static;">
<td id="desc" class="product floatLeft displayNone" colspan="5" style="display: block;">
<div class="description floatLeft justify">
<p class="color_4 floatLeft justify">
Описание:
Время не стоит на месте и технологии тоже! Абсолютная новинка! ST-8 модель 2007 года! Лучшая модель на рынке в своем классе, последнее поколение
</p>
</div>
</td>
</tr>
</tbody>

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

opera, ff, safari - вобще кульно пашет, и вобще геко рулит) smile

)))))
всем заранее спасибо за хэлп smile

ksnk

Дата 26.9.2007, 18:01 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Хм... нельзя ли выложить самодостатчный пример? Как-то ломает сочинять все css'ы и html вручную... Пока нарылось вот такое

Код


аnimate(params, speed, easing, callback)
    *  params (Hash): A set of style attributes that you wish to animate, and to what end.
    * speed (String|Number): (optional) A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).
    * easing (String): (optional) The name of the easing effect that you want to use (Plugin Required).
    * callback (Function): (optional) A function to be executed whenever the animation completes.

4 параметра, а не 3

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

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