Как при нажатии на ссылку отправлять значение в текстовую форму?

Question

[Федор Скамейкин]

Как при нажатии на ссылку отправлять значение в текстовую форму? Я написал такой скрипт:

$('#insert-nick').click(fuction () {
    	 var chatnick = $(this).attr('data-nick');
  		 $('.bimcb_chatInput').val(chatnick + ', ');
        });

но он не работает

Answer 1

[tplus]

Как минимум, у вас опечатка
.click(fuction ()
fuction -> function

Comments

[Федор Скамейкин]

упс, не заметил) Но все равно не рабоатет

[tplus]

https://jsfiddle.net/o9y7gj1x/ - с 1 полем и 1 кнопкой работает. Опишите подробнее в чём проблема: не вставляет, вставляет не то, ошибка в консоли?

[Федор Скамейкин]

tplus: ничего не вставляет

[tplus]

Федор Скамейкин: всё же стоит показать на jsfiddle то, что у вас написано, чтобы можно было понять)

[Федор Скамейкин]

tplus: your-cms.ru - можете тут в чате посмотреть

[tplus]

Федор Скамейкин:
1) Куча элементов с id=insert_nick. Вероятно, всегда будет браться лишь первый - то есть ник вставляться один и тот же.
2) Нет элемента с классом bimcb_chatInput: вставлять текст некуда
> $('.bimcb_chatInput')
>> []

[tplus]

Федор Скамейкин:
3) У инпута для вставки имени нет каких-то уникальных опознавательных знаков. Добраться до него можно как-нибудь так (но это не есть хорошо):
$('.bimcb_chatArea > div')
и уже в него вставлять текст. Кстати, .val() там не сработает, т.к. это текст внутри div - можно взять .text() или искать в jQuery подходящее.
4) Вероятно, нужно будет дописывать логику, чтобы возвращать плейсхолдер этого поля на место, если поле будет очищено.

[Федор Скамейкин]

tplus: пробовал по разному, все равно не получается(

[tplus]

Федор Скамейкин: Потому что у вас куча ников с id=insert_nick. Самый первый - "King" находится где-то в "невидимой" зоне.

Можете прямо в консоли браузера проверить

1) Сперва добавляете эту функцию
$('#insert-nick').click(function () {
var chatnick = $(this).attr('data-nick');
$('.bimcb_chatArea > div').text(chatnick + ', ');
});

2) Кликаете на любой ник - не работает

3) $('#insert-nick').click() - эмулируем клик - работает
При этом в консоли будет выведено:

> [​…​​]

и если навести на эту строку, то будет видно, что где-то вверху запрятан этот элемент.

[Сергей Мельников]

Федор Скамейкин: может стоит поручить это дело тому, кто в этом разбирается?)

[tplus]

Федор Скамейкин:

document.querySelectorAll() несмотря на повтор id соберёт все ники - и такая функция будет работать. Но лучше переделать так, чтобы каждый ник не имел один и тот же id, но каждый имел что-то, чем вы сможете зацепить его через js.

$(document.querySelectorAll('#insert-nick')).click(function () {
var chatnick = $(this).attr('data-nick');
$('.bimcb_chatArea > div').text(chatnick + ', ');
});

[Федор Скамейкин]

Сергей Мельников: согласен, я в js не очень шарю. Но я это делал месяц назад, сейчас обновил чат и забыл сохранить старый код. Старый код тоже забыл, вот такая вот фигня((

[Федор Скамейкин]

tplus: так тоже не работает, я могу через data-id например передать id пользователя, это как-нибудь поможет?

[tplus]

Федор Скамейкин:

$('[data-nick]').click(function () {
var chatnick = $(this).attr('data-nick');
$('.bimcb_chatArea > div').text(chatnick + ', ');
});

Такой вариант при подключении через консоль так же работает. Глядя на ваш сайт вижу, что и без неё вставка всё же заработала ;)

[Федор Скамейкин]

tplus: не работает же

[tplus]

Федор Скамейкин: почистите кэш в браузере. У меня на вашем сайте вставка ника теперь срабатывает, код с querySelectorAll() в иходниках вижу - его лучше заменить на последний вариант.

[Федор Скамейкин]

tplus: код на последний заменил, кеш чистил, не работает все равно

[tplus]

Федор Скамейкин: больше, увы, не подскажу) В chrome и ff у меня работает.

[Федор Скамейкин]

tplus: странно, у меня не работает ни фф ни в хроме(

[Федор Скамейкин]

но все равно спасибо за помощь