<script type="text/javascript">
async function fetchAsync () {
let response = await fetch('https://youtubemp3api.com/@api/button/mp3/mPF_jSOV9js');
let data = await response.json();
return data;
}
const link = document.getElementByClassName("q320");
const url = link.href;
alert(url);
</script><div class="popup-content form-wrapper" id="reservation-popup">
<p class="form-title">Бронирование</p>
<?
$APPLICATION->IncludeComponent(
"orion:ext.feedback.form",
"reservation",
array(
"AJAX_MODE" => "Y",
"AJAX_OPTION_ADDITIONAL" => $arItem["PROPERTIES"]["ARTICLE_FLAT"]["VALUE"],
"AJAX_OPTION_HISTORY" => "N",
"AJAX_OPTION_JUMP" => "Y",
"AJAX_OPTION_STYLE" => "Y",
"COMPONENT_ID" => "reservation-popup",
"COMPONENT_TEMPLATE" => "reservation",
"DATA-TABLE-COL1-WIDTH" => "100%",
"DATA-TABLE-COL2-WIDTH" => "0",
"DATA-TABLE-LABEL-ALIGN-H" => "l-align",
"DATA-TABLE-LABEL-ALIGN-V" => "c-valign",
"DATA-TABLE-WIDTH" => "100%",
"DEFAULT_INPUT_SIZE" => "30",
"DETAIL_TEXT_USE_HTML_EDITOR" => "N",
"EFBF_FORM_WIDTH" => "",
"ELEMENT_ASSOC" => "CREATED_BY",
"ERROR_MESSAGES_POSITION" => "UNDER",
"FIELD_ERRMSG" => "N",
"FIELD_ERROR_POSITION" => "N",
"FIELD_ORDER" => "N",
"FIELD_PREDEF" => "Y",
"FIELD_SELF_NAMES" => "Y",
"FIELD_VALID" => "Y",
"FORM_CODE" => "RESERVATION",
"FORM_NAME" => "",
"GROUPS" => array(
0 => "2",
),
"IBLOCK_ELEMENT_ID" => "",
"IBLOCK_ID" => "17",
"IBLOCK_TYPE" => "webforms",
"INPUT_AS_PASSWORD" => "",
"INPUT_AS_PASSWORD_CONFIRM" => "N",
"LIST_NOT_ESTABLISHED_PROP_STATUS" => "N",
"MAX_FILE_SIZE" => "0",
"MAX_LEVELS" => "100000",
"NEED_JQUERY" => "EXISTS_JQUERY",
"PREVIEW_TEXT_USE_HTML_EDITOR" => "N",
"PROPERTY_CODES" => array(
0 => "NAME",
1 => "PROP_SKU",
),
"PROPERTY_CODES_REQUIRED" => array(
0 => "NAME",
1 => "PROP_SKU",
),
"RESIZE_IMAGES" => "N",
"SAVE_TO_IB" => "Y",
"SEND_MESSAGE" => "Y",
"USER_MESSAGE_ADD" => "",
"USER_SEND_MESSAGE" => "N",
"USE_CAPTCHA" => "N",
"USE_CAPTCHA_REFRESH" => "N",
"USE_TEXT_FOR_HTML" => array(
),
"VALID_NAME" => "^(\\+?\\d{1}\\s?)?(\\d{10})\$",
"VALID_TAGS" => "",
"VALID_DATE_ACTIVE_FROM" => "",
"VALID_DATE_ACTIVE_TO" => "",
"VALID_IBLOCK_SECTION" => "",
"VALID_PREVIEW_TEXT" => "",
"VALID_PREVIEW_PICTURE" => "",
"VALID_DETAIL_TEXT" => "",
"VALID_DETAIL_PICTURE" => "",
"CUSTOM_TITLE_NAME" => "Телефон",
"CUSTOM_TITLE_TAGS" => "",
"CUSTOM_TITLE_DATE_ACTIVE_FROM" => "",
"CUSTOM_TITLE_DATE_ACTIVE_TO" => "",
"CUSTOM_TITLE_IBLOCK_SECTION" => "",
"CUSTOM_TITLE_PREVIEW_TEXT" => "",
"CUSTOM_TITLE_PREVIEW_PICTURE" => "",
"CUSTOM_TITLE_DETAIL_TEXT" => "",
"CUSTOM_TITLE_DETAIL_PICTURE" => "",
"CUSTOM_TITLE_PROP_STATUS" => "",
"CUSTOM_TITLE_CAPTCHA" => "",
"CUSTOM_TITLE_CAPTCHA_INPUT" => "",
"PREDEFINED_PROP_SKU" => "",
"PREDEFINED_PROP_STATUS" => "150",
"EMAIL_TO" => $strEmail,
"EVENT_MESSAGE_ID" => array(
0 => "27",
),
"CUSTOM_TITLE_PROP_SKU" => "",
"VALID_PROP_SKU" => "",
"PREDEFINED_NAME" => "+7",
"PREDEFINED_TAGS" => "",
"PREDEFINED_DATE_ACTIVE_FROM" => "",
"PREDEFINED_DATE_ACTIVE_TO" => "",
"PREDEFINED_IBLOCK_SECTION" => "",
"PREDEFINED_PREVIEW_TEXT" => "",
"PREDEFINED_PREVIEW_PICTURE" => "",
"PREDEFINED_DETAIL_TEXT" => "",
"PREDEFINED_DETAIL_PICTURE" => ""
),
false
);
?>
</div>
<script type="text/javascript">
$(function()
{
/*$('a.call-request-popup').fancybox(
{
'overlayShow': false,
'padding': 0,
'margin': 10,
'scrolling': 'no',
'titleShow': false,
'helpers':
{
'overlay':
{
'closeClick': false
}
}
});*/
$('a.call-request-popup').on('click',function(){
$('.beget-call__modal').addClass('beget-call__modal--in');
});
$('button.reservation-popup').fancybox(
{
'overlayShow': false,
'padding': 0,
'margin': 10,
'scrolling': 'no',
'titleShow': false,
'helpers':
{
'overlay':
{
'closeClick': false
}
},
'beforeLoad': function()
{
var sku = $(this.element).attr('data-sku');
$('#PROP_SKU_0').val(sku);
//alert($('#reservation-popup').text());
}
});
});
</script>
А хотелось бы привести его к примерно такому формату с возможностью поиска и выбора множества значений.