Коллеги, здравствуйте.
Я не силен в JS и понимаю, что мне еще расти и расти. Поэтому прошу указать на ошибки, разъяснить почему нужно писать по-другому, как написать правильно.
Я попытался написать простую функцию, которая бы добавляла на страницу блок, исходя из заданных параметров.
/*
imgPath - путь до изображения
titleText - название акции
altText - альтернативный текст
width - ширина
url - ссылка
timer - время таймера по истечении которого показывается баннер
*/
function popUpAction (imgPath,titleText,altText,width,url,timer) {
// ждем пока страница полностью загрузится
window.onload = function() {
// включаем строгий режим
"use strict";
// создаем наш блок для показа баннера
var actionHtml = '<div id="popup-action" style="width: ' + width + 'px"><a href="' + url + '" title="' + titleText + '"><img src="' + imgPath + '" alt="' + altText + '"></a></div>'
// вставляем элемент на страницу
var bodyElem = document.body;
bodyElem.insertAdjacentHTML("beforeEnd", actionHtml);
// показать баннер
function showBanner () {
document.getElementById('popup-action').className = "active";
}
// таймер показа
// если значение таймера выставлено, то запускаем таймер
if (timer){
var time = timer; // промежуточная переменная
setTimeout( function (time) {
showBanner ();
}, time);
}
// если нет, то показываем сразу
else{
showBanner ();
}
};
}
popUpAction (
'https://www.qcmyfilm.com/wp-content/uploads/2015/06/special-offer1.png',
'Текст заголовка у ссылки',
'Альтернативный текст у изображения',
'300',
'http://ya.ru',
0
);
