Search jQuery

jQuery Forum

Screen name:
user_capricon

user_capricon's Profile

19 Posts

34 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Apply condition according to date jquery

[1Reply]

01-Nov-2016 12:53 AM
Forum: Using jQuery Plugins

I try to conditions in date cell like if date in cell is 02-12-2016 then want to apply yellow color untill this date comes and want to apply red color when this date expires how i do that

this is what i try 


<script type="text/javascript">
    $(function () {
        debugger;
        var ID = '<%=Session["value"]%>';
        debugger;
        var obj = {};
        obj.ID = ID;
        getremin(obj);

    });
    function getremin(obj) {
        var get_remin = {};
        get_remin.ID = obj.ID;

        $.ajax({
            type: "POST",
            url: "M.aspx/sp_select",
            data: JSON.stringify(get_remin),
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            success: function (result) {
                debugger;
                var b = JSON.parse(result.d).response;
                console.log(JSON.parse(result.d).response);
                debugger;

                var remind = $("#table").DataTable({
                    "dom": "Blfrtip",
                    "columns": [
                        {
                            "title": "Type",
                            "data": "Type"
                        },
                        {
                            "title": "date",
                            "data": "date",
                            "visible": false
                        },
                        {
                            "title": "mile",
                            "data": "mile",
                            "visible": false
                        },
                        {
                            "title": "Required by",
                            "render": function (data, type, row) {
                                return row.date + '  ' + row.mile
                            }
                        },
                        {
                            "title": "RType",
                            "data": "RType"
                        }

                    ],
                    "columnDefs": [
                    {
                        targets: 2,
                        className: 'last-column'
                    }
                    ]

                });
                debugger;
                for (var i = 0; i < b.length; i++) {
                    if (b[i] !== null) {
                        remind.row.add({
                            "type": b[i][0],
                            "date": b[i][1],
                            "mile": b[i][2],
                            "RType": b[i][3]
                        })
                    }
                }
                debugger;
                remind.draw();

            },
            error: function (error) {
                debugger;
                var r = error.responseText;
                var errorMessage = r.Message;
                alert(errorMessage);
                alert(r);
                alert(Error);
            }

        });
    };

</script>

values from table to text box
[1Reply]
- 27-Oct-2016 01:51 AM
- Forum: Using jQuery
in this line data is like this 23 4 abc .. i combine 3 columns data in 1 column before combine data was
value 1=23 value2=4 value3=abc after combine this comes in singlie td 23 4 abc now i try to
to get these separated values in label how i do this i got type in text box when i select row now i want to get info values in these 3 texbox .. value1_txt = 23, value2_txt=4 value3_txt=abc
1. <script type="text/javascript">
  
          $(function () {
  
              debugger;
  
              $('#table1').on('click', 'tr', function () {
  
                  debugger;
  
                  if ($(this).hasClass('selected')) {
  
                      $(this).removeClass('selected');
  
                  }
  
                  else {
  
                      $('#table1', 'tr.selected').removeClass('selected');
  
                      $(this).addClass('selected');
  
                  }
  
                  var row = $(this);
  
                  debugger;
  
                  var Type = row.find('td')[0].firstChild.data;
  
                  var info = row.find('td')[1].firstChild.data;
  
                  var s = {};
  
                  s. =Type;
  
                  s.info =info;
  
                  alert(JSON.stringify(s));
  
              });
  
            $('[ID*=btnadd]').on('click', function () {
  
                var Type = $("#table1 tr.selected").find('td:eq(0)').html();
  
                var info = $("#table1 tr.selected").find('td:eq(1)').html();
  
                              s = {};
  
                              s. Type = Type;
  
                             s. info = info;
  
                              alert(JSON.stringify(s));
  
                              get(s);
  
                          });
  
          });
  
          debugger;
  
          function get(s) {
  
                  var ins = {};
  
                  ins. Type = s.Type;
  
                  ins. info = s.info;
  
                  $.ajax({
  
                      type: "POST",
  
                      url: "M.aspx/insert",
  
                      contentType: "application/json;charset=utf-8",
  
                      data:JSON.stringify(ins),
  
                      dataType: "json",
  
                      success: function (result) {
  
                          var insertd = JSON.parse(result.d).response;
  
                          debugger;
  
                          $('[ID*=btnadd]').on('click', function () {
  
                              $("#type_txt").val(ins.Type);
  
                              $("#value1_txt").val();
  
                              $("#value2_txt ").val();
  
                              $("#value3_txt ").val();
  
                          });
  
                      },
  
                      error:function(error)
  
                      {
  
                          var r = error.responseText;
  
                          var errorMessage = r.Message;
  
                           alert(errorMessage);
  
                          alert(r);
  
                          alert("error");
  
                      }
  
                  });
  
              };
  
  
  
  
  
      </script>

Insert data using Jquery
[1Reply]
- 20-Oct-2016 08:29 AM
- Forum: Using jQuery Plugins
I try to insert data using Jquery and I textbox and select options
Html
1. <input type="text" class="input-sm" id="txt_repeat" />
2. <select id="dura_values">
3. <option>da(s)</option>
4. <option>We(s)</option>
5. </select>
JQUERY
1. <script type="text/javascript">
2. $(function () {
3. $('[ID*=btn_Add]').on('click', function () {
4. debugger;
5. var frequency = $('#txt_repeat').val();
6. var duration = $('#dura_values').val();
7. debugger;
8. var obj = {};
9. obj. frequency= frequency;
10. obj. duration= duration;
11. insert(obj);
12. });
13. });
14. });
15. $(function insert(obj) {
16. $.ajax({
17. type: "POST",
18. url: "Maintenance.aspx/Insert_master_services",
19. contentType: "application/json;charset=utf-8",
20. data: "{ frequency:'" + obj. frequency + "', duration:'" + obj. duration+"'}",
21. success: function (result) {
22. var insert = JSON.parse(result.d).response;
23. },
24. error: function (Error) {
25. alert(Error);
26. }
27. });
28. });
29. </script>
But problem is how when I insert data successfully then how I display that data in table
1. <table id="master_table" class="table table-striped table-bordered" style="width: 100%;" cellspacing="0">
2. <thead></thead>
3. <tbody></tbody>
4. </table>
First I manually enter data in datatabse table and I generate table through jquery like this
1. <script type="text/javascript">
2. $(function () {
3. $.ajax({
4. type: "POST",
5. url: "Maintenance.aspx/master_Services",
6. contentType: "application/json;charset=utf-8",
7. dataType: "json",
8. success: function (result) {
9. debugger;
10. var m = JSON.parse(result.d).response;
11. debugger;
12. var master = $('#master_table').DataTable({
13. "dom": 'Blfrtip',
14. "columns": [
15. {
16. "title": "Frequency",
17. "title": "Frequency",
18. "visible":false
19. },
20. {
21. "title": "Freq_Du",
22. "data": "Freq_Du",
23. "visible":false,
24. "render":function(data,type,row)
25. {
26. return row.frequency+row.Freq_Du+row.Freq_Mil
27. }
28. },
29. ]
30. });
31. debugger;
32. for(var i=0;i<m.length;i++)
33. {
34. if (m[i] !== null)
35. {
36. master.row.add({
37. "frequency": m[i][1],
38. "Freq_Du": m[i][2],
39. })
40. }
41. }
42. master.draw();
43. },
44. error: function (error) {
45. debugger;
46. var r = error.responseText;
47. var errorMessage = r.Message;
48. alert(errorMessage);
49. alert(r);
50. alert(Error);
51. }
52. });
53. });
54. </script>

Store update LINQ query and pass to json

[5Replies]

19-Oct-2016 07:06 AM
Forum: Using jQuery

I am trying to create an update linq query & I generate table using jQuery so after update how do I save changes to data in the table?

 [WebMethod]
    public static string updateselect_data(int ServiceID, string frequency, string Freq_Du, string Freq_Mil)
    {

        try
        {
            Track_Data track = new Track_Data();
            DataTable dt = new DataTable();
            var update =
                from p in track.Serv
                where p.ServiceID == ServiceID
                select p;

            foreach (var q_update in update)
            {
                q_update.frequency= frequency;
                q_update.Freq_Du= Freq_Du;
                q_update.Freq_Mil= Freq_Mil;
            }

            HttpContext.Current.Session["SID"] = ServiceID;
            HttpContext.Current.Session["frequency"] = frequency;
            HttpContext.Current.Session["Freq_Du"] = Freq_Du;
            HttpContext.Current.Session["Freq_Mil"] = Freq_Mil;

            try
            {
                track.SaveChanges();
            }
            catch (Exception e)
            {
                throw new Exception();

            }

        return new JavaScriptSerializer().Serialize(update);
        }
        catch
        {
            throw new Exception();
        }

JQUERY CODE

<script type="text/javascript">
    debugger;
    $(function () {
            $('[ID*=btn_update]').on('click', function () {
            var ServiceID = '<%=Session["SID"]%>';
            var frequency='<%=Session["frequency"]%>';
                var Freq_Du = '<%=Session["Freq_Dur"]%>';
                var Freq_Mil = '<%=Session["Freq_Mil"]%>';
            debugger;
            var obj = {};
            obj.ServiceID = ServiceID;
            obj.frequency = frequency;
            obj.Freq_Dur= Freq_Du;
            obj.Freq_Mil = Freq_Mil;

            updatedata(obj);

        });
    });
    function updatedata(obj){
        $.ajax({
            type: "POST",
            url: "Maintenance.aspx/updateselect_data",
            contentType: "application/json;charset=utf-8",
            data:"{'SID:'"+ obj.ServiceID+"','frequency:'"+obj.frequency+"','Freq_Du:'"+obj.Freq_Du+"','Freq_Mil:'"+obj.Freq_Mil+"'}",
           dataType: "json",
        success:function(result)
        {
            debugger;
            var up = JSON.parse(result.d).response;

        }
    });
    }

</script>

i create table throgh jquery now first i want to update and want to check in console now when i do above code this show error s

and this show an error Invalid object passed in JSON

fetch data from table to text box

[2Replies]

17-Oct-2016 04:07 AM
Forum: Using jQuery

I am creating a table through jQuery and in this table I concatenate 3 columns in 1 column:

Before concatenate:

if (re.length > 0) {
    $("#services_schdulue").append
     $('#services_schdulue thead').append("<tr><th>Service ID</th><th>Service Type</th><th>frequency</th><th>Freq_Duration</th><th>Freq_Mileage</th></tr>");

    for (var i = 0; i < re.length; i++) {
        if (re[i] !== null) {
            $('#services_schdulue tbody').append('<tr><td>' + re[i][0] +
                '</td><td>' + re[i][1] +
                '</td><td>' + re[i][2] + 
                '</td><td>' + re[i][3] 
                '</td><td>' + re[i][4] +
                '</td></tr>');                                                               
        }
    }
}

After concatenate:

if (re.length > 0) {
    $("#services_schdulue").append
    $('#services_schdulue thead').append("<tr><th>Service ID</th><th>Service Type</th><th>S freq</th></tr>");

    for (var i = 0; i < re.length; i++) {
        if (re[i] !== null) {
            $('#services_schdulue tbody').append('<tr><td>' + re[i][0] +
                '</td><td>' + re[i][1] +
                '</td><td>' + re[i][2] + '' + re[i][3] + '' + re[i][4] +
                '</td></tr>');       
        }
    }
}

var myTable = $('#services_schdulue').DataTable({
    "columnDefs": [{ 
        "visible": false, 
        "targets": [3,4,5] 
    }]               
});

Now I try to display this columns value in text box

Service Type, frequency,Freq_Duration,Freq_Mileage

Small content window on google map
[0Replies]
- 07-Oct-2016 01:54 AM
- Forum: Using jQuery
i try to plotting data on google map and i am done with this now the problem is there is 4000+ records in table so plotting this data on map takes too much load time and sometimes code is break so how i solve this ..

this is what i try
1. var map;
2. debugger;
3. var latlng = new google.maps.LatLng(74.0895898, 97.0998546);
4. debugger;
5. var myOptions = {
6. zoom: 8,
7. center: latlng,
8. mapTypeId: google.maps.MapTypeId.ROADMAP
9. };
10. debugger;
11. map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
13. var markers = [];
14. for (i = 0; i < d.length - 1; i++) {
15. var myLatlng = new google.maps.LatLng(d[i][5], d[i][4]);
16. var marker = new google.maps.Marker({
17. position: myLatlng,
18. //icon: "images/car.png",
19. map: map,
20. title: 'Click me'
21. });
22. markers.push(marker);
23. }
24. var MarkerClusterer = new MarkerClusterer(map,markers,{imagePath: 'images/m1'});
27. debugger;
29. var infowindow = new google.maps.InfoWindow({
30. content: 'Lat:' + d[i][5] + '<br>Long:' + d[i][4]
31. });
32. marker.addListener('click', function () {
33. })
34. google.maps.event.addListener(marker, 'click', function () {
35. infowindow.open(map, marker, data);
36. });
37. infowindow.open(map, marker, data);
I try this but info window is not display when i open map page .. i want when i open page then small window is display with lat and long values and when i close this window and again click on marker then window should appear

how i do this

date format datatable
[2Replies]
- 06-Oct-2016 01:45 AM
- Forum: Using jQuery Plugins
I populate data in jquery like this
1. $("#example").empty()
2. if (re.length > 0) {
3. $("#example").append
4. ("<thead><tr><th>StartDate</th><th>EndDate</th></tr></thead>");
5. for (var i = 0; i < re.length; i++) {
6. if (re[i] !== null) {
7. $("#example").append("<tbody><tr><td>" +
8. re[i][0] + "</td><td>" +
9. re[i][1] + "</td></tr></tbody>");
10. }
11. }
12. } var myTable;
13. debugger;
15. myTable = $('#example').DataTable({
16. "sPaginationType": "full_numbers",
17. data: result.d,
18. //columns: columnDefs,
19. dom: 'Bfrtip',
20. "aoColumnDefs": [{ 'bSortable': false, 'aTargets': [3] }], // Needs button container
21. select: 'single',
22. responsive: true,
23. altEditor: true, // Enable altEditor
24. buttons: [{
25. text: 'Add',
26. name: 'add' // do not change name
27. },
28. {
29. extend: 'selected', // Bind to Selected row
30. text: 'Edit',
31. name: 'edit' // do not change name
32. },
33. {
34. extend: 'selected', // Bind to Selected row
35. text: 'Delete',
36. name: 'delete' // do not change name
37. }]
39. });
check this

but in my table column date is correctly formatted..
and data in store procedure is like this
1. StartDate EndDate
2. 2014-02-01 00:00:00.000 2014-02-28 23:59:59.000
3. 2014-02-01 00:00:00.000 2014-02-28 23:59:59.000
4. 2014-02-01 00:00:00.000 2014-02-28 23:59:59.000
5. 2014-02-01 00:00:00.000 2014-02-28 23:59:59.000
6. 2014-02-01 00:00:00.000 2014-02-28 23:59:59.000
7. 2014-02-01 00:00:00.000 2014-02-28 23:59:59.000
8. 2014-02-01 00:00:00.000 2014-02-28 23:59:59.000
9. 2014-02-01 00:00:00.000 2014-02-28 23:59:59.000
10. 2014-03-23 00:00:00.000 2014-03-30 23:59:59.000
11. 2014-03-23 00:00:00.000 2014-03-30 23:59:59.000
how i display correct date format do this

Jquery date-picker "fromdate" reflect to "todate"
[4Replies]
- 05-Oct-2016 02:38 AM
- Forum: Using jQuery
I try jquery datepicker
In this i set some some conditions
1) from date show only 2 year i.e. if 2016 then previous month must be 2015 if 2017 then previous month will be 2016

2) second is suppose i select date aug 1, 2016 from date then user select two months i.e. if aug 1, 2016 then sep 30, 2016
same as if user select feb 15, 2016 then april 15,2016 i.e. only two month

3) if current date is 5 October 2016 then onwards date of oct and months i.e. nov , dec must be hide and i am done with all these conditions

now the problem is

when i select date from "fromdate" picker then this date reflect on "todate" when i select 3 oct 2016 then todate change to 3 oct 2016 where as i dont want this

i want when i select date any date from "fromdate" then "todate" must be dd/mm/yyyy until user select date from "todate"

check this

click on datepicker highcharts
[2Replies]
- 04-Oct-2016 05:39 AM
- Forum: Using jQuery
this is jsfiddle which i try not getting chart on second time
http://jsfiddle.net/t13jymwk/87/

Hide div on click
[4Replies]
- 04-Oct-2016 03:12 AM
- Forum: Using jQuery
In this image when i select value from dropdown and select dates then container is displayed and then when i select row from table data then cont and sumdata div is displayed now i want when i select again dates from datepicker then want to hide all divs ... and when click on search then want to display container

code
<script type="text/javascript">

     var strarr = "[{name:'sfdsdfLi', y:9}, {name:'Kiwsdfi', y:3}, {name:'Mixesdfdnuts', y:1} ,{name:'Oranges', y:6}, {name:'Grapes', y:1}]";

     $(function () {

         $("#search_data").on('click', function () {

             var fromdate = $('[ID*=fromdate]').val();

             var todate = $('[ID*=todate]').val();

             var value = $('[ID*=valuedrop] option:selected')[0].value;

             var obj = {};

             var value = {};

             obj.fromdate = fromdate;

             obj.todate = todate;

             obj.value = value;

             value = value;

             Getdata(obj, reg);

             return false;

         });

     });

     function Getdata(obj, reg) {

         $.ajax({

             type: "POST",

             url: "WebForm1.aspx/GetVo",

             data: JSON.stringify(obj),

             contentType: "application/json; charset=utf-8",

             dataType: "json",

             async: true,

             cache: false,

             success: function (result) {

               var myData = result.d;

                 console.log(result.d);

                 if (myData !== null && Object.keys(myData).length !== 0) {

                     strarr = result.d;

                     var myarr = eval(strarr);

                    // Drewchart(myarr);

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

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

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

                     $("#<%=Label5.ClientID%>").hide();

                     $("#<%=Label4.ClientID%>").hide();

                     $("#<%=CrystalReportViewer1.ClientID%>").hide();

              }

              else {

                  $("#tabledata").hide();

                  $("#container").hide();

                  $("#cont").hide();

                  $("#<%=Label5.ClientID%>").show();

                  $("#<%=Label5.ClientID%>").text("DATA NOT FOUND");

                  $("#<%=Label4.ClientID%>").hide();

                  return;

                 }

            },

            error: function (error) {

                alert('no data');

          }

        });

}

</script>

move image angle direction on google map
[2Replies]
- 23-Sep-2016 08:04 AM
- Forum: Using jQuery
I try this code for plotting data on google map This code is generate table through jquery and plotting data on google map and also on load small content window is display on every marker

success: function (result) {
var d = JSON.parse(result.d).response;
console.log(JSON.parse(result.d).response);
console.log(JSON.stringify(result.d).response);
$("#tabledata").empty();
if (d.length > 0) {
$("#tabledata").append(
"<thead><tr><th>No</th><th>DateTime</th><th>Status</th<th>Longitude</th><th>Latitude</th</tr></thead>");
for (var i = 0; i < d.length - 1; i++) {
if (d[i] !== null) {
$("#tabledata").append("<tbody><tr><td>" +
d[i][0] + "</td> <td>" +
d[i][1] + "</td> <td>" +
d[i][2] + "</td> <td>" +
d[i][3] + "</td> <td>" +
d[i][4] + "</td><td>" +
d[i][5] + "</td</tr></tbody>");
Status = d[i][2];
No = d[i][0];
latit = d[i][4];
longi = d[i][3];
} } }
else {
$("#tabledata").hide();
}
alert(d.length);
var map;
var latlng = new google.maps.LatLng(27.0895898, 69.0998546);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
for (i = 0; i < d.length - 1; i++) {
var data = d[i]
var myLatlng = new google.maps.LatLng(d[i][4], d[i][3]);
var marker = new google.maps.Marker({
position: myLatlng,
icon: "/images/small car.png",
map: map,
title: 'Click me'
});
var infowindow = new google.maps.InfoWindow({
content: 'No:' + d[i][0] + '<br>Status:' + d[i][2] + '<br>Lat:' + d[i][4] + 'Long:' + d[i][3]
});
google.maps.event.addListener(marker, 'mouseclick', function () {
infowindow.open(map, marker,data);
});
infowindow.open(map, marker,data);
}
now i want to set directions
data in table is
```
No  Status Datetime                   Longitude Latitude    Direction
BF  5     2016-09-23 15:08:38.000    65.1197    34.95387      88
BR  5     2016-09-23 15:17:26.000    65.068758  34.8639578    292
```
now i want to move image according to this direction column i have this code but looks complicated i want to do this through jquery and less lines of code
int angle = Convert.ToInt32(dataTable.Rows[j]["Direction"].ToString());
img = "target.gif";
DateTime sdatetime =
Convert.ToDateTime(dataTable.Rows[j]["DateTime"].ToString());
DateTime edatetime = DateTime.Now;
TimeSpan ddiff = edatetime.Subtract(sdatetime);
int hddiff = ddiff.Days;
if (hddiff > 2)
img = "images/google/bred.gif";
else if (hddiff > 1)
img = "images/google/byellow.gif";
else if (Convert.ToDouble(dataTable.Rows[j]["Speed"].ToString()) == 0)
img = "images/google/utr0.png";
else
{
img = "images/google/bgreen.gif";
if (angle == 0)
{
img = "images/google/utg0.png";
}
else if (angle > 0 & angle <= 15)
{
img = "images/google/utg15.png";
}
else if (angle > 15 & angle <= 30)
{
img = "images/google/utg30.png";
}
else if (angle > 30 & angle <= 45)
{
img = "images/google/utg45.png";
}
}

Call ID in jquery

[2Replies]

22-Sep-2016 05:36 AM
Forum: Using jQuery

I try this method to get data and also i have try jquery . In jquery i call info method

  [WebMethod]
public static string info(string id) {
 try {
  string result = "";

  Entities er = new Entities();
  List < sp_web_Result > sv = er.sp_web(id).ToList();
  DataTable dt = new DataTable();
  dt.Columns.Add("No", typeof(string));
  dt.Columns.Add("Latitude", typeof(float));
  dt.Columns.Add("Longitude", typeof(float));


  foreach(var c in sv) {
   dt.Rows.Add(c.No, c.Longitude, c.Latitude);
  };
  result = DataSetToJSON(dt);
  return result;
 } 
 catch (Exception ex) {
  throw new Exception();
 }
}

jquery

    <script type="text/javascript">
        $(function () {


                var obj = {};

                getdata(obj);
                return false;

        });

        function getdata(obj) {
            var RegNo = '';
            var Status = '';
            var latit = '';
            var longi = '';
            $.ajax({
                type: "POST",
                url: "home.aspx/info",
                contentType: "application/json;charset=utf-8",

               data: "{'id':'442'}",
                datatype: "json",
                async: true,
                cache: false,
                success: function (result) {
                   //map code


                },
                error: function (error) {
                    alert(error);
                    alert("error");
                }
            });
        }


</script>

in jquery there is line data: "{'id':'442'}", now i want to pass id through web method in this line i hard code id but i want id through web method how to save id and call id in this line

open menu on map jquery
[4Replies]
- 29-Aug-2016 03:43 AM
- Forum: Using jQuery
check this js fiddle
I try to show menu .. menu is display but also display immediately whereas i want menu display and when click anywhere then want to hide and now when i display map then menu not display check jsfiddle please
https://jsfiddle.net/kcpppzmf/2/

like this

month restrictions on date-time picker

[6Replies]

17-Aug-2016 05:58 AM
Forum: Using jQuery

I try to select 2 month only ie. when i select date 1-06-2016 then to date must be 31-07-2016 means what ever user select date two months time period will be display how i do this

in this code currently only 1 month is display ie. if i select from date 1-06-2016 then to date shows 30-06-2016 but i want to select 2 months

  <script type="text/javascript">

     $(function () {

         var currentYear = (new Date).getFullYear();
         var currentMonth = (new Date).getMonth();
         var currentDay = (new Date).getDate();
         $('#fromdate').datepicker({

             minDate: new Date((currentYear - 2), 12, 1),
             //minDate: 0,
             dateFormat: 'yy-mm-dd',
             maxDate: new Date(currentYear, currentMonth, currentDay),
             //maxDate: new Date((currentYear + 1), 12, 1),
             onSelect: function (selectedDate) {

                 // Start Date
                 var startDate = $(this).datepicker('getDate');
                 $('#todate').datepicker('option', 'minDate', startDate);
                 $('#todate').datepicker('setDate', startDate);

                 // End Date
                 var enddate = $(this).datepicker('getDate');
                 enddate.setDate(enddate.getDate() + 30);
                 $('#todate').datepicker('option', 'maxDate', enddate);
             }
         });

         $('#todate').datepicker({
             minDate: new Date((currentYear - 2), 12, 1),
             minDate: 0,
             dateFormat: 'yy-mm-dd',
             maxDate: '+30'
         });

     });
  </script>

Open PDF in seprate windows

[17Replies]

05-Aug-2016 05:11 AM
Forum: Using jQuery

I try to Download/open PDF file in separate window but currently PDF file is open in same window

this is what i try

<script type="text/javascript">

      //$(function sumdata() {
      function mypdf() {

          $('#tabledata').tableExport({ type: 'pdf', escape: 'false' });
          window.open(mypdf);
      }
      //});
         
       </script>

<a  href="#"    id="pdf" onclick="mypdf()"   style="background-color: #3399FF;color: #FFFFFF;font-weight: bold;display:none;font-size: medium;PADDING: 15px;margin: 12px;"">EXPORT TO PDF</a>

table export js

check this link

http://pastebin.com/FiWKqCEg

export data in pdf
[6Replies]
- 04-Aug-2016 02:35 AM
- Forum: Using jQuery
I populate data in table through jquery now i want to export that data in pdf /excel For this I try this link export data link link

I try this work successfully then i this code add in my file
1. <a href="#" onclick="$('#tabledata').tableExport({ type: 'excel', escape: 'false' });">XLS</a>
3. <a href="#" onclick="$('#tabledata').tableExport({ type: 'pdf', escape: 'false' });">PDF</a>
I create table with the help pf jquery
2. success: function (result) {
3. var final = JSON.parse(result.d).response;
5. console.log(JSON.parse(result.d).response);
6. $("#tabledata").empty();
8. if (final.length > 0) {
9. $("#tabledata").append(
10. "<tr><th>ID</th><th>Owner</th><th>RegNo</th></tr>");
12. for (var i = 0; i < final.length; i++) {
14. if (final[i] !== null) {
15. $("#tabledata").append("<tbody><tr><td>" +
16. final[i][0] + "</td> <td>" +
17. final[i][1] + "</td> <td>" +
18. final[i][2] + "</td></tr></tbody>");
20. }
21. }
22. $("#tabledata tr:first").addClass('GridviewScrollHeader');
23. $("#tabledata tr").addClass('GridviewScrollItem');
24. $("#tabledata").addClass('GridviewScrollPager');
26. }
ok now this get data with header also but now the problem is there is only two columns display in pdf third column is not display i think because of formatting check image

so how i done this

Select value from table
[1Reply]
- 01-Aug-2016 03:33 AM
- Forum: Using jQuery
I have multiple records in table .. Scenario when i click on row then chart is display according to ID now i want to specify that which owner have this data so for this i try to display owner name ..
i have data in table now i want to display value in label
```
ID      Owner RegNo 
26626   John  B82       
26634   David BE49  
26642   Roh   A5    
26640   Julie B5    
```

datepicker format
[1Reply]
- 22-Jul-2016 02:31 AM
- Forum: Using jQuery
I try datepicker link .. datepicker and i try this code
<input ID="fromdate" value="dd/mm/yyyy" runat="server" clientidmode="static" />

but when i try this code
2. <script type="text/javascript">
3. $(function () {
4. $("#fromdate").datepicker();
5. $("#todate").datepicker();
8. });
9. </script>
this show like this where as i also add link s

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"/>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

Scrolling in table
[16Replies]
- 22-Jul-2016 01:18 AM
- Forum: Using jQuery Plugins
I try this grid please check link LINK

now i successfully display this but there is no scroll

<%--for grid--%>
1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
  
  </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js">
  
  </script> <script type="text/javascript" src="Scripts/gridviewScroll.js"></script> <script type="text/javascript" src="Scripts/gridviewScroll.min.js"></script>
CHECK IMAGE
i can not use asp gridview i use this .
2. <table id="tabledata" cellspacing="0" style="width: 100%; border-collapse: collapse;">
5. </table>
and i add these two classes like this in jquery
2. $("#tabledata tr:first").addClass('GridviewScrollHeader');
3. $("#tabledata tr").addClass('GridviewScrollItem');
so i add when i try this then nothing happens
```
$("#tabledata").addClass('GridviewScrollPager');
```
ANY SOLUTION ?

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend