Блоги

Dolphin

Как передать переменную из JavaScript в PHP

В интернете наткнулся на одну статью, где говорилось, как передать переменную с JS в PHP. Автор статьи показывает пример, как это сделать (Внимание: код не верный):

<script type="text/javascript">
<?php $value = ' + value + '; ?>
</script>

Автор гарантирует, что именно так можно передать переменную в PHP. Мне показалось, что я чего то не понял, что возможно автор имел введу, что то другое, но перечитав статью еще раз, понял, что я все правильно понял, что имел введу автор "писанины"!
Ссылаться на эту статью я не буду, называть автора тоже не буду.

Подобные статьи могут завести человека в тупик, так как данная статья рассказывает совершенно о неверном способе передачи переменной с JS в PHP. Меня однажды подобная статья сбила с толку... Если рассуждать логически - PHP работает на стороне сервера и не может быть понятым браузером, а JS выполняется браузером, то есть на компьютере у пользователя и если в браузере будет PHP код, неважно что функция или переменная, он будет принят, как...

Жалоба

Событие onError (JavaScript)

JavaScript

Событие onError - выполняется при возникновении ошибки загрузки картинки или документа в целом.

Пример использования:

<img src="img.png" alt="" onError="alert('Ошибка загрузки картинки.');">

Пример с использованием метода addEventListener:

<img src="img.png" alt="" id="image">

<script type="text/javascript">
var image = document.getElementById('image');

image.addEventListener('error', problem);

function problem() {
    alert('Ошибка загрузки картинки.');
};
</script>

...

Жалоба

Цикл for в JavaScript

for - создает цикл с начальным состоянием, условием и операцией обновления текущего состояния.

Пример синтаксиса:

for ([Начальное выражение]; [Состояние]; [Окончательное выражение]) {
    // Какие то действия
};

Начальное выражение - Объявление переменной счетчика. Переменную можно объявить при помощи оператора var.
Состояние - Проверка: выполнять ли следующею итерацию. Если проверка вернет true, значит цикл выполнит еще одну итерацию, если false, значит цикл заканчивает свое выполнение.
Окончательное выражение - Вычисление после каждой итерации (что следует делать). Обычно это прибавление единицы.

Допустим, у нас есть массив day с четырьмя элементами и нам надо каждый элемент, по очереди вывести на экран через alert. Делать будем через цикл for, конечно же! Нам необходимо посчитать количество элементов в массиве, считаем свойством length. Делаем так:

var day = ['Утро', 'День', 'Вечер', 'Ночь'];

for (var i = 0; i < day.length; i++) {
    alert(day[i]);
};

Теперь на экране поочередно...

Жалоба

Добавление контента при помощи JavaScript (Не замена)

JavaScript

Многие задают вопрос, как добавить информацию в блок на JavaScript, при чем в блоке уже имеется какая то информация и надо именно добавить, а не заменить. Если сделать так:

document.getElementById('content').innerHTML = 'Новая информация';

То все, что находится в блоке с id: content будет заменено на Новая информация, то что было до вставке, будет стерто. Сейчас я расскажу, как можно избежать удаления и сделать именно добавление контента.

Наверное, самый простой (займет всего одну строчку) - добавление контента при помощи +, мы просто добавляем знак плюса перед знаком равно (=), вот так:

document.getElementById('content').innerHTML += 'Новая информация';

Теперь текст Новая информация будет добавлен в конец информации в блоке.

Еще один вариант добавления контента при помощи метода appendChild. Предназначение данного метода - добавление узла в указанный ему элемент. Узел добавляется в конец. Делаем так:

var div = document.createElement('div');             // Создаем блок

...

Жалоба

Как добавить новые элементы в массив на JavaScript

JavaScript

Покажу один простой пример, как можно добавить новые элементы в уже существующий массив. Для этого я буду использовать функцию push(). Предназначение данной функции как раз таки добавлять один или несколько элементов в конец массива. Перехожу к примеру работы функции:

var arr = [1, 2, 3]; // Массив: 1, 2, 3
arr.push(4);         // Добавляем один элемент ("4") в конец массива "arr"
arr.push(5, 6);      // Добавляем два элемента ("5", "6") в конец массива "arr"
arr.push(7, 8, 9);   // Добавляем три элемента ("7", "8", "8") в конец массива "arr"

Теперь наш массив arr выглядит так:

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; // Массив: 1, 2, 3, 4, 5, 6, 7, 8, 9

Если надо добавить в массив элементы из другого массива, скажем из arr2 в arr1, то это можно сделать перебором, при помощи цикла for, например. Делаем так:

for (i = 0; i < arr2.length; i++) {
    arr1.push(arr2[i]); // Добавляем один элемент ("i") в конец массива "arr" при каждой итерации
};

После выполнения цикла получим вот такой...

Жалоба