Web Мастерская
Контакт

Web Мастерская»Блог

Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.
Поиск блогов...

Массивы (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: onBlur)

JavaScript
Событие при потере фокуса onBlur используется, например, для проверки введенных данных в форму. 
function job() {
    // Код функции выполняемый при потере фокуса
};

Вызов функции job: 
<input type="text" id="input" onBlur="job();">

Для примера поставлю задачу - получить строку введенную в input, удалив пробелы в начале и в конце, посчитать количество введенных символов, если символов менее трех, то вывести сообщение об нехватки символов в строке. Если символов три или более ни чего не выводить.
Решение: 
function job() {
    var text = document.getElementById('input').value;
    text = text.replace(/(^\s*)|(\s*)$/g, '');
    if (text.length < 3) {
        alert('Символов должно быть не менее трех.');
    };
};

Как только фокус будет потерян в input, функция начнет выполнятся....

Динамическое обновление контента (Без перезагрузки страницы Ajax jQuery)

JavaScript Библиотека JS Контент
Потребовалось постоянное обновление одного блока страницы, без перезагрузки самой страницы, на мой взгляд лучшее решение это использовать AJAX. Вот как я сделал обновляющий блок:
В шапку сайта подключил jQuery: 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

Строчкой ниже написал небольшой JS: 
<script type="text/javascript">
function mode() {
    $.ajax({
        url: 'mode.php',
        success: function(data) {
            $('#display').html(data);
        }
    });
};

setInterval(mode, 10000);
</script>

В шаблоне странице, там, где мне нужен самообновляющийся блок добавляю DIV: 
<div id="display"></div>

Вот и все, теперь блок работает, как и было задумано!

Что же за строки кода я такие тут нагородил?
Думаю,что про подключенный файл jquery.min.js объяснять не стоит, тут и так понятно, но если, что, то: Как подключить библиотеку jQuery. Вот дальше я создал функцию JS mode(), которая вызывает функцию $.ajax() с...

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

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

JavaScript: 
function job() {
    var input = document.getElementById('input');
    alert(input.value);
};

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

Google AdSense

Google AdSense – это бесплатная программа, позволяющая издателям веб-сайтов зарабатывать на показе релевантных объявлений в различного рода контенте, включая:
- Результаты поиска по сайту - добавьте на свой сайт систему пользовательского поиска – и получайте доход от показа объявлений на страницах результатов.
- Веб-сайты - показывайте на своем сайте объявления, подобранные по интересам вашей аудитории, и получайте деньги за действительные клики и показы.
- Веб-страницы и приложения для устройств - показывайте нужную рекламу в нужное время, когда ваши пользователи выполняют поиск с устройств.

Начать зарабатывать с Google AdSense можно по ссылке: https://www.google.com/adsense/
Правила программы AdSense: https://www.google.c ... p;utm_medium=et
Сообщить о нарушении: https://support.goog ... shooter/1190500
Форма для выявления причины проблем с показом объявлений: https://support.goog ... ant_see_ad?rd=1
Проблемы с получением PIN кода: https://support.goog ... r/1094206?hl=ru

Как прове

...
Реклама