Snipplr

(CSS) Aligning Checkbox with Label - mattvbiggs

Fri, 02 Dec 2016 05:45:25 UTC

Aligning a label with a checkbox can be tricky. Here is the HTML and CSS I used to achieve it.

(jQuery) jQuery: Double Click to Add - mattvbiggs

Sat, 02 Mar 2013 02:51:14 UTC

The snippet below was pulled from code that loads a list of names pulled from Active Directory into a listbox. This code will execute when the user double clicks on a name in the list box (lstResults) and stores it in a variable to be passed to another function (to populate fields on the page). This code was used on an ASP .NET page which is why you see the syntax "id$=" for finding the DOM objects. This syntax is used to ignore the ClientID value the .NET Framework adds to DOM objects at runtime.

(jQuery) jQuery: Dynamic Character Count - mattvbiggs

Tue, 29 Jan 2013 00:12:44 UTC

Handy code snippet for keeping track of the number of characters a user is entering into a textbox or textarea. It will dynamically update the count as the user is typing. This also works with copy & paste. The top snippet will automatically calculate the current count after the page loads; use the .keyup event to do the dynamic update. All of this code should be in the $(document).ready.

(jQuery) jQuery: Clear All Text Fields (with one line of code) - mattvbiggs

Thu, 13 Dec 2012 05:27:36 UTC

This can come in handy for a reset or cancel button. You can clear all inputs within a single div in one line of code. Pretty sexy.

(C#) Toggle Asc/Desc Sorting Gridview Columns - mattvbiggs

Sat, 23 Jun 2012 04:52:53 UTC

When I first used this code, it was in the GridView_OnSorting event. This will sort the Sort Expression and Sort Direction in the ViewState. In the fill_grid() function I will pull these values from the ViewState to construct the sort.

(jQuery) jQuery: Highlight Rows Using Checkbox - mattvbiggs

Wed, 06 Jun 2012 04:21:24 UTC

The following code snippet will highlight the row in a table when the checkbox is checked. It will remove the highlight when the checkbox is unchecked. This will work for basic

as well as a GridView. The "input:not(#selectAll)" will ignore the row that contains a SelectAll checkbox with the ID "selectAll". Note: I had a css class defined as highlight where I set the background-color property.

(jQuery) JQuery: Connect to SAP Web Service - mattvbiggs

Fri, 16 Mar 2012 01:16:42 UTC

There are a couple of steps involved to connect to an SAP web service. Really, its about the same as connecting to a regular ASMX web service, using the .ajax() function. Make sure you have a WSDL with the function and connection information. I recommend using SoapUI for testing and verification.

(jQuery) JQuery: Displaying a Tooltip - mattvbiggs

Wed, 24 Nov 2010 04:19:36 UTC

I know that there are other ways of displaying a tooltip without the use of JQuery but I like the flexibility and control JQuery provides. This snippet shows how to add a tooltip to a Help icon.

(jQuery) JQuery: Confirmation Popup - mattvbiggs

Wed, 27 Oct 2010 05:58:57 UTC

The following snippet is a good start to setting up custom dialogs for a web page. This uses the .dialog() function from the JQuery UI libraries. The simplicity of this code is just one of the ways JQuery makes the UI slick.

(jQuery) JQuery: Toggle Expand/Collapse - mattvbiggs

Thu, 07 Oct 2010 09:24:59 UTC

I know there are other solutions and sites out there that provide code to perform this simple animation but I like the way I laid out the code. The principal behind this code is it will toggle a show or hide event and change your plus or minus image to correlate with the respective layout. In the snippet below the references to #img and #div should refer to the id attribute you set, not to the actual img and div tags.

(jQuery) JQuery: Select All / Clear / Cascade - mattvbiggs

Sat, 02 Oct 2010 01:12:24 UTC

This code can be used to create a MVC View User Control (.ascx) that will display a cascade or select all button with a clear button for checkboxes arranged in a hierarchy.

(jQuery) JQuery: Select All/Clear - mattvbiggs

Tue, 28 Sep 2010 23:41:51 UTC

This is used in combination with JavaScript and MVC (hence the ViewData object). If this code is pasted into a MVC View User Control (.ascx) file, it becomes a reusable Select All/Clear control. It was originally written with a C# codebase. It will work in VB as well, with minor changes (i.e. change all square brackets around ViewData to parenthesis).
Also, below the closing script tag is code that is used to call the control. Make sure the string value of the first parameter matches the name of the ascx file that contains the script.