Programming with JavaScript used to be hard. Just look at all the JavaScript tutorials written by our Webmonkeys. Over the years we’ve done what we can to help you make sense of JavaScript.

The data grid above is a jQuery plugin jTPS that creates a table you can sort and page through, using nice animations, all via a simple call out:
PLAIN TEXT
JAVASCRIPT:

$(document).ready(function () {

$(’#TABLETOCONTROL’).initTable( {perPages:[5,12,15,50,’ALL’]} ).controlTable();

});

Selim Arsever wants to make it easier to great JavaScript games, so he created gameQuery, based on jQuery.
gameQuery allows you to declare animations, which are made of one image with a succession of frames just like in a css sprite. An animation in itself doesn’t exist until it’s associated with a …

Aptana has three posts in a row for us Ajax folk. They have updated support for the latest and greatest versions of the Ext and jQuery libraries:

jQuery 1.2.6 support
Ext 2.2 support

Aptana has a javadoc/jsdoc like system called ScriptDoc that you can use to document your APIs nicely for the tool, and we are seeing …

In March 2004, Dave Shea wrote about CSS Sprites, and now he is back with CSS Sprites 2. He walks us through using JavaScript to make this all work nicely, and picks jQuery to get ‘er done:

After putting this together piece by piece, we end up with:
PLAIN TEXT
JAVASCRIPT:

$(document).ready(function(){

        // remove link background images since …

The sold-out jQuery Conference 2008, being held in Boston on September 28th, is nearly upon us. With 13 sessions being delivered by the jQuery team as well as prominent industry experts such as Jonathan Snook, Aza Raskin and Cody Lindley, this is sure to be a stellar event.
The conference has been broken out into two …

JavaScript 框架 JQuery 项目站点最近以新面目示人，新站点继续延续 JQuery 的创新风格，让人印象深刻。以下是关于 JQuery 的一些资料。Rey Bango, JQuery 的市场拓展 Rey Bango 这样评述 JQuery：

An awesome Javascript / Youtube Guitar Hero game, by John Resig, creator of jQuery

We’ve been listening to your feedback today, about the new jQuery site redesign and one thing has become clear:

Death to JavaScript Rock Stars!

Poor dude didn’t even last 24 hours. We wanted to have some fun with the home page, but this bordered on a little too “extreme” for most tastes.
We plan on bringing some further revisions to …

When I was doing an interview with John Resig for the Open Web Podcast, he mentioned that the redesign of jQuery.com had a lot of people talking, and it seems like people have strong feelings about the Rock Star for whatever reason.
Ignoring the style, the redesign is more than just that:

The entirety of the …

As many of you have seen by now, the jQuery Project’s site has been redesigned. It had been a long overdue task and it was important to put a fresh new spin on the main hub, and the face, of jQuery. One of the things about the jQuery Project is that we’ve never run with the crowd or accepted the …

John Resig posted on degrading script tags and adding functionality to <script> so you can add a src attribute and a body of code that will be executed one the external script loaded error free:
PLAIN TEXT
JAVASCRIPT:

<script src=”some-lib.js”>

  var foo = use_some_lib();

  foo.do.stuff();

</script>

To make this all work, John shows us a jquery aware version that detects loading and such:…

We’ve just pushed out a brand new site redesign (for jQuery.com and all its sub-sites). This has been a long time coming and it feels great to get it out the door.
New Homepage

Easily the most contentious part of the redesign - but absolutely the most eye-catching.
jQuery has long been driven by rock, even looking back to …

The much used JavaScript library jQuery has just received a website makeover. The new design boasts a new logo, colour scheme and has some a whole lot more attitude and character than the previous incarnation. Well done Mr Resig!

Rizqi Ahmad from Germany has introduced a nice solution for client-side template based on JQuery. To use the engine, you’ll need to download JQuery (better the latest version) and Chain.js then add script tags to load them.

In the “oh wow, I didn’t know JavaScript could do that” category, I just came across a cool new jQuery plugin called jParallax which implements a parallax effect on selected elements. Now, I’m not ashamed to admit not knowing what “parallax” meant so I looked it up on Wikipedia which totally added closure to the concept being …

In 2004, Dave Shea took the CSS rollover where it had never gone before. Now he takes it further still—with a little help from jQuery. Say hello to hover animations that respond to a user’s behavior in ways standards-based sites never could before.

Many-to-many set search technology in an impressive, open source JavaScript application featuring SIMILE technology, jQuery, and the Freebase MetaWeb API, says InfoWorld blogger Martin Heller

Rizqi Ahmad has created a data binding service for jQuery called Chain.js.
A simple example shows you where to start. When given HTML like:
PLAIN TEXT
HTML:

<div id=”quickdemo”>

    <div class=”item”><span class=”library”>Library Name</span></div>

</div>

The following JavaScript will add data as items to the list:
PLAIN TEXT
JAVASCRIPT:

$(’#quickdemo’)

    .items([

        {library:’Prototype’},

        {library:’jQuery’},

        …

Compatibility of ixwebhosting with PHP FusionPHP Fusion,ixwebhosting,mySQL,jQuery javascript,visual interface of PHP-Fusion,CSS,JS,W3C HTML,svn snapshot,multi-language,themes.php,styles.css,TWB Panels

A screencast on how to add javascript unobtrusively to your application.

Mar 27, 2008 JavaScript is a misunderstood language. While it, seemingly, doesn’t contain the libraries or abstraction of Java or the terse flexibi…jHon Resiq, creator of jQuery doing a really interesting seminar about JavaScript, jQuery, and a bit about Mozilla/Firefox

Registration for jQuery Conference 2008 is officially open. Register now to ensure your spot!
As announced, this one-day conference will be held in Boston on Sunday, September 28, and will feature two tracks of presentations (beginner and advanced) from jQuery project members and a few special guest speakers. A registration fee of $50 will help cover the cost …

I recently stumbled upon Dragon Interactive (dragoninteractive.com). It’s a pretty well designed site. However, the pièce de résistance is their rather cool animated menu. Now… had this been designed in Adobe Flash, I wouldn’t had paid much attention. A closer inspection revealed that the menu is plain XHTML, CSS and Javascript. This detai

js newsticker using jquery

A beautiful javascript library

Clean up the look of your web page easily. For JavaScript programmers. Requires jQuery.

jQuery is a JavaScript library that emphasizes interaction between JavaScript and HTML. jQuery is considered quite fast and lightweight and helps designers simplify how they handle HTML documents, events, perform animations and add Ajax interactions to their web pages. Here are five popular jQuery plugins that you may have seen around the Web …

Edward Tufte has long had a following of fans in the field of information visualizations. Among his interesting taxonomy of visualization types is the “Sparkline“, which he describes as “data-intense, design-simple, word-sized graphics”.
While Tufte originally suggested that computer displays are too low-resolution to effectively make use of Sparklines (vs. printed page), James Dempster pointed us to some work …

Developers are always looking for a great grid control that is easy to use, customizable and, of course, feature-rich. Paulo Mariñas has created just that for jQuery developers. Flexigrid is an extremely flexible grid control with provides many of the features highly-desired by developers. These include:

Resizable columns
Resizable height and width
Sortable column headers
Cool theme
Can convert an ordinary table
Ability to …

The plugin generates client side sparkline charts (like the ones Google Analytics uses) in all modern browsers with just a couple of lines of javascript and no server-side support needed. Click through for examples.

Here’s a JavaScript function definition:

function foo() {
alert(’foo!’);
}

You can refer to that function like this:

foo

And here is how to call (execute) the function:

foo()

Even experienced developers new to JS tend to get these confused. For example, jQuery’s getJSON method allows you to specify a function to be executed once the operation is complete. Be careful not to plug in the …

Since 4 days, many have noticed that we’ve uploaded another minor bugfix release to our Google Code account. While there’s again no new API introduced, more than 30 issues have been cleared again, and we’re getting the feeling that the codebase is growing more stable very day.
The full changelog is available here if you want to find out if …

Here is a rar file full of programming cheat sheets in PDF formats. It covers HTML, CSS, JavaScript, MySQL, Website SEO, jQuery, Durpal, Wordpress and more. Cheat sheets are a great way to remember…

In this article, you’ll find 23 excellent, print-ready cheat sheets for HTML/HTML, CSS, and JavaScript (including MooTools and jQuery).

In this tutorial, I am going to show you how to create a simple tabbed navigation using jQuery (as you know, its a javascript library) with clean markup.

A New SolutionAlthough JavaScript worked wonders for the problem I had to solve, I was not entirely content with the length of the solution. I looked around for JavaScript libraries that would help me reduce the lines of code and I came across jQuery. If you have never heard of this library I would recommend clicking on the link and …

jQuery è un framework JavaScript che sta risquotendo un enorme successo, grazie alla sua leggerezza ed alla sua potenzialità

Soon after the release of jQuery UI 1.5, we were getting many useful feedback and issues entered in our bugtracker. Today, we’re happy to release another version of jQuery UI which takes care of many minor regressions and a lot of unsolved issues.
1.5.1 doesn’t add any new features or API changes, but fixes more than 50 found issues. A …

“jQuery is a javascript framework that is becomming insanely popular. It is fast, easy to use and creating custom plugins and components is done in a breeze. In light of all this, here are my eight best tips for becomming a better jQuery coder that you might consider before taking on your next project.”

The jQuery Team is pleased to announce the second annual jQuery Camp! jQuery Camp 2008 will be held on Sunday, Sept. 28, the day before The Ajax Experience, in Boston, MA (location TBA).
Last year, over 100 jQuery developers gathered for a full day of jQuery sessions, which included talks from such big names as jQuery creator …

As developers, we have more and more JavaScript libraries to choose from and, of course, the option not to use any at all. Over time, we each tend to favor one method of coding over another. For those who’d like to learn more about jQuery, one of the more popular libraries, here’s a crash course written with code-savvy web designers …

The team at Giva Labs were looking for a method to show off a complex hierarchical tree of options within their software applications and while there are many options in terms of UI controls, they needed something that would be intuitive and offer both mouse and keyboard entry. The requirements were challenging:

Menus must resize and position themselves to stay …

Elegant cheat sheet for JQuery javascript libary

Just the other day I was chatting with a colleague about how to go about pre-loading images before rendering a cool JavaScript-driven animation; Scott Jehl from the Filament Group wrote in to tell us about a jQuery plug-in that they use for just that purpose:

We recently put out a super handy jQuery plugin for pre-caching all images referenced …

Ivan Bozhanov walked us through his jQuery-based tree component recently. The state of trees out there is interesting. YUI! has a nice, stable tree control but Dojo’s once feature-rich tree has been replaced with a fairly basic tree (i.e., doesn’t appear to have in-line editing and drag-and-drop still seems flakey; Dojo guys, correct me if I’m wrong) …

New jQuery plugin allows you to create a cool animation effect – think “Double Dragon.” Clever use of image stacking and JavaScript. Via Locomotivation, a blog about RoR.

Our Signal takes Digg, Reddit, Delicious, and Hacker News and creates a full page cloud visualization using jQuery.
The size of the box reflects the popularity, and the color lets you know the acceleration of that popularity. If the color is warm, it is on the rise, and vice versa for cool colors.
I …

this tutorial will show you how to implement a client side stylesheet switcher in your webpage using jQuery javascript library.

javascript tutorial: how to change attributes of a particular tag using jquery. example shows how to change the src attribute of an image tag.