Как передать заголовок новости в форму в popup?

Question

[Anto]

Добрый день!
У меня есть станица с компонентом новости и у каждой новости есть кнопка "Заполнить форму", при нажатии на кнопку всплывает модальное окно с формой.
В данную форму, в поле, пытаюсь передать название новости ( чтобы оно автоматически ставилось в поле формы) Но данное поле "Название" выводиться у всех новостей только первой новости, если переменную с заголовком размещаю в не блока с popup то Название отрабатывает корректно.

Подскажите как мне передать заголовок в поле в формы к каждой новости свой?

Comments

[PetrPo]

Форма - это компонент?

[Anto]

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

[PetrPo]

ANTO, компонент где вызывается, в template.php?

[Anto]

PetrPo, да У меня компонент новостей и а компоненте список новостей в файле template.php вызываю компонент Формы, в Компонент список новостей в вызове компонента формы передал параметр с переменной имени вот так
prnt.sc/vfxr81 А вот вызываю в компоненте формы переменную prnt.sc/vfxtry

[PetrPo]

ANTO,
1. перенеси форму в component_epilog.php
2. в result_modifier.php добавь

$component = $this->getComponent();
$component->SetResultCacheKeys(['PROPERTIES']);

UPD
ну и $langId у тебя переменная, не знаю где определяется, ее тоже в component_epilog надо перенести

[Anto]

PetrPo, суда перенеси component_epilog.php вызов компонента, правильно ?

[PetrPo]

ANTO, вызов компонента формы, тот что ты на скриншоте показал. Ну и если он в обертке в какой-то div то вместе с ним (зависит от того как вызывается попап)

[Anto]

PetrPo, отрабатывает форма так же как и раньше, берет название первой новости

[PetrPo]

ANTO, ну значит ты его js-ом меняешь

UPD
Покажи js вызова попапа

[Anto]

PetrPo, там fancybox всплывает при нажатии на кнопку

<a href="javascript:;" class="btn js-offer-request" data-fancybox data-src="#individual-tour-form">
                        <span><?=Loc::getMessage('REQUEST')?></span>
                    </a>

[PetrPo]

ANTO, напиши что за сайт

[Anto]

PetrPo, [нут была ссылка] при нажатии на Забронировать

[PetrPo]

ANTO, ну так а что ты хотел, id = individual-tour-form - это уникальный идентификатор, а у тебя в цикле подключаются эти формы и выводятся с одинаковым идентификатором, fancybox и грузит первый id который нашел. Верни все как было обратно, до того как я тебе посоветовал в component_epilog перенести.

1. В template.php внутри цикла по элементам, ниже пример, думаю поймешь что куда подставить

<?foreach($arResult['ITEMS'] as $arItem):?>
	<?
	$popupId = randString(10, ['abcdefghijklmnop']);
	?>
	
	<?//............................?>
	
	<a href="javascript:;" class="btn js-offer-request" data-fancybox="" data-src="#individual-tour-form_<?=$popupId;?>">
		<span>Забронировать экскурсию</span>
	</a>
	
	<?//............................?>
<?endforeach;?>

2. В вызов компонента формы добавь параметр, например после ON_NAME
"POPUP_ID" => $popupId

3. В компоненте формы, файл template.php добавь

<?
$popupId = isset($arParams['POPUP_ID']) && $arParams['POPUP_ID'] ? '_'.$arParams['POPUP_ID'] : '';
?>
<div class="form-modal" id="individual-tour-form<?=$popupId;?>">

[Anto]

PetrPo, Спасибо все рабоатет !!!

[PetrPo]

ANTO, отметь решением

[PetrPo]

ANTO, я бы конечно избавился от этих костылей и сделал подгрузку формы по ajax, fancybox поддерживает, если интересно могу подсказать как сделать

[Anto]

PetrPo, да если можно

[PetrPo]

ANTO, у тебя какая версия fancybox?

[PetrPo]

ANTO, вообщем пример с fancybox3

1. кнопка

<span class="btn js-offer-request" data-fancybox_ajax_form data-src="<?=$this->getFolder().'/ajax_form.php';?>" data-on_name="<?=$arItem['NAME'];?>" data-element_id="<?=$arItem['ID'];?>">
    <span>Забронировать экскурсию</span>
</span>

- заменил ссылку на span, здесь нафиг не нужна ссылка
- data-fancybox_ajax_form - атрибут, типа флага будет для js скрипта
- data-src - путь до ajax файла с формой
- data-on_name, data-element_id - название атрибута, после data, соответствует названию параметра передаваемого в компонент формы (можно указывать любые, все они будут доступны внутри компонента формы, через массив $arParams)

2. внутри шаблона своего списка новостей, файл script.js в конце добавь

var getNodeData = function(element, arrayKeysUnset) {
	var nodeData = $(element).clone().data();
	
	if(arrayKeysUnset && arrayKeysUnset.length) {
		for(var key of arrayKeysUnset) {
			delete nodeData[key];
		}
	}
	
	for(var key in nodeData) {
		nodeData[key] = encodeURIComponent(nodeData[key]);
	}
	
	return nodeData;
}

$(document).on('click', '[data-fancybox_ajax_form]', function() {
	$.fancybox.open(this, {
		type: 'ajax',
		ajax: {
			settings: {
				data: getNodeData(this, ['src', 'fancybox_ajax_form'])
			}
		}
	});
});

3. в этом же шаблоне создаешь файл ajax_form.php

<?
require_once($_SERVER['DOCUMENT_ROOT'].'/bitrix/modules/main/include/prolog_before.php');

$request = \Bitrix\Main\Application::getInstance()->getContext()->getRequest();
$requestValues = $request->getValues();

if(isset($requestValues['fancybox']))
	unset($requestValues['fancybox']);

// добавление параметров для компонента, из data атрибутов кнопки
$parameters = [];
if($requestValues) {
	foreach($requestValues as $key => $value) {
		$value = urldecode($value);
		
		if(defined('LANG_CHARSET') && LANG_CHARSET == 'windows-1251')
			$value = \Bitrix\Main\Text\Encoding::convertEncoding($value, 'utf-8', 'windows-1251');
		
		$parameters[strtoupper($key)] = $value;
	}
}

// здесь подключаешь свой компонент формы
$APPLICATION->IncludeComponent(
	"bitrix:main.feedback",
	"bootstrap_v4",
	array(
		// у тебя нет этих параметров, указал для примера, оставь пустой массив
		"EMAIL_TO" => "[e-mail]",
		"EVENT_MESSAGE_ID" => array(),
		"OK_TEXT" => "Спасибо, ваше сообщение принято.",
		"REQUIRED_FIELDS" => array("NAME","EMAIL"),
		"USE_CAPTCHA" => "Y",
		'AJAX_MODE' => 'Y',
		
	) + $parameters
);

UPD
- изменил пункты 2, 3
- все костыли с $popupId надо убрать

[Anto]

PetrPo, спасибо, извиняюсь что сразу не ответил. Попробую

[PetrPo]

ANTO, пиши, если что-то непонятно будет

Answer 1

[PetrPo]

1. В template.php внутри цикла по элементам, ниже пример, думаю поймешь что куда подставить

<?foreach($arResult['ITEMS'] as $arItem):?>
	<?
	$popupId = randString(10, ['abcdefghijklmnop']);
	?>
	
	<?//............................?>
	
	<a href="javascript:;" class="btn js-offer-request" data-fancybox="" data-src="#individual-tour-form_<?=$popupId;?>">
		<span>Забронировать экскурсию</span>
	</a>
	
	<?//............................?>
<?endforeach;?>

2. В вызов компонента формы добавь параметр, например после ON_NAME
"POPUP_ID" => $popupId

3. В компоненте формы, файл template.php добавь

<?
$popupId = isset($arParams['POPUP_ID']) && $arParams['POPUP_ID'] ? '_'.$arParams['POPUP_ID'] : '';
?>
<div class="form-modal" id="individual-tour-form<?=$popupId;?>">