Monday, 27 November 2017

HTML Table Operation

HTML Table Operation


Hide Table Column


$('#table-name th:nth-child(column-no)').hide();

$('#table-name td:nth-child(column-no)').hide();

Example:
$('#tblService th:nth-child(4)').hide();
$('#tblService td:nth-child(4)').hide();


Print All columns of each row


var table = $("#tblBody");
        table.find('tr').each(function (i)
        {
            var $tds = $(this).find('td');
            alert ($tds.eq(0).text() + " , " + $tds.eq(1).text())
                              
        });


Print All Row columns except first

var table = $("#tblBody");
        table.find('tr').not(':first').each(function (i)
        {
            var $tds = $(this).find('td');
            alert ($tds.eq(0).text() + " , " + $tds.eq(1).text())
                              
        });
 

Get selected column data using rowid


Syntax:
$("RowId”).find('td').eq(ColumnIndex).text();

Example :
$("#r123”).find('td').eq(0).text();


Delete a Single row by row id

Syntax:
$("RowId”).remove();

Example :
$("#tblrow").remove();


Delete all row except first


Syntax:
$("selectorName").find("tr:gt(0)").remove();
Example :
 $("#tblStock").find("tr:gt(0)").remove();

Select A Table all rows by checkbox using jquery

Editable Table Jquery

Java Script Date Operation

Java Script Date Operation

Convert dd/mm/yyyy date to yyyy/mm/dd

Java Script support date in many format except dd/mm/yyyy . So if you are working on a project which has date as in dd/mm/yyyy format then you will need to change it mm/dd/yyyy for further date related operations.

Following code will change dd/mm/yyyy date to mm/dd/yyyy date format

Wednesday, 22 November 2017

Solution : July, 2010 M3-R4: PROGRAMMING AND PROBLEM SOLVING THROUGH ‘C’ LANGUAGE

Solution : July, 2010 M3-R4: PROGRAMMING AND PROBLEM SOLVING THROUGH ‘C’ LANGUAGE

1. Multiple Choice : 


1.1 : B
1.2 : B
1.3 : A
1.4 : B
1.5 : C
1.6 : B
1.7 : C
1.8 : C
1.9 : B

Tuesday, 14 November 2017

Jquery Animated Validation


Jquery Validation


Validation is most important part any website while creating a form. There are lots of methods and processes of JavaScript or jquery.

I have implemented basic validation as simple as possible which can be used for empty fields check. You need to call just little function and achieved validation on various HTML form tags. 



Roll :
Class :
Message :


Code

<html>
<head>
    <title>Girfa : Javascript Validation</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
        var Flag = true;
        function Validate() {
            Flag = true;
            if ($("#txtRoll").val() == "")
                AddCss("txtRoll");
            if ($("#ddlClass").val() == "")
                AddCss("ddlClass");
            if ($("#txtMessage").val() == "")
                AddCss("txtMessage");
        }

        function AddCss(id) {

            Flag = false;

            $("#" + id).css("border", "solid 1px red");
            $('#' + id).animate({
                'marginLeft': "+=10px", //moves right
            }, 100);
            $('#' + id).animate({
                'marginLeft': "+=-10px", //moves right
            }, 100);
            $('#' + id).animate({
                'marginLeft': "+=10px", //moves right
            }, 100);
            $('#' + id).animate({
                'marginLeft': "+=-10px", //moves right
            }, 100);
        }
        function RemoveCss(id) {
            $("#" + id).css("border", '');