http://www.easyjquery.com Blog about jQuery - next generation JavaScript library. Sun, 16 Nov 2008 14:55:49 +0000 http://backend.userland.com/rss092 en I would like to tell you about one outstanding plugin - jQuery Corner. With this plugin you can easy draw different styles corners. You can draw rounded, with different radius corners, shaped corners, you can apply different styles to different corners. For using this plugin you should include jQuery library and ... http://www.easyjquery.com/?p=239 For better understanding of plugins writing technique let's choose any simple task having at least some practical value. Let's write jQuery plugin which set different colors for odd and even table rows. Besides, we should have ability to pass font and background colors values for odd and even rows as ... http://www.easyjquery.com/?p=184 Attribute Filters. [attribute] - select all elements that have specified attribute. This code will select all divs that have attribute id and set red border around them: $("div[id]").css("border-color", "red"); Open this example in new window and view source code. [attribute=value] - select all elements that have attribute with certain value. This code will select input field ... http://www.easyjquery.com/?p=157 In this post I would like to tell about jQuery Date Input plugin, which allow user to pick up date from calendar in a couple of clicks. This plugin has a lot of advantages: very simple to implement; small; fast; pretty by default; already localized on more than 20 languages; easy customizable. To use this plugin ... http://www.easyjquery.com/?p=139 Content Filters. :contains(text) - select all elements which contain given text. This code will underline all divs which contain name John: $("div:contains('John')").css("text-decoration", "underline"); Open this example in new window and view source code. :empty - select all elements which has no any elements, nodes or texts. This code will fill all empty cells of table whith ... http://www.easyjquery.com/?p=124 I'm planning to post some jQuery code snippets in this category. It's usefull to have such a small parts of a code in your personal library and don't waste time coding or googling it. How to center element in browser window. jQuery.fn.center = function() { var w = $(window); this.css("position","absolute"); this.css("top",(w.height()-this.height())/2+w.scrollTop() + "px"); this.css("left",(w.width()-this.width())/2+w.scrollLeft() + "px"); return ... http://www.easyjquery.com/?p=106 Basic filters. :first - select first element. This code will set font to italic on first row of the table: $("tr:first").css("font-style","italic"); Open this example in new window and view source code. :last - select last element This code will select the last row of table and set background color to yellow and font to bold: $("tr:last").css({ ... http://www.easyjquery.com/?p=68 1. When you add some handler for the event - it does no replace previous handler . So both handlers will run. In this example, if you click on element with id "example" - you will see both alerts: $('#example').click(function(){ alert('one'); } ); $('#example').click(function(){ alert('two'); } ); 2. Basing on previous fact we can ... http://www.easyjquery.com/?p=57 One of the often appearing tasks during making user interface for website is the control of the data, entered by users into the input fields. For example, phone number, SSN, date should has certain format. Masked input plugin allow you easy control what user can enter in input field on client ... http://www.easyjquery.com/?p=28 Selectors - is a key to understanding jQuery. Generally, it's combination of CSS 1-3, XPath and custom code. Selectors allow you easy and quick identify any set of webpage elements for manipulating. Selecting the part of document is performed by using function jQuery(). This is the most important function of ... http://www.easyjquery.com/?p=18