- Accessibility Stylesheet and text size switcher.
- Accordion Accordion interface with a few variations.
- AlphaNumeric Prevent users from inputing special characters.
- Ajax File Upload Loading graphic displays while file is uploaded.
- appendDom Write HTML with JavaScript, great for displaying Ajax results.
- appendText Converts text into post friendly html.
- blockUI EXCELLENT Create a message overlay while blocking user interaction on elements or the entire page.
- BogoFolders View text through a ‘file menu’ interface.
- BogoTabs Basic tabbed interface.
- Bubble Demo highlights selected table rows in groups of tables..
- Calendar Aids date entry.
- Checkbox manipulation Select, unselect and toggle checkboxes.
- Chili EXCELLENT Syntax highlighting for displaying code on webpages.
- Choose Component Select data from a table row through a modal window.
- Click Menu Generates dropdown menus.
- clueTip Tooltips with many variations.
- Color Animations Add color animations to div backgrounds.
- Color Picker Pass in color choices and attach custom events to each color block.
- columnHover Highlight table rows and columns.
- columnManager Add, remove and toggle table columns.
- ContextMenu – Menus that show when you right click specified elements.
- Confirmer Adds a listener to check if user confirms their action.
- Cycle EXCELLENT Add flash-like image effects to rotating image galleries.
- date picker Aids date entry.
- Delicious Read delicious bookmarks from a user to display on a webpage.
- Dimensions Get accurate window and document attributes across browsers.
- Equalize Columns Make columns the same height as the longest column.
- FCKEditor Plugin Adds a rich text editor to a textarea.
- Field Expand the ability to retrieve and set values in forms.
- Form EXCELLENT Change HTML forms to submit via Ajax.
- Gallery Viewer JavaScript image gallery.
- getUrlParam Function to get url parameters.
- Google Feed Plugin Display any RSS feed to a webpage.
- Gradient Adds a gradient to a div without needing an image.
- Grid Column Sizing Table column draggable resizing.
- Grid Row Sizing Expand and collapse table rows.
- hoverIntent Prevents unintended hover events.
- idTabs Add tabbed interface to a website.
- Impromptu Create modal windows and messages.
- jQuery Localisation Applies localisation packages based on the user’s language preference.
- jBox UI dialog widget.
- jCalendar Aids selecting of dates inline on a page.
- jCarousel Lite Simple carousel for images and HTML content.
- jCodeViewer Syntax highlighting for displaying code on webpages.
- jdMenu Hierarchical Menu Generates dropdown menus.
- jEditable Live editing of elements on a webpage.
- jFeed XML feed parser.
- jPanView Replaces big images with a zoom viewer in HTML.
- jqDnR Drag’n’Resize elements on a page.
- jQMaps Interact with Google maps.
- jqModal Display notices, dialogs, and modal windows in a web browser.
- Treetable Make a tree view out of an HTML table.
- Tree View EXCELLENT Tree view controls.
- Suggest Add autocomplete to input fields.
- YAV Form validation library.
- jqUploader Provides a status bar for uploading images.
- jScrollPane Customize your scrollbars.
- jTagEditor EXCELLENT Turn a textarea into a tag editor.
- jVariations Create a control panel to manipulate elements on a page.
- Keyboard Navigation Dynamically determine which element to focus on based on it’s position on the screen.
- labelOver Overlay labels over an input field.
- LavaLamp Navigation menu with a ‘lava’ effect.
- Lazy Load Only load images that are in the current window.
- Live Query Adds event listeners to elements.
- Masked Input Add mask to inputs to aid user data entry (phone numbers, etc).
- Media EXCELLENT Unobtrusive conversion of standard markup into rich media content.
- Extra selectors for JQuery Add more selectors to jQuery.
- Mousewheel Mousewheel event handler.
- Mousehold Event Add repeating event as the user holds down the mouse.
- Multiple File Upload Select multiple files one by one as it adds to a queue list.
- newsticker Create a fading news ticker.
- Password Strength Meter Indicator to show the strength of a users password.
- PopupWindow Creates an preview popup of destination link.
- Query String Object Useful for sending URL parameters.
- Select box manipulation Remove and add options from a select list or dropdown in many ways.
- selectCombo Tool for making dependant dropdowns with Ajax.
- Star Rating Generates star rating from input fields
- Grid Dynamic ajax grid control.
- slideViewer Image gallery as slides.
- Spoilers Hide content behind an image until user action is taken.
- tableHover Row and column highlighting with variations.
- tableFilter Search box is added to each column header to filter table.
- tablesorter Client side table sorting.
- Taconite EXCELLENT Easily make multiple DOM updates using the results of a single AJAX call.
- Textgrad Add gradients to whole blocks of text.
- Time Entry Sets an input field up to accept a time value.
- Tooltip Add tooltips from title page.
- Validation EXCELLENT Add live validation to forms.
- WYMeditor EXCELLENT Web-based XHTML WYSIWYM editor.
- Zoomi Zoomable thumbnails.
- XSLT Transform XML/XSL from JavaScript.
- XAP Ajax library.
List Of Jquery Plugins ?
What is Jquery ?
Customizing your Toolbox in ASP.NET
1. )You Can Add or Delete Tabs in the ASP.NET . The image Below shows you How !!

2.) You can Add - Delete Components too look at the image below.

2.) You can Add - Delete Components too look at the image below.

Your Second Programme
AIM : Calender Date Selected to Be Viewed Instantly on a Label .
Lets make the Code bit hard.
Lets make the Code bit hard.
Step 1: Drag and drop the Calender and the label from the toolbox . Srep 2: Double Click the Calender and paste the followin code in the event "Calender Select index changed." Label1.Text = Calendar1.SelectedDate.ToShortDateString(); Step 3 : Output will be Something like this. ( Look Below) Step 4 : NOT UNDERSTOOD . DOWNLOAD THE CODE HERE | ![]() |
![]() | ![]() |
Your First Programme
AIM : Changing the text of a Label on click of a button .
Step 1 : Drag and Drop a Label and a Button in your .aspx page. It will some thing like this .( look image). Step 2 : Double Click the button in the Design view and you will get button event in Default.aspx.cs. Add this Code. Label1.Text="Hello World"; Step 3 : Right-Click "View in Browser" and You will get Follownig output ( look below ). | |
Before Clicking the Button | After Clicking the Button |
Understanding Code Behind and Start developing
AIM:
Understanding the CODE-BEIND.
When you create an website in Visual Studio 2010 ( File>New>Website) you will get 2 types of files . yourfilename.aspx and yourfilename.aspx.cs.Well Default.aspx are the codes are runned on the computer it is viewed .While Default.aspx.cs is runned on server computer . The languages which work on server computer are known as Scripting languages . Some examples are PHP,CGI, C-sharp these are particularly used in Website Designing .
There are events in code-behind of a csharp file.
EVENT OCCOURENCE SERIES
The First event to be loaded is Page_Load Event this event will even if it is at the top of the page and the sequence does not matter.Unload occurs after the content has already been rendered. Any changes you make at the server after the content has been rendered will not be seen by the client.
The latest event that is generally used to update page controls is PreRender. You can also override Render and still make changes that the client can see. But after that, the client will not see the changes because the html markup has already been generated. If there are more than one page load events than the first page load event will happen first then the second . This applies to all the events i described above
Subscribe to:
Posts (Atom)