Рубрика: Frontend

  • Smarty. Как вывести результат математического выражения?

    Smarty позволяет выводить результаты мат. выражения, используя переданные переменные, проводя расчеты на лету. Приведу простой и очевидный пример реализации этой задачи. Допустим, вам нужно вывести результат деления одного числа на второе — это можно сделать при помощи следующего фрагмента: {math equation=»x/y» x=$x y=$y} Детальную информацию можно посмотреть здесь.

  • Smarty. Перевод строки в число.

    Снова небольшая заметка про Smarty — на этот раз поговоорим о приведении типов. Как вывести строку в виде числа. Поехали. Как Вы знаете — все очень и очень просто — вывод строки с её предварительным приведением к целому числу будет выглядеть вот так: {$variable|intval} В случае, если Вам нужно вывести число с плавающей точкой или…

  • Smarty. Как вывести значение по умолчанию?

    Шаблонизатор Smarty помогает решить множество типичных проблем — например вывод определенного текста в случае отсутствия переменной или её пустоты. Итак, для вывода сообщения о умолчанию достаточно воспользоваться таким кодом: {$email|default:’e-mail не указан.’} Как видите — все достаточно просто и очевидно. При этом не нужно прибегать к условным операторам и на все про всё нужно минимум…

  • Highcharts.Как добавить информацию во всплывашку?

    Highcharts продолжает радовать масштабами гибкости. На этот раз я приведу простой пример, как серию можно дополнять своими данными и выводить их во всплывашке. Дополнительные данные по точкам следует добавлять при указании свойства series.data series: [{ name: ‘Series 1’, data: [{ y: 2, players: [‘a’, ‘b’]}, { y: 3, players: [‘a’, ‘b’, ‘c’]}, { y: 2,…

  • Highcharts. Как получить объект с DOM-контейнера?

    Highcharts предоставляет очень широкие возможности воздействия на диаграмму после её инициализации. Но для этого нужно получить объект диаграммы. Как это сделать — в этой статье. Highcharts 3.0.1 var chart=$(«#container»).highcharts(); Highcharts 2.3.4 var index=$(«#container»).data(‘highchartsChart’); var chart=Highcharts.charts[index]; Все, как видите, достаточно просто и очевидно.

  • Highstock. Как сделать несколько Y-осей?

    Highcharts, равно, как и Highstock, по моему личному мнению — лучшие вариант для оформления графического представления данных. Сейчас приведу пример, как сделать несколько осей Y, при этом разнести их в разные стороны. Ниже приведен код, демонстрирующий наглядный пример использования нескольких осей. Сперва создаются серии — обратите внимание на параметр yAxis — в нем хранится индекс…

  • CSS3. Селектор :not.

    Век живи — век учись. Хоть я и не верстальщик, но правки в верстку вношу часто. При этом наличие CSS-селектора :not всегда скрывалось от моего внимания. На самом же деле в CSS3 подобный сплектор есть и позволяет решить множество проблемных вопросов. Например, на данном сайте я добавлял правило для подсветки строк в таблице в контентной…

  • HighCharts. Скрытие и программный вызов Reset zoom.

    Не будем писать долгие вступительные речи и просто рассмотрим, как скрыть дефолтную и подключить кастомную кнопку Reset для Highcharts. Реализация, на самом деле достаточно проста: Сначала в параметрах диаграммы отключаем дефолтную кнопку: chart: { resetZoomButton: { theme: { display: ‘none’ } } } Далее добавляем на страницу новую кнопку и вешаем на неё обработчик: $(‘#resetZoom’).click(function()…

  • Php. Html. Как вставить кавычки в текстовое поле input?

    Очень простая и короткая статья о том, как вставить текст с кавычками в текстовое поле input[type=text]. Если задуматься — то проблема с выводом кавычек в input более, чем понятная — браузер считает кавычки вашей строки, как управляющие при разборе html и воспринимает соответственно. Для решения прибегнем к простой php-функции — htmlspecialchars(). $str = ‘Строка в…

  • Yii2. Как обновить GridView при помощи javascript?

    Очень частая задача при работе с Yii2, да и не только, — обновление GridView после каких-либо действий — например групповых операций — без перезагрузки страницы. Мы разберем пример решения задачи на Yii2. Для этого разметка должна выглядеть примерно таким образом: