Я сомневаюсь, что вы найдете кого-нибудь, кто напишет код для вас, и, исходя из его звучания, вы сделали свою домашнюю работу и ходили по магазинам на различных сайтах сценариев. Я хотел бы предложить вам разобраться в том, что вы ищете и что у вас есть:
Facebook:
- Простая ссылка: «Комментарий»
- Тонкое текстовое поле: "Написать комментарий"
- Нажатие на ссылку создает div под ссылкой или устанавливает фокус на текстовое поле, превращает текстовое поле в текстовое поле и кнопку.
- Нажатие за пределами div удаляет div со страницы.
- При нажатии кнопки и создании комментария добавляется div между исходным div и ссылкой, содержащей текст комментария.
- Если текстовая область не имеет фокуса, она возвращает текстовую область обратно в исходное состояние в виде текстового поля.
Возможно, было бы лучше взять уже написанный код для ссылки, которую вы разместили, и выполнить следующие действия:
- Удалить переходы
- Измените элементы кнопки на
<a> теги
- Сделать поле «ползунок» видимым все время, но содержимое должно меняться
- В блоке должно быть
<input type="text"> с атрибутом onfocus="", чтобы мы могли его скрыть и показать текстовую область, когда она была нажата в
- Текстовая область и кнопка должны быть скрыты, пока не появится указание стать видимыми (
display:none)
- Используйте плагин jQuery, чтобы скрыть текстовую область и кнопку и вернуться к текстовому полю, когда комментарий div потерял свой фокус (ы).
Надеюсь, это поможет до некоторой степени.