Когда стоит массив фильмов, а не один, смайлы не хотят добавляться в поле формы. Как сделать для массива добавление смайлов?

Question

[ВладиМИР]

Мучился и не понимал в чем дело потом понял что для 1 фильма код добавления смайлов работает а когда массив нет вот код:

<form name="forma" action="shablon/polzkomment.php" method="post">
<textarea type="text" id="mes" placeholder="Ваш комментарий"></textarea>
<button type="submit" class="bott">отправить</button>
</form>

<div class="hat">
<img src="img/gif/1.gif" onclick="insertSmile('<img src=img/gif/1.gif>')">
</div>

А это JS код добавления смайла в поле формы:

function insertSmile(smile)
{
 document.forma.mes.value += smile;
}

Так вот когда выводит весь список фильмов (массив) не в одно поле формы не добавляет смайлы

$res = mysqli_query($bd, "SELECT idfilm,reyting,name,age,city,zanr,ger,boss,img,imgs,kto,rey,data FROM `det` ORDER BY `reyting` DESC");
while($row = mysqli_fetch_array($res))
{
...
}

Comments

[ProjectSoft]

На странице может присутствовать только один уникальный ID элемента.
У вас же присутствует id="mes" столько, сколько вы выводите через цикл.

[ВладиМИР]

ProjectSoft, а можно тогда через класс переделать? Т.е например добавлю class="mes".

[ВладиМИР]

ВладиМИР (о__О), Неполучается, а в JS менять ниче не надо?

[AUser0]

Сделайте идентификатор textarea уникальным id="mes_1", и передавайте его в insertSmile('mes_1', '<img src="img/gif/1.gif">').

[ProjectSoft]

ВладиМИР (о__О), вам AUser0 дал дельный совет, если вы использует инлайновые события.
Сделать уникальным ID можно также привязавшись к idfilm, который присутствует у вас в выборке и, надеюсь, он уникален.
У вас должно получиться как-то так
HTML

<form name="forma" action="shablon/polzkomment.php" method="post">
	<textarea type="text" id="mes_3234" placeholder="Ваш комментарий"></textarea>
	<button type="submit" class="bott">отправить</button>
</form>

<div class="hat">
	<img src="img/gif/1.gif" onclick="insertSmile('mes_3234', '<img src=img/gif/1.gif>')">
</div>

JS

function insertSmile(mess, smile)
{
	var mes = document.getElementById(mess);
	if(mes)
		mes.value += smile;
}