background preloader

Jquery

Facebook Twitter

jQuery Star Rating Plugin v2.61 (2009-01-23) What is this? The Star Rating Plugin is a plugin for the jQuery Javascript library that creates a non-obstrusive star rating control based on a set of radio input boxes. What does it do? It turns a collection of radio boxes into a neat star-rating control. It creates the interface based on standard form elements, which means the basic functionality will still be available even if Javascript is disabled. NEW (18-Feb-2013): Compatible with jQuery 1.3+ and the latest 1.9! How do I use it? Just add the star class to your radio boxes Use the checked property to specify the initial/default value of the control Use the disabled property to use a control for display purposes only What about split stars and 'half ratings'???

Use metadata plugin to pass advanced settings to the plugin via the class property. Use custom selector Make sure to upload these changes on to your server, this would be a great plugin for your blogs and review sites NEW to v3 API methods can be invoked this this: Database Integration. Fading Links Using jQuery: dwFadingLinks. Visual jQuery 1.2.6. How to create a stunning and smooth popup using jQuery | yensdes. Using jQuery to directly call ASP.NET AJAX page methods | Encosi.

Note: This post is part of a long-running series of posts covering the union of jQuery and ASP.NET: jQuery for the ASP.NET Developer. Topics in this series range all the way from using jQuery to enhance UpdatePanels to using jQuery up to completely manage rendering and interaction in the browser with ASP.NET only acting as a backend API. If the post you're viewing now is something that interests you, be sure to check out the rest of the posts in this series. When it comes to lightweight client-side communication, I’ve noticed that many of you prefer ASP.NET AJAX’s page methods to full ASMX web services. In fact, page methods came up in the very first comment on my article about using jQuery to consume ASMX web services.

Given their popularity, I’d like to give them their due attention. In this post, I will clarify exactly what is and isn’t necessary in order to use page methods. Creating a page method for testing purposes. Writing a page method is easy. Putting it all together. Conclusion. Why ASP.NET AJAX UpdatePanels are dangerous. If you’re like me, it’s hard to resist the lure of tossing a half dozen UpdatePanels on every page and reveling in AJAX goodness. The UpdatePanel makes AJAX trivially easy for anyone to implement, even without knowledge of what’s actually going on behind the scenes. Unfortunately, that very lack of transparency regarding the mechanics of the client/server exchange makes it all too easy to shoot yourself (or your application) in the foot. Let me give you an example that you’re probably familiar with by now, and thoroughly sick of seeing: protected void Button1_Click(object sender, EventArgs e){ Label1.Text = DateTime.Now.ToLongDateString();} Simple enough.

Button1 is clicked, an asynchronous request is made for the current date/time, and that is displayed as Label1′s content. As simple as it sounds, take a look at the actual HTTP post and response necessary to accomplish the partial postback: Shocking, isn’t it? Page Methods. 50+ Amazing Jquery Examples- Part1 | Noupe. Dec 20 2007 * This post is regularly updated. * Many of us have been using a good deal of jQuery plugins lately. Below I have provided a list of the 50 favorite plugins many developers use. Menu 1) LavaLamp 2) jQuery Collapse -A plugin for jQuery to collapse content of div container. 3) A Navigation Menu- Unordered List with anchors and nested lists, also demonstrates how to add a second level list. 4) SuckerFish Style Tabs 5) jQuery UI Tabs / Tabs 3 – Simple jQuery based tab-navigation 6) TabContainer Theme – JQuery style fade animation that runs as the user navigates between selected tabs.

Accordion 7 ) jQuery Accordion Demo 8) Simple JQuery Accordion menu SlideShows 9) jQZoom- allows you to realize a small magnifier window close to the image or images on your web page easily. 10) Image/Photo Gallery Viewer- allows you to take a grouping of images and turn it into an flash-like image/photo gallery. Transition Effects 12) Easing Plugin- A jQuery plugin from GSGD to give advanced easing options. How to Get Anything You Want - part 1 » Learning jQuery - Tutori. With jQuery, you can get to just about anything on a web page. In this entry, I’ll show you a few ways you can use jQuery’s versatile selector expressions to traverse to an element — or group of elements — in the DOM. I’ve put together a short paragraph and an ordered list scattered with inline elements such as <em>, <code>, and links.

It’s all wrapped in a DIV with an ID of “jqdt,” which allows me to focus the demonstration to one area of this page. Each button below the “jqdt” DIV will toggle a yellow background on and off for the parts of the DIV described. This is a paragraph of text with class=”goofy.” List item 1 with dummy link to silly.pdf list item 2 with class=”goofy“ list item 3 SURPRISE! $('li:eq(0)') gets the first list item $('li:even') gets all odd-numbered list items (because, in javascript, numbering starts with 0, not 1).

jQuery’s selector expressions cover the full range of CSS 1-3, along with basic XPath and a few jQuery-only expressions.