Архивы javascript - Страница 8 из 11

JavaScript проверка попадания в рабочее время

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

Например, нам нужно, чтобы какаято часть страницы работала исключительно в рабочее время. Для этого реализуем проверку «попадания» в рабочее время.

<script>
//зададим рабочее время
worktime=[]
worktime[0]={start:10,end:23}; //воскресенье с 10 до 23
worktime[6]={start:10,end:23}; //суббота с 10 до 23
worktime[4]={start:10,end:23}; //четверг с 10 до 23
    
function IsWorkTime(worktime){
  var dt=new Date();
  var w=dt.getDay();
  if (typeof(worktime[w])!="undefined"){
      if (dt.getHours()>=worktime[w].start&dt.getHours()<=worktime[w].end){
	console.log("работаем!");
	return true;  	  	  
      } else {
	console.log("в это время не работаем!");
	return false;  	  
      };      
  } else {
    console.log("в этот день недели не работаем!");
    return false;  
  };
};
alert(IsWorkTime(worktime));
</script>

//зададим рабочее время

worktime=[]

worktime[0]={start:10,end:23}; //воскресенье с 10 до 23

worktime[6]={start:10,end:23}; //суббота с 10 до 23

worktime[4]={start:10,end:23}; //четверг с 10 до 23

function IsWorkTime(worktime){

var dt=new Date();

var w=dt.getDay();

if (typeof(worktime[w])!="undefined"){

if (dt.getHours()>=worktime[w].start&dt.getHours()<=worktime[w].end){

console.log("работаем!");

return true;

} else {

console.log("в это время не работаем!");

return false;

};

} else {

console.log("в этот день недели не работаем!");

return false;

};

alert(IsWorkTime(worktime));

</script>

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

Проверка наличия обьекта в javascript

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

for (i in obj_for_load) {		
 if (typeof obj_for_load[i]=="object") {
   console.log(obj_for_load[i]);
 }
}

for (i in obj_for_load) {

if (typeof obj_for_load[i]=="object") {

console.log(obj_for_load[i]);

}

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

Динамическая загрузка скриптов на JavaScript

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

В том случае если необходимо динамически подгрузить на страницу какие-то скрипты, возможно использовать например прообраз следующего кода:

window.onload=function(){
    if (typeof jQuery == 'undefined') {    
	dhtmlLoadScript("https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");
    };
	//проверяем, а подгрузился ли juery?
	var timerId = setInterval(function() {
	    if (typeof jQuery == 'undefined'){
		console.log("--еще не догрузился jquery..ждем..");
	    } else {
		dhtmlLoadScript("http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js");		
		console.log("--вроде jquery загрузился, гружу jquery-ui..");		
		clearInterval(timerId);
		var timerId2 = setInterval(function() {		
		    if (typeof $.ui == 'undefined'){
			console.log("--еще не догрузился jquery-ui..ждем..");
		    } else {
			clearInterval(timerId2);
			console.log("--вроде jquery-ui загрузился, инициализирую чат..");					
			mainchat();
		    };		    
		},1000);		
	    };	    
	}, 1000);	
	
};
function dhtmlLoadScript(url){
   var e = document.createElement("script");
   e.src = url;
   e.type="text/javascript";
   document.getElementsByTagName("head")[0].appendChild(e); 
}

window.onload=function(){

if (typeof jQuery == 'undefined') {

dhtmlLoadScript("https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");

};

//проверяем, а подгрузился ли juery?

var timerId = setInterval(function() {

if (typeof jQuery == 'undefined'){

console.log("--еще не догрузился jquery..ждем..");

} else {

dhtmlLoadScript("http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js");

console.log("--вроде jquery загрузился, гружу jquery-ui..");

clearInterval(timerId);

var timerId2 = setInterval(function() {

if (typeof $.ui == 'undefined'){

console.log("--еще не догрузился jquery-ui..ждем..");

} else {

clearInterval(timerId2);

console.log("--вроде jquery-ui загрузился, инициализирую чат..");

mainchat();

};

},1000);

};

}, 1000);

};

function dhtmlLoadScript(url){

var e = document.createElement("script");

e.src = url;

e.type="text/javascript";

document.getElementsByTagName("head")[0].appendChild(e);

}

в данном случае в целях кроссбраузерности, используется проверка по таймеру, загрузился код или нет, ибо в файрефоксе идет последовательная загрузка кода, а в хроме паралельная. В связи с чем, может возникать ситуация дальнейшего выполнения кода, при еще не подгруженных скриптах.

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

Добавление текста в буфер обмена на JavaScript

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

Необходимо скопировать в буфер обмена некий текст. Задача осложнаяется тем, что браузеры позволяют скопировать в буфер, в целях безопасности только программно выделенный текст. Т.е. не получится скопировать в буфер любой текст, а возможно только тот, который находится в тегах типа input, textarea и т.п.

Решение:

Работать будет только в сборках браузеров старше 2015года!

Выводим на странице скрытый текстовый блок

<textarea style="display:none;" id="url_to_copy"></textarea>

1

<textarea style="display:none;" id="url_to_copy"></textarea>
По нажатию кнопки «Скопировать», показываем этот блок. К сожалению иначе выделение не работает, приходится показывать.
Заносим в этот блок текст необходимый для копирования в буфер
Программно выделяем текст
Убираем с глаз долой этот текстовый блок.

Как показывает практика при умелом «прятаньи» этого блока в тексте страницы, пользователь ничего не замечает.

Пример кода:

           
$("#url_to_copy" ).show();
url="https://nocfcefertelesererfe.ru/index.php?content_page=lanbilling/sos&billing_id="+$("#blibase").val()+"&agrm_id="+id;            
$("#url_to_copy").val(url);           
url_to_copy.select();
document.execCommand("copy");
$("#url_to_copy").attr("display:none");

$("#url_to_copy" ).show();

url="https://nocfcefertelesererfe.ru/index.php?content_page=lanbilling/sos&billing_id="+$("#blibase").val()+"&agrm_id="+id;

$("#url_to_copy").val(url);

url_to_copy.select();

document.execCommand("copy");

$("#url_to_copy").attr("display:none");

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

Синхронная загрузка ajax при использовании jQuery

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

Задача: строго последоватально подгрузить код на страницу.

Решение:

  $.ajax({
        url: "controller/server/lanbilling/listgrp.php?blibaseid="+blibaseid,        
        async: false                
    }).done(function(data) {	    
	    $("#grpd").html(data);            	
    });

$.ajax({

url: "controller/server/lanbilling/listgrp.php?blibaseid="+blibaseid,

async: false

}).done(function(data) {

$("#grpd").html(data);

});

Конечно это считается не правильным подходом, т.к. в целом замедляет загрузку страницы. Однако в некоторых случая это просто необходимо. Например, когда нужно получить некое значение из загружаемого участка, а участок не понятно, уже подгрузился или еще нет.

Оставить комментарий ajax, async, javascript, sync, синхронная загрузка, синхронное выполнение

« 1 … 6 7 8 9 10 11 »

Пн	Вт	Ср	Чт	Пт	Сб	Вс
				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