Categories:

Main Content Areas:

Welcome to JavaScript Kit, a comprehensive resource for JavaScript tutorials, scripts, and more.

JavaScript Kit- What's New?

JavaScript Reference- Navigator Object

As part of our ongoing effort to bring our JavaScript Reference up to speed with the latest changes in the language, the Navigator object page has just been updated. So has the tutorial "Using the navigator object to detect client's browser".

Drop Down Panel script

Drop Down Panel adds a pull down panel to the top of your page that contains external content fetched via Ajax. Visitors click on the protruding button to cause the panel to drop down and reveal its content. Clicking anywhere on the panel again closes it.

Dynamically loading an external JavaScript or CSS file

External JavaScript or CSS files do not always have to be synchronously loaded as part of the page, but dynamically as well. In this tutorial, we'll see how to load, remove, and replace external JavaScript and CSS files on demand and asynchronously. It the era of Ajax, it's a handy thing to know.

Sorting an JavaScript array using array.sort()

See how to harness the sort() method of JavaScript to sort an array alphabetically, numerically, or even shuffle the array elements.

Displaying RSS feeds easily using Google Ajax Feed API

Displaying RSS feeds from other sites on your own is a nice way to show constantly updated content automatically. In this tutorial, we show you how to use Google Ajax Feed API to display RSS feeds from other sites on your own easily and without hosting the files on your own server.

IE multimedia filters and transitions reference

We're very excited to present the latest reference to our site- IE's multimedia filters and transitions reference! Supported in IE5.5+, now you can finally harness filters without doing so in the dark.

Relying on DOM readiness to invoke a function

In this tutorial I'll show you how to call a function as soon as the document's DOM is ready for manipulation, versus via the often slower window.onload event handler.

JavaScript Reference- Array object

The Array object section of our JavaScript Reference has just been expanded to include new methods of JavaScript 1.6 (supported by Firefox 1.5+).

Fixed Content using CSS/ Dynamic Expressions

See how to use CSS's "fixed" positioning to render content that doesn't move on the screen, plus how to simulate the effect in legacy IE browsers (5 and 6) using dynamic expressions.

Introduction to Dynamic Properties (IE)

I've just updated the tutorial on Dynamic Properties (aka Expressions) in IE with whole new examples and info on how a page's doctype affects its syntax.

Using object detection to sniff out different browsers

With the introduction of so many new browsers recently, from IE7, Firefox2, to Opera9, it's time to update our tutorial on using object detection to sniff out these new browsers as well!

CSS Hacks- the good, the bad, and the ugly

David provides a detailed look at your various options when it comes to CSS hacks to fix those browser inconsistency woes, even in IE7. The good and the bad aren't the only players in town!

JavaScript and memory leaks

If you're not careful, your JavaScript code may leak memory and sometimes even bring the visitor's browser to its knees. This tutorial looks at different leak patterns in JavaScript and how to fix them.

JavaScript Closures 101- they're not magic

Morris Johns explains JavaScript closures, a powerful yet often bewildering concept, in a gentle, step by step fashion.
More Additions

DOM Table methods and properties

The DOM Reference has just been updated with a new section on Table methods and properties!

Introduction to the TreeWalker object of DOM

The TreeWalker object is a powerful DOM2 object that lets you easily filter through and create custom collections out of nodes in the document. This is a comprehensive tutorial on how to utilize this object.

RSS Ajax JavaScript ticker

In this tutorial, I'll show you how to combine RSS, Ajax, and JavaScript to create a live RSS ticker.

Including the contents of an external page using Ajax

This tutorial looks at how to use Ajax to dynamically include the contents of an external page onto the current one automatically each time the page is requested. Think of it as SSI client side!

External JavaScript and PHP

External JavaScript can reference not just .js files, but PHP scripts as well. See how this is done, and the wonderful possibilities linking PHP to JavaScript bring.

Changing external style sheets using the DOM

Using the DOM, you can access and manipulate external style sheets on the page, from adding/deleting rules to modifying existing ones. This comprehensive tutorial shows you how.

Changing Select element content on the fly

This tutorial explains how to change a select element's content using JavaScript, from adding new options to modifying and deleting them. It also shows how to create a 2 level interdependent select list.

Custom CSS cursors

A comprehensive tutorial on all the available cursors at your disposal in CSS (as of CSS2.1), plus using JavaScript to manipulate the cursor.
Features
"Learning jQuery (Packt Publishing)" book review We review "Learning jQuery", a book aimed at introducing new comers to the jQuery framework.
HostSearch.com
Check out HostSearch for web hosting resources, reviews and more!
Features
CSS Vertical List Menu
This is a lean CSS vertical menu with support for 1 level of nested lists, displayed as a "drop down".
DaniWeb JavaScript Community
HTML, CSS, JavaScript, DHTML, and AJAX community and support forums.
Scripts/ Tutorials
References
JavaScript Tools:
Site Info

Additional partners:
- Web Development
- Web Design Jobs
- Web hosting directory
- Epson T048120 Ink Cartridge
- JavaScript Community
- Web hosting
- Web Directory
- Software Connection
- Software Library
- Directory Submission

Our Supporters
Coding Forums
Partners

CopyRight (c) 2018 JavaScript Kit. NO PART may be reproduced without author's permission. Contact Info