Javascript
Get motion on your Web pages without using an applet
JavaScript Class: How Can I Set A Cookie Based On A User's Selection On A Form? As a web developer, you may want to allow your site's visitors to make a choice on a form, then direct them to a specific page based on their selection. This tutorial will show you how to, for example, allow your users to select the type of mobile device they are using, then go to the page for that device thereafter, based on their selection--using cookies and JavaScript!
Top 10 JavaScript Snippets for Common Tasks Web developers often use JavaScript for common tasks on their websites. In this tutorial we'll show you the top 10 JavaScript snippets you can use on your webpages by just cutting and pasting!
JavaScript Tutorial: Adding Rotating Images to Your Web Site Sometimes a single image just isn't enough to showcase all that you want to promote on your site. If you've ever wondered how some sites get several images to rotate and you'd like to do that yourself, well, wonder no more. I'm here to show you how it's done.
Web Developer Class: How To Use the JavaScript Lightbox Image Viewer You've probably seen the Lightbox JavaScript effect in action on many sites. It overlays a larger version of an image on top of the current page when the smaller image is clicked, and this tutorial for web developers will show you how you can use it on your pages!
Object Oriented JavaScript Class for Developers Recently I discovered that JavaScript has changed a lot in the last few years--and the different kinds of syntax used to create objects in JavaScript can be mind-boggling! In this tutorial we'll answer some nagging questions about Object Oriented JavaScript and provide you with some sample code as well.
Accessible JavaScript 101: Rotating Banners As a web developer, we want everyone to be able to access our pages even when JavaScript isn't available to them. This tutorial will show you how to do just that with a Rotating Banner script.
JavaScript Tutorial: Build Your Own Image Viewer with Scrollbar In our last article we showed you how to use JavaScript to make a space saving image scrollbar complete with a pseudo animation effect. In this tutorial we are going to extend the image scrollbar into a full image viewer with scrollbar.
Web Developer Tutorial: Build Your Own Image Scrollbar If you have been surfing the web for more than a day you’ve certainly come across an image scrollbar. In this article we’ll walk through the JavaScript functions and HTML necessary to create an image scrollbar.
Making a Wizard with JavaScript In this installment we’ll create a wizard for subscribing to some websites. We’ll use JavaScript to manipulate display and styles to make it slick and easy to use without having to post anything to the server until we are finished.
Checking Your Work: Validating Input -- The Cool Stuff In the first part of this series Checking Your Work: Validating Input, we built the basic scripts required to validate some of our example form elements using JavaScript. In this installment we’ll move on to the cool stuff like nested validation and making sure input from the user is the correct type and formatted properly.
Checking Your Work: Validating Input -- Getting Started Whether you are accepting input for something as simple as a guestbook or something as complex as an employment application, it makes sense to check the user’s input before committing it to a database or even an email. In this series we will be exploring client-side validation using JavaScript.
JavaScript for Programmers - Events JavaScript Events are a big part of what makes the web experience interactive. Today we'll take a look at this essential part of JavaScript.
Javascript Date/Time Methods This HTML Goodies series shows how to use
some of the more important Date and Time tools for Web Developers.
Server Side and Client Side tools are discussed, along with some
special considerations for the Web.
Step through this mini-series to learn about the available tools
and to develop yourself into a globally thinking citizen of the World Wide Web!
A Quick Tutorial on JavaScript Variable Passing For those of you who need a way to pass variables across pages but wouldn't think of using a cookie to do it - try this method using JavaScript!
Creating a Modular JavaScript Toolbox Creating and maintaining an effective toolbox is one of the most time saving techniques in programming and can reduce development time greatly. This article shows you how to create and maintain your own such toolbox!
How to Develop Web Applications with Ajax: Part 1 In the past, Web applications were limited because a Web page had to be reloaded (or another page loaded in its place) in order for new data to be obtained. Recently, a new method, known as "Ajax" (Asynchronous Javascript and XML applications) asynchronously retrieves XML data via JavaScript. Ajax will allow you to take your Web applications to the next level.
Book Review: Head First JavaScript This book is written for someone who has a good grasp of HTML and CSS, and is looking to extend their capabilities. There are plenty of stimulating tutorials, but most importantly, you'll learn how to create dynamic, eye-popping Web sites.
JavaScript and HTML Tricks In this article you'll learn about a wide variety of tips: from storing and using hidden data to making HTML forms and lists look great. Each topic contains a brief introduction, then details on how to apply the technique.
How to Use a JavaScript Query String Parser In this article you'll learn how to obtain and use the data from the query string portion of the URL by using a JavaScript query string parser. This script is especially useful for people whose Web sites are served by free hosting providers.
Using Multiple JavaScript Onload Functions When scripts are written they're used to accomplish a given task, such as creating a rotating picture gallery, or to validate a form. For each task, a separate script is necessary. Often, a script is called using an onload function.
How to Create a JavaScript Animation JavaScript animations aren't difficult to write. Once you learn a few main ideas, you can create complex animations to display in your browser. Additionally, the content will be available to search engines because the content is in machine-readable (X)HTML.
Object-Oriented JavaScript This week we cover OOP (Object-Oriented Programming) and how it relates to JavaScript. Topics covered include: what encapsulation, inheritance and polymorphism mean, how JavaScript functions work, how to implement inheritance using closures, prototypes and more.
How to Create Remote Ajax Requests One of the most common questions about Ajax is whether it's possible to create remote or cross-domain Ajax requests. The answer is yes and this week you'll learn how to create an Ajax-enabled podcast aggregator with PHP and Ajax.
Building Simulations with Javascript As an organization required to publish analytical reports, we often inherit the responsibility of using data to create simulations or models. In this article I will discuss examples of applying real data and using Javascript to create a simulation.
Bring Your Forms to Life With JavaScript In this article you'll learn how to prevent errors in your forms. This method validates the form and provides immediate feedback to the user. If the form has been correctly filled out, the submit button is enabled, if not, the button remains grayed out.
How to Populate Fields from New Windows Using JavaScript Occasionally, filling out web page forms can be daunting. Fortunately, some forms display a question mark next to the form field, which opens a popup window containing additional information. This week, you'll learn how to enhance the functionality of those windows.
Accessible JavaScripting From The Ground Up As great as it is, JavaScript is probably one of the most commonly abused and overused technologies in web development. In this article, I hope to help you implement JavaScript without tears and guide you in the basics of good scripting practices.
Writing Your Own JavaScript Functions Part 2 Last week we focused on a basic programming concept--writing your own functions. This week we continue with our excerpt, and teach you how to use parameters, function calls and more!
Writing Your Own JavaScript Functions In this article we're going to focus on a programming concept--writing your own functions. Knowing how to write your own functions will improve almost any JavaScript you create. In fact, you'll see how custom-made functions can enhance several of the JavaScript tricks you've already learned.
Using JavaScript Variables and Built-In Functions With JavaScript you can update the content on your pages automatically every day, every hour, or every second. In this article, we'll focus on a simple script that automatically changes the date on your web page.
Browser Detect Script Our client side browser sniffer based on JavaScript, which includes links from our popular object and method detection tests to more detailed information on how they work. Works in all JavaScript-enabled browsers including Gecko m7.
From DHTML to DOM Scripting, Part 2 In our last article, we discussed how developers are now turning to DOM scripting instead of DHTML. This week we continue our discussion and delve into functions!!
From DHTML to DOM Scripting In this selection from Beginning JavaScript with DOM Scripting and Ajax, you'll learn what DHTML was, why it is regarded as a bad way to go nowadays, and what modern techniques and ideas should be used instead. Let's get started DOM Scripting!
Java vs. JavaScript A straight-text description of how one differs from the other.
Advanced JavaScript for Web Developers: onClick and onMouseOver JavaScript functions are very useful for web developers who wish to add interactivity to their websites. The OnMouseOver, OnLoad, and OnClick JavaScript functions are explained--with examples--in this tutorial.
Print a Web Page Using JavaScript You've probably been on a web page and wanted to print out the page for later reference. Wouldn't it be great to be able to provide visitors to your site with the ability to do just that? This tutorial for web developers will show you how to use JavaScript's window.print function, complete with examples!
Javascript Date/Time Methods This HTML Goodies series shows how to use
some of the more important Date and Time tools for Web Developers.
Server Side and Client Side tools are discussed, along with some
special considerations for the Web.
Step through this mini-series to learn about the available tools
and to develop yourself into a globally thinking citizen of the World Wide Web!
Web Developer Tutorial: Escape Characters Would you like single and double quotes, tabs, returns, ampersands, or double spacing in your Alert and Prompt boxes? Yes? Then check out this tutorial for web developers.
Javascript Browser Test Scripts Customize your content for your visitors by checking their browser type, screen resolution, or whether or not they have Flash.
