-
JavaScript. Как программно переключить вкладку (tab)?
Сегодня появилась необходимость программного переключения вкладок на bootstrap tabs. Решение очевидное — но сразу пошел не верным путём — поэтому сейчас раскажу, как быстро и правильно переключить bootstrap вкладку. На самом деле — все сверх-просто, причем, конечно же, есть в Документации. Но, тем не менее — не будет лишним еще раз указать исковые методы. Итак:…
-
Адаптивное YouTube видео на сайте при помощи CSS
При вставке видео YouTube к себе на сайт Вы непременно столкнетесь с проблемой на правильного его отображения. К счастью сделать адаптивный вывод youtube-видео на сайте достаточно просто. В этой статье речь пойдет именно об этом. Итак, нужно выполнить несколько простых шагов. Поехали: 1. Сначала берем ролик, и под ним нажимаем кнопку «Поделиться», а в появившемся…
-
Css. Bootstrap. Как установить жирность текста.
У bootstrap есть множество классов-хелперов, позволяющих легко давать контенту определенные свойства — например, .text-center — выровняет содержимое по центру. Сегодня задался вопросом — есть ли соответствующий класс для жирности текста. Ответом сейчас и поделюсь. Ответ достаточно просто. Подобного класса — нет. : ) Точнее он есть — и называется — .font-weight-bold, но лишь в bootstrap…
-
Yii2. Как указать canonical-ссылку?
Указание canonical-ссылок позволяет поисковым машинам увеличивать ссылочный вес определенных страниц, не распределяя его по множеству страниц, которые менее важны. Например, если у Вас есть каталог с пагинацией — есть смысл на каждой из страниц пагинации указывать canonical на /catalog, который, по сути является первой страницей. Таким образом ссылочный вес страницы Каталога будет расти, что приведет…
-
Bootstrap. Как скрывать popover при клике на любом месте?
В коробке bootstrap есть отличный компонент — popover. Но при работе с ним возникает неприятность — он не закрывается при клике на любом месте страницы. О том, как это исправить я расскажу в этой статье. Скажу честно — этот вариант не претендует на изысканность или красоту — но он рабочий, выполняет свою функцию, при этом…
-
Bootstrap. Как сделать перенос строки в popover?
По умолчанию коробочный popover не отображает перенос строки, что может доставить неудобства. Поэтому я приведу пример, как избежать неприятностей и решить задачу. Итак, во первых в параметре data-content следует переносы строки указывать в виде . Это важно. Во-вторых — следует также добавить параметр data-html=»true». Именно это командой мы просим обработать наши переносы и другие теги.…
-
Smarty. Как вывести результат математического выражения?
Smarty позволяет выводить результаты мат. выражения, используя переданные переменные, проводя расчеты на лету. Приведу простой и очевидный пример реализации этой задачи. Допустим, вам нужно вывести результат деления одного числа на второе — это можно сделать при помощи следующего фрагмента: {math equation=»x/y» x=$x y=$y} Детальную информацию можно посмотреть здесь.
-
Smarty. Перевод строки в число.
Снова небольшая заметка про Smarty — на этот раз поговоорим о приведении типов. Как вывести строку в виде числа. Поехали. Как Вы знаете — все очень и очень просто — вывод строки с её предварительным приведением к целому числу будет выглядеть вот так: {$variable|intval} В случае, если Вам нужно вывести число с плавающей точкой или…
-
Smarty. Как вывести значение по умолчанию?
Шаблонизатор Smarty помогает решить множество типичных проблем — например вывод определенного текста в случае отсутствия переменной или её пустоты. Итак, для вывода сообщения о умолчанию достаточно воспользоваться таким кодом: {$email|default:’e-mail не указан.’} Как видите — все достаточно просто и очевидно. При этом не нужно прибегать к условным операторам и на все про всё нужно минимум…
-
Php. Html. Как вставить кавычки в текстовое поле input?
Очень простая и короткая статья о том, как вставить текст с кавычками в текстовое поле input[type=text]. Если задуматься — то проблема с выводом кавычек в input более, чем понятная — браузер считает кавычки вашей строки, как управляющие при разборе html и воспринимает соответственно. Для решения прибегнем к простой php-функции — htmlspecialchars(). $str = ‘Строка в…