Получить заголовок изображения и поместить внутрь textarea

@Rustam · Регистрация: 05.09.2009

Студворк — интернет-сервис помощи студентам

Всем привет, возникла такая проблема, имеется ссылка тег <a> и внутри неё изображение <img /> с атрибутом title = 'Изображение' и текстовая область textarea, при нажатии на ссылку атрибут 'Изображение' у изображения помещается в текстовую область, дело в том что добавляется атрибут "Изображение" только один раз, и тем более не ставиться в середине текстовой области, подскажите в чем дело?

вот код:

HTML5
1
2
3
4
    <a href = "#" onclick = 'var smile = $("img#sm").attr("title"); $("#comment").text(smile);'><img id = "sm" width = "60" src = "1.jpg" alt = "sm" title = "Заголовок" /></a>
    <br />
    <br />
    <textarea id = "comment" cols = "40" rows = "10"></textarea><br />

@Lazy_Den · 04.05.2014, 14:52

Раз уж используете jQuery, то можно использовать такое расширение:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
jQuery.fn.extend({
    insertAtCaret: function(myValue){
        return this.each(function(i) {
            if (document.selection) {
                // Для браузеров типа Internet Explorer
                this.focus();
                var sel = document.selection.createRange();
                sel.text = myValue;
                this.focus();
            }
            else if (this.selectionStart || this.selectionStart == '0') {
                // Для браузеров типа Firefox и других Webkit-ов
                var startPos = this.selectionStart;
                var endPos = this.selectionEnd;
                var scrollTop = this.scrollTop;
                this.value = this.value.substring(0, startPos)+myValue+this.value.substring(endPos,this.value.length);
                this.focus();
                this.selectionStart = startPos + myValue.length;
                this.selectionEnd = startPos + myValue.length;
                this.scrollTop = scrollTop;
            } else {
                this.value += myValue;
                this.focus();
            }
        })
    }
});

А используем его просто (тестировать тут):

JavaScript
1
2
3
4
5
$(function(){
    $("img#sm").click(function(){
        $('#comment').insertAtCaret($(this).attr("title"));
    });
});

Добавлено через 2 минуты
P.S. Только создайте отдельный js-файл, который подключите в нужный документ и где будете писать весь код.
Придерживаюсь правила: "Котлеты отдельно, мухи отдельно". Чего и вам желаю.

@Rustam · 04.05.2014, 16:45 **[ТС]**

Lazy_Den, код

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
jQuery.fn.extend({
    insertAtCaret: function(myValue){
        return this.each(function(i) {
            if (document.selection) {
                // Для браузеров типа Internet Explorer
                this.focus();
                var sel = document.selection.createRange();
                sel.text = myValue;
                this.focus();
            }
            else if (this.selectionStart || this.selectionStart == '0') {
                // Для браузеров типа Firefox и других Webkit-ов
                var startPos = this.selectionStart;
                var endPos = this.selectionEnd;
                var scrollTop = this.scrollTop;
                this.value = this.value.substring(0, startPos)+myValue+this.value.substring(endPos,this.value.length);
                this.focus();
                this.selectionStart = startPos + myValue.length;
                this.selectionEnd = startPos + myValue.length;
                this.scrollTop = scrollTop;
            } else {
                this.value += myValue;
                this.focus();
            }
        })
    }
});

я отправил в отдельный js файл и подключил вот так:

JavaScript
1
<script type = "text/javascript" src = "js/script.js"></script>

но не подключается файл, подскажите как правильно подключать?

этот код я поставил в html

JavaScript
1
2
3
4
5
$(function(){
    $("img#sm").click(function(){
        $('#comment').insertAtCaret($(this).attr("title"));
    });
});

@Lazy_Den · 04.05.2014, 16:51

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

@Rustam · 04.05.2014, 17:05 **[ТС]**

Lazy_Den, большое Вам спасибо, я понял, теперь всё работает

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	04.05.2014, 16:51
	Rustam, оба кода можно сложить в один файл, но подключать его надо после подключения библиотеки jQuery. Ну и естественно, что путь указать правильный. 1

@Rustam 17 / 29 / 3 Регистрация: 05.09.2009 Сообщений: 512
	04.05.2014, 17:05 [ТС]
	Lazy_Den, большое Вам спасибо, я понял, теперь всё работает 0