-
Yii2. Как установить свой favicon?
Установка favicon — процес привычный и обязательный для любого проекта. В этой статье приведу простой пример, как установить favicon средствами Yii2. Решение, как Вы понимаете, достаточно простое. Смотрите пример: $this->registerLinkTag([‘rel’ => ‘icon’, ‘type’ => ‘image/png’, ‘href’ => Url::to([‘/favicon.png’])]); Данный код должен быть вызван из представления или слоя. Если же нужно вызвать его, например, из контроллера…
-
Javascript. jQuery. Как преобразовать объект в JSON-строку?
Недавно стала простая, но в то же время нетипичная задача, в которой следовало превратить обычный javascript-объект в JSON-строку, которая далее передавалась в БД. В поисках решения отправился в Google, который и подсказал простое и эффективное решение. Итак, нам достаточно воспользоваться методом JSON.stringify: JSON.stringify( some_obj ) ; Пример работы можно посмотреть здесь. Чтобы обеспечить поддержку самыми…
-
Javascript. jQuery. Реализация цикла foreach.
В php есть очень удобный цикл перебора массивов — foreach. К сожалению, в Javascript нет его прямого аналога, но нужный нам функционал обеспечит jQuery. Сразу скажу, что цикл foreach, по своей сути, необходим для перебора ассоциативных массивов, которыми в javascript являются объекты. Для перебора простых массивов следует использовать следующий вариант: var array = [1, 3,…
-
CKEditor. Как получить содержимое редактора?
Необходимость получить содержимое CKEditor — задача более, чем частая. Именно поэтому она более, чем проста в реализации. Все, что от Вас требуется — вызвать следующий код, указав при этом ID исходной textarea. console.log( CKEDITOR.instances[‘some_textarea_idgetData() ); Вот и все. Вставьте этот код в нужное место и в Вашей консоли появится содержимое Вашего CKEditor. Удачи!
-
CKEditor. Как обновить или установить текст в редакторе?
При работе с CKEditor очень часто встречается задача установки или обновления его содерожимого. Задача это очень простая, поэтому без раздумий беремся за её решение. CKEditor спроектировн очень удачно, поэтому подобные действия не вызывают никаких затруднений. Нам нужно всего лишь вызвать следующий метод, указав при этом ID исходной textarea: CKEDITOR.instances[‘some_textarea_id’].setData( string_variable ); Вот и всё. Конечно…
-
Css. Подсветка четных и нечетных строк.
Табличный вывод очень плохо визуально читается если не выделять четные и нечетные строки какой-то особенностью — например, легким оттенком фонового цвета. Как при помощи css реализовать подсветку четных и нечетных строк таблицы я покажу в этой короткой статье. Итак, все, что нам нужно — это понимание селектора nth-child. Пример стилей, прописанных в моем блоге для…
-
Bootstrap. Как добавить иконку к кнопке?
Немного, казалось бы, очевидный вопрос, — но, как оказалось, часто встречаемый в интернете. Посмотрим, как мы можем вставить иконку в кнопку на bootstrap. Для начала приведу линк на перечень доступных икoнок. Что касается самого кода — то он также очень прост: Sign in Здесь мы видим обычный button с bootstrap-классами btn btn-primary, внутри которого размещена…
-
Javascript. Аналог функции str_replace с php.
При работе одновременно и на back- и на front-side иногда не хватает каких-то удобств одного языка при работе со вторым. Например, в Javasript не хватает полного аналога php-функции str_replace. На самом деле, аналог, как-бы вроде и есть. Это функция replace: var str = «Foo Bar Foo»; str = str.replace(«Foo», «!»); Но, несмотря на наши ожидания…
-
Php. Как сделать первую букву в строке заглавной?
Сейчас приведу пример метода, который делает заглавной первую букву в строке, при этом остальные буквы, по желанию, могут принудительно перевестись в нижний регистр. На авторство не претендую — метод был найден на просторах интернета: public static function ucfirst($str, $lowerEnd = false, $encoding = ‘UTF-8’) { $firstLetter = mb_strtoupper(mb_substr($str, 0, 1, $encoding), $encoding); if ($lowerEnd) {…
-
jQuery. Подключение обработчиков для новых элементов через on()
При создании новых элементов на странице, к ним неизбежно нужно прикреплять обработчики событий, при помощи метода on(). Сейчас покажу действенный пример, как сделать это верно, чтобы никогда не допускать потер времени на столь простом вопросе. Ниже пример кода: $(‘#some-wrapper’).on(‘click’, ‘a.new-link’, function(e) { alert(‘Callback!!!’); e.preventDefault(); }); Пример достаточно прост. Здесь #some-wrapper — селектор неизменной обертки —…