JSFiddle - React, Tailwind, and code Playground
JavaScript
<? if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die(); ?>
<?
//p($arParams);
$fVerComposite = (defined("SM_VERSION") && version_compare(SM_VERSION, "14.5.0") >= 0 ? true : false);
if ($fVerComposite) $this->setFrameMode(true);
$ALX = "FID" . $arParams["FORM_ID"];
if (!isset($arResult["POST"]))
{
if ((!isset($arParams['ALX_GET_POPUP'.$ALX]) || $arParams['ALX_GET_POPUP'.$ALX]=='Y') && $arParams['ALX_LINK_POPUP'] == 'Y')
{
?>
<span class="alx_feedback_popup" id="form_id_<?=$ALX?>"><?=$arParams["ALX_NAME_LINK"];?></span>
<? $this->addExternalJS($this->__folder."/form_script.js");?>
<script type="text/javascript">
if(typeof ALXpopup_<?=$ALX?>=='undefined'&&typeof ALXpopup!='undefined'&&typeof BX!='undefined')
var ALXpopup_<?=$ALX?>=BX.clone(ALXpopup);
$(document).ready(function(){
var param = {
'width': "<?=$arParams['WIDTH_FORM']?>",
'url': '',
'data': {"AJAX_CALL": "Y", "OPEN_POPUP": "<?=$ALX?>"},
'cssURL': ["<?=CUtil::GetAdditionalFileURL($this->GetFolder()."/form_style.css");?>",
<?if ($arParams['INPUT_APPEARENCE'] != 'DEFAULT' && !is_array($arParams['INPUT_APPEARENCE'])):?>
"<?=$this->__folder?>/themes/theme.add_<?=strtolower($arParams['INPUT_APPEARENCE'])?>.css",
<?elseif (is_array($arParams['INPUT_APPEARENCE'])):?>
<?foreach($arParams['INPUT_APPEARENCE'] as $param):?>
<?if ($param != 'DEFAULT'):?>
"<?=$this->__folder?>/themes/theme.add_<?=strtolower($param)?>.css",
<?endif?>
<?endforeach?>
<?endif?>
<?if ($arParams['ALX_RESET_THEME'] === 'Y'):?>
"<?=CUtil::GetAdditionalFileURL($this->__folder."/themes/default.css");?>"
<?else:?>
"<?=CUtil::GetAdditionalFileURL($this->__folder."/themes/theme_".md5($arParams['COLOR_THEME'].'_'.$arParams['COLOR_OTHER'].'_'.$arParams['COLOR_SCHEME'].'_'.$ALX).".css");?>"
<?endif?>
],
'objClick': '#form_id_<?=$ALX?>.alx_feedback_popup',
'popupAnimation':...