VPF::Повесить функцию на генерируемый элемент

Рыжий

Дата 5.2.2011, 01:05 (ссылка)

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

Загрузка ...

Помешанный

Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

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

Здравствуйте!
Скрипт, в зависимости от того, на какую ссылку кликнул пользователь - ставит под ней <textarea>.
Так же эту textarea нужно ограничить на кол-во символов и показывать пользователю сколько символов у него осталось, для чего применяется плагин textlimit вот его код: http://plugins.jquery.com/files/textlimit.js_2.txt

На уже существующих элементах его можно вызвать:

Код


jQuery("#textarea").textlimit('span.counter',20);

span.counter - поле в котором будет показано "Осталось 20..19..18..."

Подскажите: как применить эту функцию к генерируемым textarea?

Сначала пытался найти решение через live() и delegate() но их можно привязать только к событиям.

Это сообщение отредактировал(а) Рыжий - 5.2.2011, 01:07

bars80080

Дата 5.2.2011, 14:49 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

генерируемый элемент нужно заинтегрировать в ДОМ. как его создаёшь?

Рыжий

Дата 5.2.2011, 16:43 (ссылка)

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

Загрузка ...

Помешанный

Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

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

bars80080, создаю:

Код


$('<div id="reply"> \
            <form id="reply-form" method="post" action="#"> \
                <p class="comment-form-comment"> \
                    <label for="comment">Comment</label> \
                    <textarea rows="4" cols="40" name="comment" id="comment"></textarea> \
                </p> \
             
                <p class="form-submit"> \
                    <span class="comment-char-limit">&nbsp;</span> \
                    <input type="submit" value="Comment!" id="submit" name="submit" class="button button-comment" /> \
                    <input type="hidden" value="" name="post_ID" /> \
                    <input type="hidden" value="" id="comment_parent" name="comment_parent" /> \
                </p> \
            </form> \
        </div>').hide().appendTo('#user-message').slideDown('fast');

То есть создаю всю форму сразу. С hidden полями, в которых ID поста (а их может быть несколько на странице), и ID родительского комментария (если это ответ на другой комментарий)

Да, тоже думал о том, чтобы уже выдавать страницу с готовыми формами со стилем display:none. Но если на странице 20 постов и у каждого по 10 комментариев, это уже 200 форм smile

bars80080

Дата 5.2.2011, 21:41 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

а после вставки этого кода если провести добавление jQuery("#textarea").textlimit('span.counter',20);

?
что происходит?

Рыжий

Дата 6.2.2011, 04:29 (ссылка)

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

Загрузка ...

Помешанный

Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

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

bars80080, Точно, все оказалось гораздо проще (ffffuuuuuuuu)
А я уже даже пытался после этой вставки создавать <script> в который вписывать jQuery("#textarea").textlimit('span.counter',20); = )))
Спасибо!

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