CodeKeep JavaScript Feed

console

Fri, 27 Apr 2012 13:32:46 GMT

Description: test

Link: http://www.codekeep.net/snippets/46166b69-e6ca-456a-8fce-296d7d04adf4.aspx

console.log('hello world')

Cross browser attach event

Wed, 11 Apr 2012 16:01:21 GMT

Description: Cross browser attach event

Link: http://www.codekeep.net/snippets/45abacd7-7510-486e-bf69-32a3f1b71d4f.aspx

function XBrowserAddHandler(target, eventName, handlerName) {
    if (target.addEventListener)
        target.addEventListener(eventName, handlerName, false);
    else if (target.attachEvent)
        target.attachEvent(eventName, handlerName);
    else
        target["on" + eventName] = handlerName;
}

jQuery Tooltip

Fri, 16 Mar 2012 18:44:19 GMT

Description: Jquery tooltip

Link: http://www.codekeep.net/snippets/88ae9dd1-c513-4f95-b1ee-7b8bee43c793.aspx

$(document).ready(function () {
       //Tooltips
       $(".tip_trigger").hover(function () {
           tip = $(this).find('.tip');
           tip.show(); //Show tooltip
       }, function () {
           tip.hide(); //Hide tooltip
       }).mousemove(function (e) {
           var mousex = e.pageX + 20; //Get X coodrinates
           var mousey = e.pageY + 20; //Get Y coordinates
           var tipWidth = tip.width(); //Find width of tooltip
           var tipHeight = tip.height(); //Find height of tooltip

           //Distance of element from the right edge of viewport
           var tipVisX = $(window).width() - (mousex + tipWidth);
           //Distance of element from the bottom of viewport
           var tipVisY = $(window).height() - (mousey + tipHeight);

           if (tipVisX < 20) { //If tooltip exceeds the X coordinate
of viewport
               mousex = e.pageX - tipWidth - 20;
           } if (tipVisY < 20) { //If tooltip exceeds the Y
coordinate of viewport
               mousey = e.pageY - tipHeight - 20;
           }
           tip.css({ top: mousey, left: mousex });
       });
   });


<style type="text/css">

img {border: none;}
h1 {
   font: 4em normal Georgia, 'Times New Roman', Times, serif;
   padding: 10px 0;
   color: #aaa;
   text-align: center;
}
h1 span { color: #666; }
h1 small{
   font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   letter-spacing: 0.65em;
   display: block;
   color: #666;
}
h1 a {text-decoration: none;}
a {color: #d60000; text-decoration: none;}

 
.tip {
   color: #fff;
   background:#1d1d1d;
   display:none;  
   padding:10px;
   position:absolute;  z-index:1000;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
 
</style>

Add String.trim extension method

Thu, 05 Jan 2012 14:33:33 GMT

Description: if the String class does not have a trim function in the current browser, add it.

Link: http://www.codekeep.net/snippets/809b6691-ec7b-48df-b813-e2fcc6b5da41.aspx

// if trim is not already defined add it
if (typeof "test".trim != 'function') {
    //javascript extenstion method
    String.prototype.trim = function () { // this trim was suggested by Tobias Hinnerup
        return (this.replace(/^\s+/, '').replace(/\s+$/, ''));
    }
}

scroll to bottom in html

Tue, 29 Nov 2011 14:08:14 GMT

Description: scroll to bottom of a list, panel, etc. sencha touch, extjs, etc.

Link: http://www.codekeep.net/snippets/15962097-5ffc-43bc-b1e7-0b5dd50ae4b6.aspx

var el = list.getEl();
el.dom.scrollTop = el.dom.scrollHeight;

Show Hide table data

Fri, 11 Nov 2011 20:26:36 GMT

Description: Show Hide table data uses href, anchors, div tags, and javascript to toggle between showing and hiding a table on the html page.

Link: http://www.codekeep.net/snippets/8d00ff04-c48a-461f-9ccf-9ca92063fbc1.aspx

<script type="text/javascript">
<!--
function switchView(obj) {
	var el = document.getElementById(obj);
	if ( el.style.display != "none" ) {
		el.style.display = 'none';
	}
	else {
		el.style.display = '';
	}
}
//-->
</script>


<table>
<tr>
            <td width="30%" align="right" valign="top"><a href="##GotoMyControlName" onClick="switchView('MyControlName'); return false;">My Heading Text:</a></td>
            <td width="1%">&nbsp;</td>
            <td>
<!-- BEGIN section of page that will toggle between show/hide by clicking link in cell above. -->
                <div id="MyControlName" style="display:none">
                    <table border="0" cellpadding="3" cellspacing="0" >
                    <tr >
                    <td><span class="cPreReq">MyOUTPUTgoesHere</span>&nbsp;</td>
                    </tr>
                    </table>
                </div>
<!-- END section of page that will toggle between show/hide -->
            </td>
          </tr>

</table>

Cross-Browser event triggering

Fri, 14 Oct 2011 04:40:58 GMT

Description: A browser friendly way to trigger an event on an element.

Link: http://www.codekeep.net/snippets/28e75842-cb23-45df-abb0-04b39d2c8d79.aspx

/*
This is just a simple snippet which doesn't really explain the detailed contents 
of an event object, but it gives an idea of the differences between specific 
browsers. This function will fire the onChange event for an element passed to 
it (say...a checkbox).
*/

function FireOnChange(element) {
  if (element.onchange) {
      var e = null;
      if (document.createEventObject) {
          //ie
          e = document.createEventObject();                    
          element.fireEvent('onchange', e);
      }
      else {
          //others
          e = document.createEvent('HTMLEvents');
          e.initEvent('change', true, true);
          element.dispatchEvent(e);
      }
   }
}

Centralise

Thu, 06 Oct 2011 09:47:38 GMT

Description: Will centre a

element to half of the screen width creating the central column effect.

Link: http://www.codekeep.net/snippets/c1791c4e-90d2-4809-b656-2aba0f3c038b.aspx

function setMainWidth() {

    // This value extends the <div> width
    var extend = 800;
    //-----------------------------------
    // Set the name of the <div> ID
    var elementId = "mainPage";
    //-----------------------------------


    var pageWidth = 0;

    if (self.innerWidth) {
        pageWidth = self.innerWidth;
    }
    else if ((document.documentElement) && (document.documentElement.clientWidth)) {
        pageWidth = document.documentElement.clientWidth;
    }
    else if (document.body) {
        pageWidth = document.body;    
    }

    var e = document.getElementById(elementId);
    if (e) {
        pageWidth += extend;
        e.style.width = (pageWidth / 2) + "px";
        e.style.position = "absolute";
        e.style.left = "50%";
        e.style.marginLeft = "-" + (pageWidth / 4) + "px";
    }
}

Valores dos checkbox com jquery

Mon, 03 Oct 2011 12:50:20 GMT

Description: Pegar os valores dos checkbox com jquery

Link: http://www.codekeep.net/snippets/115bc561-e0b8-4139-b614-6e346d4dfc60.aspx

$(function(){
  $('#btnClick').click(function(){
    var val = [];
    $(':checkbox:checked').each(function(i){
      val[i] = $(this).val();
    });
  });
});

Run jQuery in asp.net

Mon, 05 Sep 2011 13:01:33 GMT

Description: I found that jQuery was firing on a page load but not when an update panel was refreshed, this catches the partial load event as well and runs my jQuery. it might not be the right way of doing it but it works well for me.

Link: http://www.codekeep.net/snippets/74439ab2-63a1-49c9-ad1d-c733b9be3139.aspx

<script language="javascript" type="text/javascript">

   
    $(document).ready(function () {
        injectJQUERY();
    });

    function pageLoad(sender, args) {
        if (args.get_isPartialLoad()) {
            injectJQUERY();
        }
    }

    function injectJQUERY() {
        $(document).ready(function () {

    }

</script>

javascript for popup block

Tue, 23 Aug 2011 19:38:48 GMT

Description: javascript for popup block

Link: http://www.codekeep.net/snippets/eb0bb699-1771-4c9f-9b24-471cef0cd271.aspx

// Sys.Application.add_load(OpenPopUp);
        function OpenPopUp(popID, popWidth) {

            //popID -> Popup Name
            //popWidth -> Width of popup window

            //Fade in the Popup and add close button
            $('#' + popID).fadeIn().css({ 'width': Number(popWidth) }).prepend('<a href="#" class="close"><img src="images/close.gif" class="btn_close" title="Close Window" alt="Close" /></a>');

            //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
            var popMargTop = ($('#' + popID).height() + 80) / 2;
            var popMargLeft = ($('#' + popID).width() + 80) / 2;

            //Apply Margin to Popup
            $('#' + popID).css({
                'margin-top': -popMargTop,
                'margin-left': -popMargLeft
            });

            //Fade in Background
            $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
            $('#fade').css({ 'filter': 'alpha(opacity=00)' }).fadeIn(); //Fade in the fade layer 

            return false;

        }

        $(document).ready(function() {

            //Close Popups and Fade Layer
            $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
                $('#fade , .popup_block').fadeOut(function() {
                    $('#fade, a.close').remove();
                }); //fade them both out

                return false;
            });
        });

JQuery - get by id that starts with

Wed, 22 Jun 2011 22:07:41 GMT

Description: Get an element with an id that starts with xxx

Link: http://www.codekeep.net/snippets/00686fc0-6121-4527-b842-e3b155a32193.aspx

$("[id^='"+rootName+"']").each(function() {

Parse Full Name

Fri, 17 Jun 2011 18:22:04 GMT

Description: An example of how to parse a single text field name into the parts of a name from salutation to suffix

Link: http://www.codekeep.net/snippets/02a185ab-92fa-4f44-b119-2637db1d42b7.aspx

<html>

<head>

//Author Jerry Davison
//Date June, 2011

<script language="JScript" type="text/jscript">
function parseName()
{
	var parts = document.myform.fullname.value.split(" ");
	
	switch(parts.length)
	{
		case 1:
		{
			if(!parts[0].isSalutation())
			{
				populateParts( "", "", "", parts[0], "", "1-A");
			}else
			{
				populateParts(parts[0], "", "", "", "", "1-B");
			}
			break;
		}
		
		case 2:
		{
			if(parts[0].isSalutation())
			{
				populateParts(parts[0], "", "", parts[1], "", "2-A");
			}
			else
			{
				populateParts("",parts[0], "", parts[1], "", "2-B");
			}
			
			break;
		}
		
		case 3:
		{
			if(!parts[0].isSalutation() || !parts[2].isSuffix())
			{
				populateParts("",parts[0],parts[1], parts[2], "", "3-A");
			}
		
			if(parts[0].isSalutation())
			{
				populateParts(parts[0] , parts[1], "",  parts[2], "", "3-B");
			}

			if(parts[2].isSuffix())
			{
				populateParts("" , parts[0], "",  parts[1], parts[2], "3-C");
			}
			break;		
		}
		
		case 4:
		{
		
			if(!parts[0].isSalutation() && !parts[3].isSuffix())
			{
				populateParts("" , parts[0], parts[1], multiPartName(parts, 2), "", "4-A");
			}
			
			if(parts[0].isSalutation() && !parts[3].isSuffix())
			{
				populateParts( parts[0], parts[1], parts[2], parts[3], "", "4-B");
			}
			
			if(!parts[0].isSalutation() && parts[3].isSuffix())
			{
				populateParts( "", parts[0], parts[1], parts[2], parts[3], "4-C");
			}
			
			if(parts[0].isSalutation() && parts[3].isSuffix())
			{
			
				populateParts( parts[0], parts[1], "", parts[2], parts[3], "4-D");
			}
			break;
		}
		
		case 5:
		{
			if(parts[0].isSalutation() && parts[4].isSuffix())
			{
				populateParts( parts[0], parts[1], parts[2], parts[3], parts[4], "5-A");
			}
			
			if(parts[0].isSalutation() && !parts[4].isSuffix())
			{
				populateParts( parts[0], parts[1], parts[2], multiPartName(parts, 3), "", "5-B");
			}
			
			if(!parts[0].isSalutation() && !parts[4].isSuffix())
			{
				populateParts( "", parts[0], parts[1], multiPartName(parts, 2), "", "5-C");
			}
			break;
		}
		
		default:
		{
			error_report(parts.length);
			break;
		}
		
	}
		return;
}

function populateParts(salutation, firstName, middleName, lastName, suffix, rule)
{
		document.myform.salutation.value = salutation;
		document.myform.fName.value = firstName;
		document.myform.mName.value = middleName.getInitial();
		document.myform.lName.value = lastName;
		document.myform.suffix.value = suffix;
		document.myform.rule.value = rule;
}


function multiPartName(nameParts, startIndex)
{
	var finalName = "";
	for(var i= startIndex; i< nameParts.length; i++)
	{
		if(!nameParts[i].isSuffix()){
			finalName = finalName + nameParts[i] + " ";
		}
	}
	return finalName;
}


function error_report(length)
{
	alert("No Case for this Situation: Name Length: " + length + ".  Please Try again.");
	document.myform.fullname.value = "";
	document.myform.fullname.focus();
}

// PROTOTYPES

String.prototype.getInitial = function()
{
	return this.substring(0,1).toUpperCase();
}

String.prototype.isSalutation = function()
{
	var _mr = /Mr/i;
	var _ms = /Ms/i;
	var _dr = /Dr/i;
	
	if(this.match(_mr) || this.match(_ms) || this.match(_dr))
	{
		return true;
	}
	else
	{
		return false;
	}
}

String.prototype.isSuffix = function()
{
	var _FirstThruForth = /I/;
	var _Senior = /Sr/;
	var _Junior = /Jr/;
	
	if(this.match(_FirstThruForth) || this.match(_Senior) || this.match(_Junior))
	{
		return true;
	}else
	{
		return false;
	}
}
</script>
</head>

<body>
<form id="myform" name="myform">
Enter a Name: <input type="text" name="fullname"/>
<input type="button" name="Ok" value="Ok" onClick="jscript:parseName();"/>
<hr>
<table>
<th>Salutation</th>
<th>First Name</th>
<th>Middle Initial</th>
<th>Last Name</th>
<th>Suffix</th>
<th>Rule</th>
<tr>
<td><input type="text" name="salutation"/></td>
<td><input type="text" name="fName"/></td>
<td><input type="text" name="mName"/></td>
<td><input type="text" name="lName"/></td>
<td><input type="text" name="suffix"/></td>
<td><input type="text" name="rule"/></td>
</tr>
</table>
</form>
</body>

</html>

Wire up jQuery UI classes

Tue, 14 Jun 2011 13:53:54 GMT

Description: Why isn't this included as part of the library?

Link: http://www.codekeep.net/snippets/43f3554b-ca81-4069-8a5f-362d0a67ab65.aspx

$(function() {
     /* Bind  functions for handling css class to jQuery events */
     $(".ui-state-default:not(.ui-state-disabled)").live("mouseover", function() {
         $(this).addClass("ui-state-hover");
     });
     $(".ui-state-default:not(.ui-state-disabled)").live("mouseout", function() {
         $(this).removeClass("ui-state-hover").removeClass("ui-state-focus");
     });
     $(".ui-state-default:not(.ui-state-disabled)").live("mousedown", function() {
         $(this).addClass("ui-state-focus");
     });
     $(".ui-state-default:not(.ui-state-disabled)").live("mouseup", function() {
         $(this).removeClass("ui-state-focus");
     });
     $(".ui-state-default:not(.ui-state-disabled)").live("focus", function() {
         $(this).addClass("ui-state-hover");
     });
     $(".ui-state-default:not(.ui-state-disabled)").live("blur", function() {
         $(this).removeClass("ui-state-hover");
         $(this).removeClass("ui-state-focus");
     });
     $(".ui-state-default:not(.ui-state-disabled)").live("keydown", function() {
         $(this).addClass("ui-state-focus");
     });
     $(".ui-state-default:not(.ui-state-disabled)").live("keyup", function() {
         $(this).removeClass("ui-state-focus");
     });
 });

ClientSide Call Code Behind Part 1

Wed, 01 Jun 2011 00:43:52 GMT

Description: A process of calling a serverside (code behind) code from a client side using Javascript mimicing the AJAX behavior.

Link: http://www.codekeep.net/snippets/98877979-44b4-4ef3-b7f5-a9e38172752b.aspx

<script type="text/javascript">
<!--
        function callAjax(webUrl, queryString) {
            var xmlHttpObject = null;

            try {
                // Firefox, Opera 8.0+, Safari...

                xmlHttpObject = new XMLHttpRequest();
            }
            catch (ex) {
                // Internet Explorer...

                try {
                    xmlHttpObject = new ActiveXObject('Msxml2.XMLHTTP');
                }
                catch (ex) {
                    xmlHttpObject = new ActiveXObject('Microsoft.XMLHTTP');
                }
            }

            if (xmlHttpObject == null) {
                window.alert('AJAX is not available in this browser');
                return;
            }

            xmlHttpObject.open("GET", webUrl + queryString, false);
            xmlHttpObject.send();

            //return xmlText;
        }
        // -->
        </script>

    <script type="text/javascript">
    <!--
        var g_isPostBack = false;

        window.onbeforeunload = function () {
            if (g_isPostBack == true)
                return;

            var closeMessage =
        'You are exiting this page.\n' +
        'If you have made changes without saving, your changes will be lost.\n' +
        'Are you sure that you want to exit?';

            if (window.event) {
                // IE only...

                //window.event.returnValue = closeMessage;
            }
            else {
                // Other browsers...

                //return closeMessage;
            }

            g_isPostBack = false;
        }
        window.onunload = function () {
            if (g_isPostBack == true)
                return;

            var webUrl = 'LogoffPage.aspx';
            var queryString = '?LogoffDatabase=Y&UserID=' + '<%= Session["UserID"] %>';
            var returnCode = callAjax(webUrl, queryString);
            //alert(returnCode);
        }
    // -->
    </script>

Asp.Net Ajax prevent double-click

Sun, 03 Apr 2011 18:04:15 GMT

Description: JavaScript to prevent a button control form being submitted while awaiting a response.

Link: http://www.codekeep.net/snippets/57d6e6d2-6605-4b1b-bd7c-8325a0351c4b.aspx

<script type="text/javascript">
    var pbControl = null;
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_beginRequest(BeginRequestHandler);
    prm.add_endRequest(EndRequestHandler);
    function BeginRequestHandler(sender, args) {
        pbControl = args.get_postBackElement();  //the control causing the postback
        pbControl.disabled = true;
    }
    function EndRequestHandler(sender, args) {
        pbControl.disabled = false;
        pbControl = null;
    }
</script>

Open Popup (New ASPX File)

Fri, 11 Mar 2011 15:11:19 GMT

Description: Opens a new popup in the aspx file

Link: http://www.codekeep.net/snippets/07b7be2c-06e5-4c84-8288-c6732d6477f4.aspx

onclick="window.open('../AddSignature.aspx','','Width=575,Height=400,status=no,Hide=true,help=no,scroll=no,modal=yes');"

Displaying a Countdown using Javascript

Fri, 18 Feb 2011 20:16:33 GMT

Description: Displaying a Countdown using Javascript

Link: http://www.codekeep.net/snippets/d702d417-ab26-4308-8f31-41c1a79526c1.aspx

<SCRIPT LANGUAGE = "JavaScript">
<!--

x=5;
var pics= new Array();

for(i=1;i<=x;i++){
     pics[i]=new Image();
pics[i].src="countdown"+i+".jpg";
}

function img(){
     document.images[0].src=pics[x].src;
x--;
if(x>0) setTimeout('img()',1000);
if(x==0) setTimeout("msg=open('','DisplayWindow')",1000);
}
--> 
</script>

<BODY onLoad="setTimeout('img()',2000)">
<B>The countdown from 5 to 1 will begin in 2 seconds</B>
</BODY>

Regex Selector for jQuery by James Padolsey

Thu, 27 Jan 2011 10:52:30 GMT

Description: Source: http://james.padolsey.com/javascript/regex-selector-for-jquery/

Link: http://www.codekeep.net/snippets/a54b962b-2f1a-4629-a1b3-e35507f14c77.aspx

jQuery.expr[':'].regex = function(elem, index, match) {
    var matchParams = match[3].split(','),
        validLabels = /^(data|css):/,
        attr = {
            method: matchParams[0].match(validLabels) ? 
                        matchParams[0].split(':')[0] : 'attr',
            property: matchParams.shift().replace(validLabels,'')
        },
        regexFlags = 'ig',
        regex = new RegExp(matchParams.join('').replace(/^\s+|\s+$/g,''), regexFlags);
    return regex.test(jQuery(elem)[attr.method](attr.property));
}

jqGrid with manual saveRow on inline editing.

Fri, 07 Jan 2011 22:04:05 GMT

Description: Good *god* jqGrid and its plugins are pieces of crap. It's sad that it's so successful.

Link: http://www.codekeep.net/snippets/399c5809-71cf-4bfe-945b-080768329bb4.aspx

$.jgrid.extend({
    saveRow: function(rowid) {
        var original = $.jgrid.saveRow;
        if (/* make sure you're in the right grid - this change is global */) {
            // Find editable fields in this table)
            var editable = $("input.editable", this);
            var that = this;
            // call your server, passing the values of the inputs as necessary.  
            // in the callback:
            function(){
                if (success) {
                    // apply the data which was entered.
                    that.jqGrid("setRowData", rowid, { columnname: value_from_editable });
                    // turn off editing.
                    editable.attr("editable", "0");
                } else {
                    // undo.
                    that.jqGrid("restoreRow", rowid);
                }
            }
        } else {
            // wrong grid?  run the normal code.
            return original.apply(this, arguments);
        }
    }
});

dsfsd

Thu, 30 Dec 2010 05:22:34 GMT

Description: fsdfsdfsdfsdf

Link: http://www.codekeep.net/snippets/ff0425d7-a7b0-478e-a93a-8c2e72f0ede4.aspx

 ResponseData rd = new ResponseData();
            //workflowTableAdapter t = new workflowTableAdapter();
            Guid g = Guid.NewGuid();

            workFlow.wf_Id = g.ToString();
            workFlow.Name = name;
            workFlow.Rules = Session["xoml"].ToString();
            workFlow.Xaml = Session["xoml"].ToString();
            workFlow.Description = "";
            workFlow.CreatorId = 1;
            IList<WorkFLow> FlowDetatils = facade.AddWorkFLow(workFlow);
            return g.ToString();

Trim all spaces

Tue, 21 Dec 2010 10:32:05 GMT

Description: Trim all spaces using javascript

Link: http://www.codekeep.net/snippets/b2432da7-323e-4305-b8c7-395cdfb9fd58.aspx

function ltrim(str) {
    		for (var k = 0; k < str.length && isWhitespace(str.charAt(k)); k++);
    		return str.substring(k, str.length);
    	}
    	function rtrim(str) {
    		for (var j = str.length - 1; j >= 0 && isWhitespace(str.charAt(j)); j--);
    		return str.substring(0, j + 1);
    	}
    	function trim(str) {
    		return ltrim(rtrim(str));
    	}
    	function isWhitespace(charToCheck) {
    		var whitespaceChars = " \t\n\r\f";
    		return (whitespaceChars.indexOf(charToCheck) != -1);
    	}

Use Custom Validator with Java Script function

Tue, 21 Dec 2010 10:31:03 GMT

Description: Use Custom Validator with Java Script function

Link: http://www.codekeep.net/snippets/6688b808-ccc5-498d-9298-d68377894a67.aspx

 <script language="javascript" type="text/javascript">
    	function ltrim(str) {
    		for (var k = 0; k < str.length && isWhitespace(str.charAt(k)); k++);
    		return str.substring(k, str.length);
    	}
    	function rtrim(str) {
    		for (var j = str.length - 1; j >= 0 && isWhitespace(str.charAt(j)); j--);
    		return str.substring(0, j + 1);
    	}
    	function trim(str) {
    		return ltrim(rtrim(str));
    	}
    	function isWhitespace(charToCheck) {
    		var whitespaceChars = " \t\n\r\f";
    		return (whitespaceChars.indexOf(charToCheck) != -1);
    	}

    	function CheckItem(sender, args) 
    	{
    		var textbox1 = document.getElementById('<%= textbox1.ClientID %>');
    		var textbox2 = document.getElementById('<%= textbox2.ClientID %>');
    		var textbox3 = document.getElementById('<%= textbox3.ClientID %>');
    		var textbox4 = document.getElementById('<%= textbox4.ClientID %>');  		    		
    		args.IsValid = false;
    		if (trim(textbox1.value).length > 0) {
    			
    			args.IsValid = true;
    		}

    		if (trim(textbox2.value).length > 0) {
    			
    			args.IsValid = true;
    		}
    		if (trim(textbox3.value).length > 0) {
    			
    			args.IsValid = true;
    		}
    		if (trim(textbox4.value).length > 0) {
    			
    			args.IsValid = true;
    		}
    		
    	}
    
    </script>

<asp:CustomValidator ID="CV" runat="server" ClientValidationFunction="CheckItem" ErrorMessage="Pls enter"></asp:CustomValidator>

Debug EasterEgg Tool

Fri, 19 Nov 2010 22:21:39 GMT

Description: I use this to show a button (div) called debugdiv that displays when the sequence of characters are hit.

Link: http://www.codekeep.net/snippets/b13ee679-130d-473c-a2fb-790d24fc3415.aspx

$(document).ready(function () {

                var debugKey = 'debug';
                var debugKeyLength = debugKey.length;
                var keyHistory = '';
                var match;
                $(document).keypress(function (e) {
                    keyHistory += String.fromCharCode(e.which)
                    match = keyHistory.match(debugKey);
                    if (match) {
                        $('[id$=debugdiv]').css('visibility', 'visible');

                        keyHistory = match = '';
                    } else if (keyHistory.length > 30) {
                        keyHistory = keyHistory.substr((keyHistory.length - debugKeyLength - 1));
                    }
                });
            });

Call Web service with Ajax

Tue, 02 Nov 2010 19:37:16 GMT

Description: This is the skeleton code for creating an Ajax web service

Link: http://www.codekeep.net/snippets/b00fd7b0-51a7-41a4-b0d7-ab649f924edc.aspx

$.ajax({
        type: "POST",
        url: "webservice/WebserviceClass.asmx/FunctionName",
        async: false,
        data: '{"TableName": "' + tableName + '", "FieldName": "' + fieldName + '", "FieldValue": "' + currentCtl + '"}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            //the return variable is accessed with msg.d
        }
    });