Архивы javascript - Страница 4 из 10

Загрузка js и css «по требованию»

25.05.2021 Павел Грибов WEB

Задача: по какому то условию (ну в моем случае это загрузка скрипта «Тура по сайту» если вдруг пользователь его не проходил), необходимо до грузить дополнительные JS и CSS файлы, а по завершению их загрузки — запустить.

Решение:

function TourStart(){
    if ((localStorage.getItem(document.location.pathname+"_tour")==null)||(localStorage.getItem(document.location.pathname+"_tour")==false)){
        element = document.createElement("script");
        element.src = "https://shepherdjs.dev/dist/js/shepherd.js";
        element.addEventListener('load', () => {
            console.log("--загружаем тур!");
            element = document.createElement("script");
            element.src = "/js/tour.min.js";
            document.body.appendChild(element);
        });
        document.body.appendChild(element);
        element = document.createElement("link");
        element.href = "https://shepherdjs.dev/dist/css/shepherd.css";
        element.rel="stylesheet"
        document.body.appendChild(element);        
        
    };
};

console.log("-- main.js загружен");
$(document).ready(function() {
   TourStart(); // стартовать тур по странице если нужно..
});

function TourStart(){

if ((localStorage.getItem(document.location.pathname+"_tour")==null)||(localStorage.getItem(document.location.pathname+"_tour")==false)){

element = document.createElement("script");

element.src = "https://shepherdjs.dev/dist/js/shepherd.js";

element.addEventListener('load', () => {

console.log("--загружаем тур!");

element = document.createElement("script");

element.src = "/js/tour.min.js";

document.body.appendChild(element);

});

document.body.appendChild(element);

element = document.createElement("link");

element.href = "https://shepherdjs.dev/dist/css/shepherd.css";

element.rel="stylesheet"

document.body.appendChild(element);

};

console.log("-- main.js загружен");

$(document).ready(function() {

TourStart(); // стартовать тур по странице если нужно..

});

Оставить комментарий javascript, загрузка

JavaScript именованные массивы как набор записей

18.03.2021 Павел Грибов WEB

Обычно для этой цели используют конструкцию Map, однако лично мне не нравится его синтаксис, когда для доступа необходимо использовать get /set. Поэтому я обычно использую создание объекта. Т.е. получается что-то вроде:

// набор записей
TBokings=new Object();
TBokings={
  x:0,
  x1:0,
  starttime:"12:00",
  endtime:"13:00",
  status:"busy"
};
// сам массив
ArrBooking=new Array();

///добавление в массив
  TBokings.x=startRectX;
  TBokings.x1=EndRectX;
  TBokings.starttime=item.DtFrom_UTC;
  TBokings.endtime=item.DtTo_UTC;
  TBokings.status="busy";
  ArrBooking.push(Object.assign({}, TBokings));      

// перебор массива

ArrBooking.forEach(function(item){
	console.log(item);
});

// набор записей

TBokings=new Object();

TBokings={

x:0,

x1:0,

starttime:"12:00",

endtime:"13:00",

status:"busy"

};

// сам массив

ArrBooking=new Array();

///добавление в массив

TBokings.x=startRectX;

TBokings.x1=EndRectX;

TBokings.starttime=item.DtFrom_UTC;

TBokings.endtime=item.DtTo_UTC;

TBokings.status="busy";

ArrBooking.push(Object.assign({}, TBokings));

// перебор массива

ArrBooking.forEach(function(item){

console.log(item);

});

Оставить комментарий javascript, map, object, именованый массив, набор записей

Javascript: конвертация даты и строки в тип Date

18.02.2021 Павел Грибов WEB

Задача: преобразовать строку вида 18.02.2021 10:12 в переменную javascript типа дата.

Решение: создадим универсальный прототип конвертирования для строки:

String.prototype.toDateFromat = function(format){
  var normalized      = this.replace(/[^a-zA-Z0-9]/g, '-');
  var normalizedFormat= format.toLowerCase().replace(/[^a-zA-Z0-9]/g, '-');
  var formatItems     = normalizedFormat.split('-');
  var dateItems       = normalized.split('-');

  var monthIndex  = formatItems.indexOf("mm");
  var dayIndex    = formatItems.indexOf("dd");
  var yearIndex   = formatItems.indexOf("yyyy");
  var hourIndex     = formatItems.indexOf("hh");
  var minutesIndex  = formatItems.indexOf("ii");
  var secondsIndex  = formatItems.indexOf("ss");

  var today = new Date();

  var year  = yearIndex&gt;-1  ? dateItems[yearIndex]    : today.getFullYear();
  var month = monthIndex&gt;-1 ? dateItems[monthIndex]-1 : today.getMonth()-1;
  var day   = dayIndex&gt;-1   ? dateItems[dayIndex]     : today.getDate();

  var hour    = hourIndex&gt;-1      ? dateItems[hourIndex]    : today.getHours();
  var minute  = minutesIndex&gt;-1   ? dateItems[minutesIndex] : today.getMinutes();
  var second  = secondsIndex&gt;-1   ? dateItems[secondsIndex] : today.getSeconds();

  return new Date(year,month,day,hour,minute,second);
};

String.prototype.toDateFromat = function(format){

var normalized = this.replace(/[^a-zA-Z0-9]/g, '-');

var normalizedFormat= format.toLowerCase().replace(/[^a-zA-Z0-9]/g, '-');

var formatItems = normalizedFormat.split('-');

var dateItems = normalized.split('-');

var monthIndex = formatItems.indexOf("mm");

var dayIndex = formatItems.indexOf("dd");

var yearIndex = formatItems.indexOf("yyyy");

var hourIndex = formatItems.indexOf("hh");

var minutesIndex = formatItems.indexOf("ii");

var secondsIndex = formatItems.indexOf("ss");

var today = new Date();

var year = yearIndex>-1 ? dateItems[yearIndex] : today.getFullYear();

var month = monthIndex>-1 ? dateItems[monthIndex]-1 : today.getMonth()-1;

var day = dayIndex>-1 ? dateItems[dayIndex] : today.getDate();

var hour = hourIndex>-1 ? dateItems[hourIndex] : today.getHours();

var minute = minutesIndex>-1 ? dateItems[minutesIndex] : today.getMinutes();

var second = secondsIndex>-1 ? dateItems[secondsIndex] : today.getSeconds();

return new Date(year,month,day,hour,minute,second);

};

dt="18.02.2021 10:35:00".toDateFromat("dd.mm.yyy hh:ii:ss");

1	dt="18.02.2021 10:35:00".toDateFromat("dd.mm.yyy hh:ii:ss");

Результат:

Оставить комментарий javascript, дата, строка, строка в дату

JavaScript: Проверка пароля на сложность

12.02.2021 Павел Грибов WEB

Задача: необходимо проверить пароль на сложность по критериям:

есть маленькие буквы
есть большие буквы
есть специальные символы
пароль длиннее 7 символов

Ну в принципе подойдет чтото-вроде:

function PasswordValidTest(pass){
        var count = 0;    
        count += /[a-z]/.test(pass) ? 1 : 0; //есть маленькие буквы
        count += /[A-Z]/.test(pass) ? 1 : 0; //есть большие буквы
        count += /\d/.test(pass) ? 1 : 0;   
        count += /[^\w\d\s]/.test(pass) ? 1 : 0;
        (count>2 & !/[\s]+/.test(pass)) ? res=true:res=false;    
        if ((res==true)&&(pass.length<7)) res=false;
     return res;   
}

function PasswordValidTest(pass){

var count = 0;

count += /[a-z]/.test(pass) ? 1 : 0; //есть маленькие буквы

count += /[A-Z]/.test(pass) ? 1 : 0; //есть большие буквы

count += /\d/.test(pass) ? 1 : 0;

count += /[^\w\d\s]/.test(pass) ? 1 : 0;

(count>2 & !/[\s]+/.test(pass)) ? res=true:res=false;

if ((res==true)&&(pass.length<7)) res=false;

return res;

}

Ну и в нагрузку проверка Email:

function EmailValidTest(email){
 var re = /^[\w-\.]+@[\w-]+\.[a-z]{2,4}$/i;   
 return re.test(email);
};
function EmailValidRulesTest(email){
  validmails=['@mail.ru','@yandex.ru','@ya.ru','@list.ru','@inbox.ru','@gmail.com','@icloud.com','@bk.ru'];  
  re=false;  
  validmails.forEach(function(item, i, validmails){
    if (email.indexOf(item)!==-1) re=true;
  });   
  return re;
};

function EmailValidTest(email){

var re = /^[\w-\.]+@[\w-]+\.[a-z]{2,4}$/i;

return re.test(email);

};

function EmailValidRulesTest(email){

validmails=['@mail.ru','@yandex.ru','@ya.ru','@list.ru','@inbox.ru','@gmail.com','@icloud.com','@bk.ru'];

re=false;

validmails.forEach(function(item, i, validmails){

if (email.indexOf(item)!==-1) re=true;

});

return re;

};

Оставить комментарий javascript, проверка пароля, сложность

JavaScript: строка в число

08.12.2020 Павел Грибов WEB

На JavaScript в отличие от PHP нет «ленивого» перевода строки в число «одной строчкой». Их нужно чуть больше ;), а именно две:

cur=Number.parseInt("10");
if (Number.isNaN(cur)){cur=0;};
console.log("-а ввели: "+cur);

cur=Number.parseInt("10");

if (Number.isNaN(cur)){cur=0;};

console.log("-а ввели: "+cur);

Зачем? А чтобы закрыть случай, когда строка совсем не число. PHP по умолчанию вернул бы 0, а JavaScript возвращает Nan.

Оставить комментарий isNan, javascript, строка в число

« 1 2 3 4 5 6 … 10 »

Пн	Вт	Ср	Чт	Пт	Сб	Вс
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31