Web Мастерская
Контакт
  • Dolphin
    Dolphin
    Администратор

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

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

Как проверить событие: "window.onload"

JavaScript
Для проверки события: window.onload можно использовать: document.readyState: 
if (document.readyState == 'complete') {
	// Код JS
};
...

Как изменить ключ для объектов массива в JavaScript

JavaScript
Допустим, у нас есть неправильный массив (Неправильный потому что овощи перечислены, как фрукты): 
var fruits = [
	{fruit: 'potato'},
	{fruit: 'carrot'},
	{fruit: 'onion'}
];

Из этого массива необходимо сделать так (Назвать вещи своими именами): 
var vegetables = [
	{vegetable: 'potato'},
	{vegetable: 'carrot'},
	{vegetable: 'onion'}
];

Чтобы поправить наши данные, нам поможет метод map, чьё предназначение: создать новый массив с результатом вызова указанной функции для всех элементов массива. Делаем так: 
var vegetables = fruits.map(data => ({vegetable: data.fruit}));

И теперь у нас массив, который и хотели получить....

Как соединить два массива в один в JavaScript

JavaScript
Для соединения двух массивов будем использовать метод concat(), чьё предназначение: Вернуть новый массив, состоящий из массива, котором он был вызван, соединённого с другими массивом.

Допустим у нас есть два массива: 
const first  = [1, 2, 3];
const second = [4, 5, 6];

Делаем так: 
const common = first.concat(second);

Теперь common содержит в себе массив, состоящий из двух массивов:
[1, 2, 3, 4, 5, 6]
...

Cannot read properties of undefined (reading 'querySelector')

JavaScript Ошибка
Ошибка: Cannot read properties of undefined (reading 'querySelector') говорит о том, что метод: querySelector пытается обратиться к элементу, которого не существует.

Возможные решения:
  • Убедитесь, что элемент, к которому обращаетсь, существует, на самом деле.
  • Расположите JavaScript в нижнюю часть Вашего документа.
...

Карусель фотографий

CSS HTML JavaScript Библиотека JS
Для одной своей идеи, использовал карусель фотографий, взятую из интернета и переписанную под себя. Выложу, как было у меня. Карусель использует библиотеку jQuery, так что придется подключать её, хотя, переписать на чистый JavaScript не составит особого труда.

jQuery: 
var carouselID = 1, change = 8000;

function carouselStart() {
	if ($('div[data-carousel="carousel"]').length < 1) {
		return false;
	};

	$('div[data-carousel="carousel"]').each(function() {
		$(this).removeAttr('data-carousel').attr('id', 'carousel_' + carouselID);
		carousel('#carousel_' + carouselID);
		carouselID++;
	});
};

$(() => {
	carouselStart();
	window.setInterval(carouselStart, 3000);
});

function carousel(carouselID) {
	var $slr, $sls, interval, $selectors, $btns, currentIndex, nextIndex;
	var cycle = index => {
		var $currentSlide, $nextSlide, $currentSelector, $nextSelector;
		nextIndex        = index !== undefined ? index : nextIndex;
		$currentSlide    =
...
Реклама