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

Курсор в конец textarea

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

Например у вас в textarea длинный текст. Вам необходимо отобразить конце скролла.

<?php
echo "<textarea name='ttx' id='ttx' class='span12' rows=20>";
echo "$code";
echo "</textarea>";
?>

<script>
jQuery.fn.putCursorAtEnd = function() {
  return this.each(function() {
    $(this).focus()
    if (this.setSelectionRange) {
      var len = $(this).val().length * 2;
      this.setSelectionRange(len, len);   
    } else {
      $(this).val($(this).val());      
    }
    this.scrollTop = 999999;
  });

};
    $("#ttx").putCursorAtEnd(); 
 </script>

<?php

echo "<textarea name='ttx' id='ttx' class='span12' rows=20>";

echo "$code";

echo "</textarea>";

jQuery.fn.putCursorAtEnd = function() {

return this.each(function() {

$(this).focus()

if (this.setSelectionRange) {

var len = $(this).val().length * 2;

this.setSelectionRange(len, len);

} else {

$(this).val($(this).val());

}

this.scrollTop = 999999;

});

};

$("#ttx").putCursorAtEnd();

</script>

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

jqgrid маленькие не очевидные хитрости…

30.04.2015 Павел Грибов PHP, WEB

1) Кнопка со своей иконкой в панели навигации:

    jQuery("#sbss_tickets").jqGrid('navButtonAdd',"#sbss_tickets_pager",{
        buttonicon: "ui-icon-blank", //или "none"
        caption:"<img src='controller/client/themes/"+theme+"/ico/flag_green.gif'>Об.платеж",                              
        position: "last",
        title: "Абонент взял обещаный платеж",
	onClickButton:function(){
                    var id = jQuery("#list2").jqGrid('getGridParam','selrow');
                        if (id)	{
                            alert(id);
                          //$( "#tposts" ).dialog("open" );                             
                       } else {alert("Выберите пользователя!");};
                } 
    });

jQuery("#sbss_tickets").jqGrid('navButtonAdd',"#sbss_tickets_pager",{

buttonicon: "ui-icon-blank", //или "none"

caption:"<img src='controller/client/themes/"+theme+"/ico/flag_green.gif'>Об.платеж",

position: "last",

title: "Абонент взял обещаный платеж",

onClickButton:function(){

var id = jQuery("#list2").jqGrid('getGridParam','selrow');

if (id) {

alert(id);

//$( "#tposts" ).dialog("open" );

} else {alert("Выберите пользователя!");};

}

});

2) Разделитель кнопок

    jQuery("#sbss_tickets").jqGrid('navSeparatorAdd',
            "#sbss_tickets_pager",
            {sepclass : 'ui-separator',sepcontent: ''}
        );

jQuery("#sbss_tickets").jqGrid('navSeparatorAdd',

"#sbss_tickets_pager",

{sepclass : 'ui-separator',sepcontent: ''}

);

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

Дерево на jquery с «drag and drop»

08.10.2014 Павел Грибов PHP, WEB

Для того чтобы организовать хранение дерева, массив данных должен содержать как минимум два параметра: id записи, и child — т.е. в иерархии к какой id относится эта запись. Пример child =0, если запись в «корне». Например структура в mysql в простейшем случае может быть такой: id,name,address,child

Для непосредственного отображения дерева удобно пользоваться jquery плагином dynatree. При перетаскивании элементов дерева при помощи «drag and drop», состояние ветвей записывается в БД. Ниже пример кода, какой он может быть: » Читать далее

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

Пример реализации прогресса на WEB странице

03.10.2014 Павел Грибов PHP, WEB

Задача: показать прогресс..ну например отправки большого количества СМС.

//запускаю таймер с периодическим срабатыванием
          var timer = setInterval(function() {
            //  отображаю прогрессбар                

$("#list2").load('predplatsmssendprogress.php?orgid='+defaultorgid+"&blibase="+$("#blibase").val()+"&grp="+$("#grp").val());                                
            }, 2000);
            // запускаю рассылку СМС
            smstxt=$("#smstext").val();
            $.get("smssend.php?orgid="+defaultorgid+"&blibase="+$("#blibase").val()+"&grp="+$("#grp").val(), { smstxt: smstxt} , function(data){                
                clearInterval(timer);
// рисуем что всё ок
                alert("Работу закончил хозяин");            
            });

//запускаю таймер с периодическим срабатыванием

var timer = setInterval(function() {

// отображаю прогрессбар

$("#list2").load('predplatsmssendprogress.php?orgid='+defaultorgid+"&blibase="+$("#blibase").val()+"&grp="+$("#grp").val());

}, 2000);

// запускаю рассылку СМС

smstxt=$("#smstext").val();

$.get("smssend.php?orgid="+defaultorgid+"&blibase="+$("#blibase").val()+"&grp="+$("#grp").val(), { smstxt: smstxt} , function(data){

clearInterval(timer);

// рисуем что всё ок

alert("Работу закончил хозяин");

});

Оставить комментарий html, javascript, php, progressbar, web, прогресс бар

Экспорт из jqGrid в Excel часть 2

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

Описанный вот здесь способ таки оказался неудобен. Однако я вспомнил что Excel отлично открывает файл в формате xml. И формат этот хорошо описан здесь. Так почему бы не формировать xml файл? Сказано — сделано. Код видоизменился в :

function exportExcel(list)
        {
            var mya=new Array();
            mya=$(list).getDataIDs(); 
            var data=$(list).getRowData(mya[0]);  
            var colNames=new Array(); 
            var ii=0;
            for (var i in data){colNames[ii++]=i;}
            var html="";            
            headxls="<?xml version='1.0'?><?mso-application progid='Excel.Sheet'?>"+"\n";
            sworkbook="<Workbook xmlns='urn:schemas-microsoft-com:office:spreadsheet' xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns:ss='urn:schemas-microsoft-com:office:spreadsheet' xmlns:html='http://www.w3.org/TR/REC-html40'>"+"\n";
            eworkbook="</Workbook>"+"\n";
            styles="<Styles>"+"\n"+
                    "<Style ss:ID='borderedbold'>"+"\n"+
                    "<Borders>"+"\n"+
                    "	  <Border ss:Position='Bottom' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+
                    "	  <Border ss:Position='Left' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+
                    "	  <Border ss:Position='Right' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+
                    "	  <Border ss:Position='Top' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+
                    "</Borders>"+"\n"+
                    "<Font ss:Bold='1' /> "+"\n"+
                    "</Style>"+"\n"+
                    "<Style ss:ID='bordered'>"+"\n"+
                    "<Borders>"+"\n"+
                    "	  <Border ss:Position='Bottom' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+
                    "	  <Border ss:Position='Left' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+
                    "	  <Border ss:Position='Right' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+
                    "	  <Border ss:Position='Top' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+
                    "</Borders>"+"\n"+                    
                    "</Style>"+"\n"+                    
                    "</Styles> "+"\n";
            sworksheet="<Worksheet ss:Name='WorksheetName'>"+"\n";
            eworksheet="</Worksheet>"+"\n";
            stable="<Table>"+"\n";
            etable="</Table>"+"\n";
            columnw=""+
                    "<Column ss:Index='1' ss:AutoFitWidth='0' ss:Width='60' /> "+"\n"+
                    "<Column ss:Index='2' ss:AutoFitWidth='0' ss:Width='200' /> "+"\n"+
                    "<Column ss:Index='3' ss:AutoFitWidth='0' ss:Width='200' /> "+"\n"+
                    "<Column ss:Index='4' ss:AutoFitWidth='0' ss:Width='130' /> "+"\n"+
                    "<Column ss:Index='5' ss:AutoFitWidth='0' ss:Width='130' /> "+"\n"+
                    "<Column ss:Index='6' ss:AutoFitWidth='0' ss:Width='120' /> "+"\n";
            headcolumn=""+
                    	"<Row>"+"\n"+
			"   <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Номер</Data></Cell>"+"\n"+
			"   <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Склад</Data></Cell>"+"\n"+
			"   <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Номенклатура</Data></Cell>"+"\n"+
			"   <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Серия</Data></Cell>"+"\n"+
			"   <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Дата окончания</Data></Cell>"+"\n"+
			"   <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Количество</Data></Cell>"+"\n"+
			"</Row> "+"\n";
            
            html=html+headxls+sworkbook+styles+sworksheet+stable+columnw+headcolumn;
            
            for(i=0;i<mya.length;i++)
                {
                data=$(list).getRowData(mya[i]); 
                html=html+"<Row>"+"\n";
                for(j=0;j<colNames.length;j++)
                    {
                    html=html+"<Cell ss:StyleID='bordered'><Data ss:Type='String'>"+data[colNames[j]]+"</Data></Cell>"+"\n";                        
                    }
                html=html+"</Row>"+"\n";
                }
            html=html+etable+eworksheet+eworkbook;
            
            document.forms[0].csvBuffer.value=html;
            document.forms[0].method='POST';
            document.forms[0].action='inc/csvExport.php'; 
            document.forms[0].target='_blank';
            document.forms[0].submit();
        };
function ViewReports(list,pager){
jQuery(list).jqGrid({
   	url:'controller/server/operreports/viewremainssert.php',
	datatype: "json",
   	colNames:['Id','Склад','Номенклатура','Серия','Дата окончания','Количество'],
   	colModel:[
   		{name:'id',index:'id', width:20},
                {name:'sklad',index:'sklad', width:155, width:155,summaryType:'count', summaryTpl : '({0}) Всего:'},
   		{name:'namenome',index:'namenome', width:100},
		{name:'seria',index:'seria', width:100},
   		{name:'dtend',index:'dtend', width:100},
                {name:'kol',index:'kol', width:100,sorttype:'number',formatter:'number', summaryType:'sum'}
   	],
        grouping: true,
   	groupingView : {
   		groupField : ['sklad'],
   		groupText : ['<b>{0}</b>'],
                groupCollapse : true,
		groupSummary : true,
   	},        
        
        viewrecords: true,
   	height: 'auto',        
	autowidth: true,	
        shrinkToFit: true, 
   	pager: pager,
   	sortname: 'sklad',
    viewrecords: true,
    rowNum:1000,
    scroll:1,
    sortorder: "asc",    
    caption:"Просоченные сертификаты"
}); 
jQuery(list).jqGrid('navGrid',pager,{edit:false,add:false,del:false,search:false});
jQuery(list).jqGrid('navButtonAdd',pager,{caption:"<img src='controller/client/themes/"+theme+"/ico/disk.png'>",                              
        title: "Экспорт в Excel",
	onClickButton:function(){
            exportExcel(list);
	} 
});
};

   ViewReports("#tbl_rep","#pg_nav");

     $("#viewwork").click(function(){
           jQuery("#tbl_rep").GridUnload("#tbl_rep");
           ViewReports("#tbl_rep","#pg_nav");
    });

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

function exportExcel(list)

{

var mya=new Array();

mya=$(list).getDataIDs();

var data=$(list).getRowData(mya[0]);

var colNames=new Array();

var ii=0;

for (var i in data){colNames[ii++]=i;}

var html="";

headxls="<?xml version='1.0'?><?mso-application progid='Excel.Sheet'?>"+"\n";

sworkbook="<Workbook xmlns='urn:schemas-microsoft-com:office:spreadsheet' xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns:ss='urn:schemas-microsoft-com:office:spreadsheet' xmlns:html='http://www.w3.org/TR/REC-html40'>"+"\n";

eworkbook="</Workbook>"+"\n";

styles="<Styles>"+"\n"+

"<Style ss:ID='borderedbold'>"+"\n"+

"<Borders>"+"\n"+

" <Border ss:Position='Bottom' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+

" <Border ss:Position='Left' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+

" <Border ss:Position='Right' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+

" <Border ss:Position='Top' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+

"</Borders>"+"\n"+

"<Font ss:Bold='1' /> "+"\n"+

"</Style>"+"\n"+

"<Style ss:ID='bordered'>"+"\n"+

"<Borders>"+"\n"+

" <Border ss:Position='Bottom' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+

" <Border ss:Position='Left' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+

" <Border ss:Position='Right' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+

" <Border ss:Position='Top' ss:LineStyle='Continuous' ss:Weight='1' /> "+"\n"+

"</Borders>"+"\n"+

"</Style>"+"\n"+

"</Styles> "+"\n";

sworksheet="<Worksheet ss:Name='WorksheetName'>"+"\n";

eworksheet="</Worksheet>"+"\n";

stable="<Table>"+"\n";

etable="</Table>"+"\n";

columnw=""+

"<Column ss:Index='1' ss:AutoFitWidth='0' ss:Width='60' /> "+"\n"+

"<Column ss:Index='2' ss:AutoFitWidth='0' ss:Width='200' /> "+"\n"+

"<Column ss:Index='3' ss:AutoFitWidth='0' ss:Width='200' /> "+"\n"+

"<Column ss:Index='4' ss:AutoFitWidth='0' ss:Width='130' /> "+"\n"+

"<Column ss:Index='5' ss:AutoFitWidth='0' ss:Width='130' /> "+"\n"+

"<Column ss:Index='6' ss:AutoFitWidth='0' ss:Width='120' /> "+"\n";

headcolumn=""+

"<Row>"+"\n"+

" <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Номер</Data></Cell>"+"\n"+

" <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Склад</Data></Cell>"+"\n"+

" <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Номенклатура</Data></Cell>"+"\n"+

" <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Серия</Data></Cell>"+"\n"+

" <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Дата окончания</Data></Cell>"+"\n"+

" <Cell ss:StyleID='borderedbold'><Data ss:Type='String'>Количество</Data></Cell>"+"\n"+

"</Row> "+"\n";

html=html+headxls+sworkbook+styles+sworksheet+stable+columnw+headcolumn;

for(i=0;i<mya.length;i++)

{

data=$(list).getRowData(mya[i]);

html=html+"<Row>"+"\n";

for(j=0;j<colNames.length;j++)

{

html=html+"<Cell ss:StyleID='bordered'><Data ss:Type='String'>"+data[colNames[j]]+"</Data></Cell>"+"\n";

}

html=html+"</Row>"+"\n";

}

html=html+etable+eworksheet+eworkbook;

document.forms[0].csvBuffer.value=html;

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

document.forms[0].action='inc/csvExport.php';

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

document.forms[0].submit();

};

function ViewReports(list,pager){

jQuery(list).jqGrid({

url:'controller/server/operreports/viewremainssert.php',

datatype: "json",

colNames:['Id','Склад','Номенклатура','Серия','Дата окончания','Количество'],

colModel:[

{name:'id',index:'id', width:20},

{name:'sklad',index:'sklad', width:155, width:155,summaryType:'count', summaryTpl : '({0}) Всего:'},

{name:'namenome',index:'namenome', width:100},

{name:'seria',index:'seria', width:100},

{name:'dtend',index:'dtend', width:100},

{name:'kol',index:'kol', width:100,sorttype:'number',formatter:'number', summaryType:'sum'}

grouping: true,

groupingView : {

groupField : ['sklad'],

groupText : ['<b>{0}</b>'],

groupCollapse : true,

groupSummary : true,

viewrecords: true,

height: 'auto',

autowidth: true,

shrinkToFit: true,

pager: pager,

sortname: 'sklad',

viewrecords: true,

rowNum:1000,

scroll:1,

sortorder: "asc",

caption:"Просоченные сертификаты"

});

jQuery(list).jqGrid('navGrid',pager,{edit:false,add:false,del:false,search:false});

jQuery(list).jqGrid('navButtonAdd',pager,{caption:"<img src='controller/client/themes/"+theme+"/ico/disk.png'>",

title: "Экспорт в Excel",

onClickButton:function(){

exportExcel(list);

}

});

};

ViewReports("#tbl_rep","#pg_nav");

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

jQuery("#tbl_rep").GridUnload("#tbl_rep");

ViewReports("#tbl_rep","#pg_nav");

});

Оставить комментарий excel, javascript, jqgrid, php

« 1 … 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	31