Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Втавка текста в форму, по кликику по картинке (https://javascript.ru/forum/misc/43307-vtavka-teksta-v-formu-po-klikiku-po-kartinke.html)

INDUK 30.11.2013 20:59

Втавка текста в форму, по кликику по картинке
 
<input type="text" id="textfield" size="100" /><br />
<a href="javascript://" onclick="document.getElementById('textfield').value += this.innerHTML">какой-то текст</a>


Тут образец клика по ссылке содержащем текст который в последствии вставится в форму, а как можно при клике на картинку вставка определенного текста в форму?

lord2kim 30.11.2013 22:48

Цитата:

Сообщение от INDUK (Сообщение 283704)
<input type="text" id="textfield" size="100" /><br />
<a href="javascript://" onclick="document.getElementById('textfield').value += this.innerHTML">какой-то текст</a>


Тут образец клика по ссылке содержащем текст который в последствии вставится в форму, а как можно при клике на картинку вставка определенного текста в форму?

а какая разница между картинкой и текстом?
<input type="text" id="textfield" size="100" /><br />
<img src="javascript://" onclick="document.getElementById('textfield').value += this.src">

INDUK 03.12.2013 13:22

Если что то так работает,
<input type="text" id="textfield" size="100" /><br />
<img textid1="123456" src="javascript://" onclick="document.getElementById('textfield').value += this.textid1">

в експлорере работает значит везде будет работать.

ruslan_mart 03.12.2013 14:11

<input type="text" id="textfield" size="100" /><br />
<img name="123456" onclick="document.getElementById('textfield').value += this.name">

INDUK 03.12.2013 15:02

Цитата:

Сообщение от Ruslan_xDD (Сообщение 284246)
<input type="text" id="textfield" size="100" /><br />
<img name="123456" onclick="document.getElementById('textfield').value += this.name">

А если есть много картинок и одна форма?

lord2kim 03.12.2013 16:45

INDUK,
window.onload = function () {
  document.getElementById("form_id").onclick = function(e) {
    var target = e && e.target || event.srcElement;
    if (target.tagName == "IMG" && target.className == "img_form") { // добавь ко всем необходимым изображениям класс, чтобы не сработала функция при нажатии на другом изображении в форме
        document.getElementById("textfield").value += target.name;
    }
}

INDUK 04.12.2013 11:20

<input type="text" id="textfield" size="100" /><br />
<img textid1="123456" src="javascript://" onclick="document.getElementById('textfield').value += this.textid1">.
<img textid2="fdfddedrdd" src="javascript://" onclick="document.getElementById('textfield').value += this.textid2">


А этот вариант чем плох?

INDUK 04.12.2013 12:53

сабж

ruslan_mart 04.12.2013 16:47

INDUK, в том, что нет свойства textid1 у тэга img, да и вообще у любых тегов. Либо использовавать свойства name или alt, либо же getAttribute('textid2').

<input type="text" id="textfield" size="100" /><br />

<img name="123456" onclick="textAdd(this)">
<img name="test" onclick="textAdd(this)">
<img name="hello" onclick="textAdd(this)">



function textAdd(self) {
   document.getElementById('textfield').value += self.name;
}


Часовой пояс GMT +3, время: 23:01.