Виктор Лобанов

Виктор Лобанов

Был в сети 02 февраля 2025, 05:23
Заказы принимаю
В дополнение к предыдущему комментарию вот такой вариант с Fancybox у себя использую

<script>
$(document).ready(function() {
	// отключаем стандартное сообщение AjaxForm
	if (typeof(AjaxForm) != 'undefined') {
		AjaxForm.Message.success = function() {};
	}
});

// Показываем свое сообщение в модальном окне
$(document).on('af_complete', function(event, response) {
	var form = response.form;
	if (response.success) {
		$.fancybox.close();
		$.fancybox.open('<div class="modal" id="popup-call">' + response.message + '</div>',[{
			opts : {
				afterShow : setTimeout(function(){$.fancybox.close()}, 2000)
			}
		}]);
	}
});
</script>
Спасибо за вариант решения, поделюсь еще одним очень простым вариантом, может кому-то пригодится, у YandexMaps есть параметр&showMoreLink, который показывает в контенте балуна ссылку «подробнее» для перехода на подробное описание обьекта, и есть параметр &showMoreLinkTpl, который задает оформление этой ссылки.
В выводе YandexMaps добавляем
&showMoreLink=`true`
&showMoreLinkTpl=`tpl_map_thumb`
создаем шаблон tpl_map_thumb с содержимым типа такого:

<a href="[[#[[+id]].tv_map_thumb:phpthumbof=`w=900&zc=0`]]" data-lightbox="lightbox">
	<img src="[[#[[+id]].tv_map_thumb:phpthumbof=`w=250&zc=0`]]" alt="[[#[[+id]].pagetitle]]"/>
</a>
tv_map_thumb — это tv в которое загружаем изображение.

В результате кликаем по балуну и видим описание и заданную нами миниатюру, которая при клике увеличивается в лайтбоксе.
Вот код на чистом html
<li class="dropdown dropdown-hover ">
            <a href="#!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                      Blog <span class="caret"></span>
                    </a>
            <div class="dropdown-menu">
              <ul role="menu">
                <li><a href="blog-1.html">Blog Style 1</a></li>
                <li><a href="blog-2.html">Blog Style 2</a></li>
                <li><a href="blog-3.html">Blog Style 3</a></li>
              </ul>
              <ul role="menu">
                <li><a href="blog-post-1.html">Blog Post 1</a></li>
                <li><a href="blog-post-2.html">Blog Post 2</a></li>
                <li><a href="blog-post-3.html">Blog Post 3</a></li>
              </ul>
            </div>
</li>

хотелось бы добиться того, чтобы подменю автоматически разбивалось на такие блоки:

<ul role="menu">
        <li><a href="blog-1.html">Blog Style 1</a></li>
        <li><a href="blog-2.html">Blog Style 2</a></li>
        <li><a href="blog-3.html">Blog Style 3</a></li>
</ul>
например по 5 пунктов.