Данфа
Поиск блогов...

Как подключить highlight.js (Подсветка синтаксиса)

CSS JavaScript
Подключить highlight.js на сайте довольно просто, для этого переходим на сайт: https://highlightjs.org/ выбираем все языки, которые необходимо посветить на вашем сайте и скачиваем архив (https://highlightjs.org/download/).
Распаковываем архим, файл highlight.pack.js и один из файлов стиля (css) помещаем на вашем сайте, далее между тегами <head> и </head> подключаем файл highlight.pack.js, прописывая:
Выделить
<script type="text/javascript" src="js/highlight.pack.js"></script>

И файл стиля, например vs.css:
Выделить
<link rel="stylesheet" href="css/vs.css" />

Еще один код, который надо вставить между тегами <head> и </head>:
Выделить
<script type="text/javascript">
    hljs.initHighlightingOnLoad();
</script>

Теперь тот код, что надо подсветить помещаем между тегами:
Выделить
<pre><code>
    <!-- Тут код, который необходимо подсветить -->
</code></pre>

Вот и всё!

Спасибо за внимание!...

Удалить пробелы в начале и в конце строки на jQuery

JavaScript Библиотека JS
Порой появляется необходимость удалить пробелы в начале и в конце строки, например, когда надо проверить поле формы на пустоту. Удаляются пробелы при помощи функции trim, предназначение этой функции, как раз для удаления пустого место с начала и конца строки. Делается это так:
Выделить
row = $.trim(row);

Чтобы убедиться, что функция действительно работает, могу предложить попробовать выполнить код ниже:
Выделить
var row = ' Библиотека jQuery      ';
alert('\'' + row + '\'');
row = $.trim(row);
alert('\'' + row + '\'');

Тут мы создаем переменную с пробелами в начале и в конце фразы "Библиотека jQuery". Функция alert, строчкой ниже, выведет окошко с сообщением:
' Библиотека jQuery '

Видно, что между фразой и кавычками имеются пробелы.
Дальше по коду, функция trim удаляет пробелы и отдает новое значение той же переменной.
Кстати писать функцию необходимо со знаком доллара, либо со словом jQuery (так: $.trim или так: jQuery.trim), в противном случаи, функция работать не будет и...

Массивы (JavaScript: Array)

JavaScript
Массив - это одна из разновидность объекта, чье предназначение - хранить различные значения.

Пустой массив:
Выделить
var a = [];

Или:
Выделить
var a = new Array();

Массив с четырьмя значениями:
Выделить
var family = [
    'Алексей',
    'Виктория',
    'Юлия',
    'Никита'
];

Или:
Выделить
var family = new Array(
    'Алексей',
    'Виктория',
    'Юлия',
    'Никита'
);

"Вытащить" значение из массива можно так family[0] (первое значение (Алексей)), family[1] (второе значение (Виктория)) и так далее.
Пример:
Выделить
var family = [
    'Алексей',
    'Виктория',
    'Юлия',
    'Никита'
];
alert(family[1]);

На экране появится окошко с именем "Виктория"....

Событие при изменении значения формы (JavaScript: onInput)

JavaScript
Событие onInput сработает, когда значение формы будет изменено.
Событие onInput не ждет потерю фокуса, оно срабатывает сразу же, как только значение будет изменено.
Пример:
Выделить
<input type="text" id="input" onInput="job();">

JavaScript:
Выделить
function job() {
    var input = document.getElementById('input');
    alert(input.value);
};

После изменения текста в форме, появится модальное окно с текстом из формы....

Как проверить существует ли функция на JS

JavaScript
Может потребоваться проверить существует ли функция или нет. Для проверки будем использовать оператор typeof, данный оператор возвращает информацию о типе операнда. Нам достаточно сравнить строчку, что вернет typeof со словом function. Делаем так:
Выделить
if (typeof NameFunction == 'function') { 
    alert('Функция существует.');
    NameFunction(); // Если функция существует и её необходимо запустить 
}
else {
    alert('Функция не существует.');
};

Код из пример выводит сообщение:
Функция не существует.

Так как функция NameFunction не существует. Если такую функцию создать, например:
Выделить
function NameFunction() {
    alert('Функция запущена');
};

То проверка выводит:
Функция существует.

А затем запустит саму функцию....