Thursday, July 21, 2011

Select Dropdownlist Selected text through Value in JQuery



function ddlSelectedValue(obj,value) {
            $(obj).each(function () {
                $('option', this).each(function () {
                    if ($(this).val() == value) {
                        $(this).attr('selected', 'selected')
                    };
                });
            });

Wednesday, July 13, 2011

Add and Remove Style Sheet at Runtime in Javascript


function AddstyleSheets () {

 var cssNode = document.createElement('link');
            cssNode.type = 'text/css';
            cssNode.rel = 'stylesheet';
            cssNode.href = '<%: Url.Content("~/Content/css/index.css")%>';
            cssNode.media = 'screen';
            cssNode.title = 'dynamicLoadedSheet';
            document.getElementsByTagName("head")[0].appendChild(cssNode);

}

function RemovestyleSheets () {
            var styleSheets = document.styleSheets;
            var href = '<%: Url.Content("~/Content/css/index.css")%>';
          
            for (var i = 0; i < styleSheets.length; i++) {
               if (styleSheets[i].href == href) {
                  styleSheets[i].disabled = true;
                    break;
                }
            }

        }

Monday, July 11, 2011

Remove all item from Dropdown list using Jquery

Try this..

$('#DayEnd >option').remove();
 

Data Get From Query String int JavaScript


function getQuerystring(key, default_, getUser) {
            if (default_ == null) default_ = "";
            key = key.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
            var regex = new RegExp("[\\?&]" + key + "=([^&#]*)");
            var qs = regex.exec(window.location.href);
            if (qs == null)
                return default_;
            else
                return qs[1];
        }


var getUser = getQuerystring('name');
                var getResetCode = getQuerystring('resetpassword');

Table Date Column Sort with Jquery

Some time we want to sort date filed in a Table with Jquery.
Here I add a parser in ready function.

$(document).ready(function () {
            $.tablesorter.addParser({
                id: 'dateMS',
                is: function (s) {// return false so this parser is not auto detected
                    return false;
                },
                format: function (s) {
                    var mydate = s; // here my date Formate is yyyy-MM-dd we know that javaScript default format is MM/dd/yyyy so I am converting date filed in a (MM/dd/yyyy) format.
                    var datecal = mydate.split('-')[1].toString() + "/" + mydate.split('-')[2].toString() + "/" + mydate.split('-')[0].toString();
                    var d = Date.parse(datecal);
                    if (isNaN(d)) {
                        return -1;
                    }
                    return d;
                },
                // set type, either numeric or text
                type: 'numeric'
            });

            $("#TblActiveCases").tablesorter({ sortList: [[0, 0]], textExtraction: "complex", widthFixed: false, dateFormat: 'YYYY-mm-dd',
                headers: { 1: { sorter: 'dateMS' }, 2: { sorter: false} }

            })

        });