The JavaScript Archive

Parse JSON with jQuery and JavaScript

Last week I posted a tutorial using jQuery and XML. The response has been overwhelming, but I have received several “suggestions” regarding the use of XML instead of JSON. Not wanting to neglect developers who are interested in exploring all the options, I am following up with a jQuery and JSON tutorial. Continue reading.

jQuery and XML revisited

Back in February of 2007 I wrote a post entitled Use jQuery expressions and AJAX to browse an XML file. The jQuery library has changed quite a bit since then, and I have decided to revisit jQuery and XML with an intermediate tutorial. Much of this tutorial is written as a response to questions I have received from other developers in regards to the February post. I hope you enjoy it. Continue reading.

Accessible News Slider plugin for jQuery — the final release

I have made a final adjustment to the Accessible News Slider plugin for jQuery, and I will no longer be supporting new releases or feature requests. The primary purpose behind building this plugin was to demonstrate that dynamic components can be accessible if appropriate steps are taken. This has been a successful experiment, and I still get quite a bit of traffic for the plugin.

Unfortunately, most of the feature requests that I receive do not take accessibility into account. Many of them are both interesting and usable, but not necessarily accessible. For this reason I am releasing the final version completely into the public domain. The plugin has always been available under the GNU GPL, but you may now use it to suit any of your project needs.

You will always find the support page at http://www.reindel.com/accessible_news_slider.

Enjoy!

HOWTO: build a Technorati top tags ticker with PHP, jQuery, JavaScript and AJAX - day 3 of 3

The third and final installment of this three day tutorial has arrived, and the completed ticker is finally unveiled. On day one I reviewed the Technorati API and the PHP, and on day two I walked through the XHTML and CSS. Today, I will break down the jQuery, JavaScript and AJAX components of the ticker. For those of you unwilling to wait for the reveal, click here for a demo. Continue reading.

HOWTO: build a Technorati top tags ticker with PHP, jQuery, JavaScript and AJAX - day 2 of 3

In day one of this three day tutorial I gave an overview of the Technorati API, as well as the PHP, and ended with a screenshot of the ticker. Today, I will focus on the XHTML and CSS required to complete the visual look of the ticker. Tomorrow, I will finish up by walking through the jQuery, JavaScript and AJAX functionality, and I will unveil the completed top tags ticker. Continue reading.

HOWTO: build a Technorati top tags ticker with PHP, jQuery, JavaScript and AJAX - day 1 of 3

The “how to” I posted on sprucing up your search box with CSS and a background image received some great feedback. I have decided to follow up with a more in depth tutorial that takes advantage of the Technorati developer’s API, specifically, the ability to retrieve the current top tags. Over the next three days I will teach you how to build an imitation of the tags ticker running at the top of the Technorati home page, using PHP, jQuery, JavaScript and AJAX. Continue reading.

The 7 deadly sins of JavaScript

I consider it a grave undertaking when you use JavaScript to bring forth these abominations. Several of these sins have crept into our midst, and it has come time to purge ourselves of their presence. Okay, so I may not feel that strongly about it, but this list should raise a few eyebrows. In essence, the issues I address are meant to facilitate discussion among developers regarding the tools at our disposal — specifically JavaScript. Continue reading.