jQuery

27.08.2011

Видел на многих форумах раздел jQuery.

Но как правило там вылажуют тупые jQuery их попросту никуда не пристроить.
Решил создать здесь такую тему так как подобных не нашел.

В кого есть проверенные и прикольные jQuery выложите.

27.08.2011

**********.

28.08.2011

********** + **********
Не нужно просто тупо копирывать, нужно понимать что делаешь, тогда не будут "тупые jQuery, которые никуда не пристроить"

28.08.2011

Хочешь прикольное jQuery решение? Пожалуйста. Адаптировано для чатов mpchat.

Строка ввода в чате красивой ширины
В чате строка ввода всегда неправильной ширины. Меня это раздражало. Теперь, как бы не изменялась ширина браузера пользователя (а точнее ширина chatdiv в бесфреймовой системе), строка ввода всегда правильной ширины.

Сразу предупреждаю. Способ мудоёбный муторный. Так что кому лень прилагать много усилий ради какого-то поля ввода, можете закрыть эту вкладку.

Важно! У меня нет табличной вёрстки! Она ужасна и я её убрал. Итак, мои действия:
Главному текстовому инпуту чата я задал id="inn". После чего выяснил, какая у него должна быть ширина. А вернее - на сколько она должна быть меньше ширины #chatdiv. Как я это вычислил? Открыл калькулятор, и сложил ширину инпута tonick, горизонтальные паддинги этого инпута, горизонтальные паддинги своего инпута #inn, ширину кнопки отправки сообщения и её горизонтальные паддинги. Больше у меня в этой строке ничего нет. Если у вас есть, прибавьте ширину и горизонтальные паддинги остальных элементов тоже. Не прибавляйте ни в коем случае ширину #inn. У вас получается число. Теперь в чате с помощью инструментов разработчика браузера узнайте ширину #chatdiv в вашем случае, при браузере на весь экран (в хроме правой кнопкой по элементу, просмотр кода, в правой части развернуть Computed Style и отыскать width) У меня вышло число примерно около 1000. Потом из этой ширины #chatdiv вычитаете число, получившееся в калькуляторе. Вот это и есть то число, которое вам нужно ввести вместо моего 231 в коде.
вот этот скрипт я поместил в самый конец скриптов чата. Его можно подключить отдельно, если кому угодно.
Не забудьте подключить jQuery в head сайта!
// Строка ввода красивой ширины
$(document).ready(
function()
{
$("#inn").width($("#chatdiv").width()-231);
$(window).resize(function()
{
$("#inn").width($("#chatdiv").width()-231);
});
}
);

28.08.2011

Кстати, я тоже не прочь раздела (ну или хотя бы темы) jQuery. Только чтоб не все подряд скрипты, тыренные из инэта (их можно и в раздел скрипты сунуть), а адаптированные под чаты. Я, может, сам туда время от времени что-нибудь выкладывать буду, ибо я давно чат пытаюсь на jQuery по максимуму переводить.