Аякс сообщения

Привет всем. У меня такой вопрос. У меня блок сообщений как в одноклассниках левая часть список диалогов, правая это вверху имя, в середине переписка и внизу форма для сообщений(текстареа) и кнопка.., сообщения отправляются (без перезагрузки на аяксе), но когда нажимаю на диалог другого пользователя то перезагружается вся страница, а хотелось бы нажать на диалог и без перезагрузки страницы появлялась бы переписка..., я нашёл в интернете скрипт аякса установил его на свои сообщения терерь я нажимаю на диалог и всё работает как надо, НО ввожу сообщение и нажимаю кнопку отправить и никаких действий не происходит.., кнопка нажимается(у меня кнопка со звуком) но сообщение не отправляется.
такое впечатление что форма потеряла свою форму))
(при нажатии на диалог вся правая часть уходит на сервер методом аякса) В чём дело не могу понять??? может кто нибудь подскажет. Спасибо (аякс изучаю недавно)

1) код, обрамленный в теги, в студию
2) есть ли ошибки в консоли браузера?
3) как пытались искать причину?

в консоли браузера пишет
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/. jquery.min.js:2

и ещё может поможет в поиске проблемы (у меня стоит в текстареа required) после этих событий нажимая кнопку при нуле символов никакой реакции нет (не выскакивает окошко заполните поле)

torens, если форма подгружается динамически, то необходимо использовать делегированную обработку событий.

[quote=Deonis][/quote]

да, форма подгружается динамически...,

а как это использовать делегированную обработку событий???? что это значит

Это значит, что обработчик вешается на родителя и перехватывает всплывающее событие.

#container- всегда присутствует на странице, на него вешаем событие.
.item - добавляются динамически, клик по ним мы хотим отловить.

-----
Чем больше узнаю, тем больше я не знаю.

[quote=DelphinPRO][/quote]
Ребята я не понимаю что делать.., слово делегирование я впервые услышал тут.., почитал в интернете но ни понял что и куда дописать..,

https://learn[dot]javascript[dot]ru/event-delegation

-----
Чем больше узнаю, тем больше я не знаю.

Люди ну как сделать мне что бы форма которая подгружается динамически(текстареа и кнопка) работала? Я не могу понять, что где мне написать. Посмотрел какой то пример со строками.., там всё понятно.., а как тут idont know

http://jsfiddle[dot]net/u5rp44xc/

Вообщем не фига у меня не получается не понимаю что не так, что куда, зачем..,

torens
я вам скинул пример что такое делегирование событий. если вы и этого не понимаете (или не хотите разобраться), то видимо программирование не ваше.

[quote=esterio][/quote]

так попробуйте объяснить..., (если вам надо это)
вот вы мне скинули пример..., куда мне его записать, дописать или что? Я в интернете нашёл делегирование со строками и фотографиями, что мол кнопка добавляет новую строчку, фото, и при динамическом добавлении мы используем .on() смысл ясен в этих примерах, если было бы у меня что то подобное я бы сделал без проблем.., а как быть с формой???

Что у меня: заходишь к человеку нажимаешь написать сообщение(один в один как в одноклассниках) открывается списки моих диалоги и форма(форма работает), нажимаю на другой диалог форма загружается динамически и она не работает. Как мне это связать?
Может есть какие то подобные примеры?

если форма одна и та же, то не имеет смысла её дергать через ajax. Проще статически добавить и обрабатывать её содержимое.

-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

torens
Скомпонуйте Ваш код и выложите на http://jsfiddle[dot]net/