Как в данный кусок кода Смарти вставить модальное окно от Javascript?

Всем привет, помогите пожалуйста, голову сломал. Есть модуль на сайте, написан на языке шаблонизатора Smarty. Вот код:

{* DEFAULT FORM LAYOUT / pure CSS *}
{literal}
<script type="text/javascript">
function fbht(htid)
	{
		var fbhtc=document.getElementById(htid);
		if (fbhtc)
			{
			if (fbhtc.style.display == 'none')
				{
				fbhtc.style.display = 'inline';
				}
			else
				{
				fbhtc.style.display = 'none';
				}
			}
}
</script>
{/literal}
{$fb_form_header}
{if $fb_form_done == 1}
	{* This first section is for displaying submission errors *}
	{if isset($fb_submission_error) && $fb_submission_error}
		
	{/if}
{else}
	{* this section is for displaying the form *}
	{* we start with validation errors *}


	{* and now the form itself *}
	{$fb_form_start}
	<div>{$fb_hidden}</div>
	<div{if $css_class != ''} class="{$css_class}"{/if}>
	{if $total_pages gt 1}<span>{$title_page_x_of_y}</span>{/if}
	{foreach from=$fields item=entry}
		{if $entry->display == 1}
			{strip}
			{if $entry->needs_div == 1}
				<div
				{if $entry->required == 1 || $entry->css_class != '' || $entry->valid == 0} class="
					{if $entry->required == 1}required{/if}
					{if $entry->css_class != ''} {$entry->css_class}{/if}
					{if $entry->valid == 0} fb_invalid{/if}
					"
				{/if}
				>
			{/if}
			{if $entry->hide_name == 0}
				<label{if $entry->multiple_parts != 1} for="{$entry->input_id}"{/if}>{$entry->name}
				{if $entry->required_symbol != ''}
					{$entry->required_symbol}
				{/if}
				</label>
			{/if}
			{if $entry->multiple_parts == 1}
				{section name=numloop loop=$entry->input}
					{if $entry->label_parts == 1}
						<div>{$entry->input[numloop]->input}&nbsp;{$entry->input[numloop]->name}</div>
					{else}
						{$entry->input[numloop]->input}
					{/if}
					{if isset($entry->input[numloop]->op) && $entry->input[numloop]->op}{$entry->input[numloop]->op}{/if}
				{/section}
			{else}
				{if $entry->smarty_eval == '1'}{eval var=$entry->input}{else}{$entry->input}{/if}
			{/if}
			{if $entry->helptext != ''}&nbsp;<a href="javascript:fbht('{$entry->field_helptext_id}')"><img src="modules/FormBuilder/images/info-small.gif" alt="Help" /></a>
					<span id="{$entry->field_helptext_id}" style="display:none" class="fbr_helptext">{$entry->helptext}</span>{/if}
		
			{if $entry->needs_div == 1}
			{$submit} </div>
			{/if}
			{if $entry->valid == 0}<div style="text-align: center; color: rgb(199, 73, 73); margin-top: 10px; position: absolute; width: 355px; padding: 10px 15px 10px 15px; background: #F7F7F7; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"><span style="width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid #F7F7F7; border-top: 0;position:absolute;top:-9px;left:50px"></span>{$entry->error}</div>{/if}
			{/strip}
		{/if}
	{/foreach}

	{if $has_captcha == 1}
		<div class="captcha">{$graphic_captcha}{$title_captcha}<br />{$input_captcha}</div>
	{/if}

	</div>
	{$fb_form_end}
{/if}
{$fb_form_footer}


В данном коде делается вот что- создается форма с кнопкой Перезвоните мне, нажимая по которой отправляется на почту номер телефона который ввели и собственно всё. То есть получаем письмо с номером телефона для перезванивания.

Вопрос: так как сейчас идет просто нажатие кнопки то есть нажал и всё что-то обновилось и всё., то возникла потребность в модальном окне(да хоть в простом алерт господи. Суть которого: нажали на кнопку и высвечивается окно с текстом Вам перезвонят в течении 10 минут. Отсюда возникает вопрос - как можно в этот код вставить джаваскрипт? В смарти я совсем не бум-бум, Джаваскрипт и ПхП более менее. Так что объясните а я пойму.

P.S. Вопрос еще возник потому что я увидел в коде {submit} строку, но так как тут нет явного задания кнопки - это меня и ввело в тупик.

Очень надеюсь на Вашу помощь.
  • Вопрос задан
  • 207 просмотров
Пригласить эксперта
Ответы на вопрос 1
VladimirAndreev
@VladimirAndreev
php web dev
{$submit} - Выводит переменную $submit, которую задал тот php код, который вызывает рендер этого шаблона.

если там кнопка - у нее может ид есть, на край - оберни ее {$submit} и повесь обработчик примерно на такой селектор: #formSubmitContainer>input[type="submit"]
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы