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

Простой способ сохранить файл по нажатию кнопки на странице (HTML)

08.02.2018 Павел Грибов PHP

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

Решение:

В коде html страницы упоминаем скрытую форму:

<form method="post" action="inc/csvExport.php">
	<input type="hidden" name="csvBuffer" id="csvBuffer" value="" />
</form>

</form>

Добавляем туда же обработчик нажатия вида:

    $("#viewwork").click(function(){       
            document.forms[0].method='POST';
            document.forms[0].action=save_file.php; 
            document.forms[0].target='_self';
            document.forms[0].submit();  	    	    
       return false;
    });

$("#viewwork").click(function(){

document.forms[0].method='POST';

document.forms[0].action=save_file.php;

document.forms[0].target='_self';

document.forms[0].submit();

return false;

});

Ну код на сервере для:

save_file.php:

<?php

// Данный код создан и распространяется по лицензии GPL v3
// Изначальный автор данного кода - Грибов Павел
// http://грибовы.рф

$ex= "1;2;3;4;5;6;7";
 header("Content-type: application/msexcel");
    header("Accept-Ranges: bytes");
    header("Content-Length: " . strlen($ex));
    header("Content-Disposition: attachment; filename=rep_by_addr.csv");

?>

<?php

// Данный код создан и распространяется по лицензии GPL v3

// Изначальный автор данного кода - Грибов Павел

// http://грибовы.рф

$ex= "1;2;3;4;5;6;7";

header("Content-type: application/msexcel");

header("Accept-Ranges: bytes");

header("Content-Length: " . strlen($ex));

header("Content-Disposition: attachment; filename=rep_by_addr.csv");

csvExport.php:

<?php

// Данный код создан и распространяется по лицензии GPL v3
// Изначальный автор данного кода - Грибов Павел
// http://грибовы.рф

header('Content-type: application/vnd.ms-excel');
if (isset($_GET["csv"])==true){
    header("Content-Disposition: attachment; filename=file.csv");
} else {
    header("Content-Disposition: attachment; filename=file.xls");
};
header("Pragma: no-cache");

$buffer = $_POST['csvBuffer'];

try{
    echo $buffer;
}catch(Exception $e){

}
?>

<?php

// Данный код создан и распространяется по лицензии GPL v3

// Изначальный автор данного кода - Грибов Павел

// http://грибовы.рф

header('Content-type: application/vnd.ms-excel');

if (isset($_GET["csv"])==true){

header("Content-Disposition: attachment; filename=file.csv");

} else {

header("Content-Disposition: attachment; filename=file.xls");

};

header("Pragma: no-cache");

$buffer = $_POST['csvBuffer'];

try{

echo $buffer;

}catch(Exception $e){

}

Оставить комментарий html, javascript, php, сохранение файла

Установка курсора в позицию поля input или textarea на JavaScript

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

Кроссплатформенное решение, не требующее Jquery:

function getCaretPosition(ctrl) {
    if (document.selection) {
        ctrl.focus();
        var range = document.selection.createRange();
        var rangelen = range.text.length;
        range.moveStart('character', -ctrl.value.length);
        var start = range.text.length - rangelen;
        return {
            'start': start,
            'end': start + rangelen
        };
    } else if (ctrl.selectionStart || ctrl.selectionStart == '0') {
        return {
            'start': ctrl.selectionStart,
            'end': ctrl.selectionEnd
        };
    } else {
        return {
            'start': 0,
            'end': 0
        };
    }
}


function setCaretPosition(ctrl, start, end) {
    if (ctrl.setSelectionRange) {
        ctrl.focus();
        ctrl.setSelectionRange(start, end);
    } else if (ctrl.createTextRange) {
        var range = ctrl.createTextRange();
        range.collapse(true);
        range.moveEnd('character', end);
        range.moveStart('character', start);
        range.select();
    }
};

function getCaretPosition(ctrl) {

if (document.selection) {

ctrl.focus();

var range = document.selection.createRange();

var rangelen = range.text.length;

range.moveStart('character', -ctrl.value.length);

var start = range.text.length - rangelen;

return {

'start': start,

'end': start + rangelen

};

} else if (ctrl.selectionStart || ctrl.selectionStart == '0') {

return {

'start': ctrl.selectionStart,

'end': ctrl.selectionEnd

};

} else {

return {

'start': 0,

'end': 0

};

}

function setCaretPosition(ctrl, start, end) {

if (ctrl.setSelectionRange) {

ctrl.focus();

ctrl.setSelectionRange(start, end);

} else if (ctrl.createTextRange) {

var range = ctrl.createTextRange();

range.collapse(true);

range.moveEnd('character', end);

range.moveStart('character', start);

range.select();

}

};

Использование:

//прочитаем позицию с выделеним
outpz = getCaretPosition(document.getElementById('summpayme'));
//установим позицию с выделением
setCaretPosition(document.getElementById('summpayme'),outpz.start, outpz.end);

//прочитаем позицию с выделеним

outpz = getCaretPosition(document.getElementById('summpayme'));

//установим позицию с выделением

setCaretPosition(document.getElementById('summpayme'),outpz.start, outpz.end);

Оставить комментарий input, javascript, textarea, позиция курсора, установить

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, динамическая загрузка скриптов

« 1 … 5 6 7 8 9 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