JavaScript Sample Code
- JavaScript Graph Builder
- Writing a report for the Web? Want to convey some important data visually, but don't want to load up that clunky
spreadsheet program? Use the new JavaScript Graph Builder to add graphs to your Web pages in a flash!
- JavaScript DHTML Collapsible Lists
- Collapsible lists have been available for a long time, but now DHTML makes it possible to create more functional and adaptable lists. With the JavaScript DHTML Collapsible List library, you can create DHTML collapsible lists easily, giving you the functionality you need with the styling you want.
- JavaScript Dynamic HTML Utilities
- This TechNote explains how to use JavaScript DHTML Utilities, cross-browser tools that give you the ability to quickly add interactivity, moving elements and sound to your Web pages without having to understand much JavaScript
- Connecting JavaScript to Java with LiveConnect
- Netscape engineer Gary Smith is a clever guy; in this View Source article, in his own words, he shows you ". . . how you can
write pure JavaScript code that will have Java-like capabilities without your having to write any Java
applets or plug-ins." Neat trick, eh? Read on to find out just how clever Gary is . . . and to find some useful code samples you
can drop into your own applications.
- Determining Browser Vendor, Version and Operating System With JavaScript
- This JavaScript code example shows you how to determine which browser is viewing the page and how you can place conditional JavaScript statements in your HTML source that serve up a page optimized for the users' particular browser. Compatible with all JavaScript-capable browsers on all platforms. Updated July, 1998.
-
The JavaScript Menu Component, Part 2
- Gary Smith shows you how to build cross-browser menus for your web application
using JavaScript techniques he utilized to build the Netscape Open Studio site.
- Properties of Objects Sample Code
- This sample code explains how to obtain the properties for a JavaScript object. It includes an
example that lets you choose a JavaScript object from a list, and find out the properties associated with that type of object.
- Webtop Widget (Requires Netscape Navigator 4.0 or higher)
- Use the Webtop Widget to use the entire desktop to view web pages - no chrome or
toolbars. Implement this on your site and let visitors with 4.0 browsers see your content with the greatest possible viewing area, or just try it out and surf the Web with your desktop. Achieved via JavaScript1.2, Webtops are anchored to your desktop. Recently updated for use with scrollbars.
- Visual Dynamic HTML Utility (Requires Netscape Navigator 4.0 or higher)
- The Visual DHTML utility is a web-based authoring tool to help you create your own Dynamic HTML
content. This web application is written primarily in JavaScript1.2 and includes many useful features, such as "pre-built
Widgets", "Drag and Drop", and a demo to help you get started.
- Dialog Widget
- Dynamic HTML is a great way to build cross platform interfaces - this set of highly customizable dialog
boxes require very little coding to include in your web application or complex web site.
- Draggable Toolbar
- This draggable toolbar provides convenient access to webpages. The toolbar can be dragged outside the browser window and
stays persistently above other open windows.
- Backround Color Chooser
- This code sample is a simple example of the ability to dynamically alter the contents
and look of a web page with JavaScript. It was part of the Introduction to JavaScript presentation given at our most recent
Developer's Conference in Europe. This is basic code for beginners that uses JavaScript 1.2.
- Sliding Tower
- This code sample highlights the use of JavaScript for creating animations on a web page,
including controlling the animation (start/stop and speed) as well as pre-caching of
the images. It was part of the Introduction to JavaScript presentation given at our most recent Developer's Conference in
Europe. This is basic code for beginners but may also be useful to intermediate JavaScript users.
- Form Validation with JavaScript 1.2 Regular Expressions
- This sample JavaScript code demonstrates how JavaScript 1.2's support for regular expressions makes it even
easier to check a user's form input for mistakes, typos, and the omission of required
fields. The entire fileset is also available for download.
- JavaScript Calander Popup
- Use this calendar popup to make it easier for your users to enter date
values in your forms. Click on the calendar graphic in the example to launch a
popup window, then select a date. The popup window closes and the date appears in your form's date field.
- Dynamically Manipulating CSSP-Positioned Elements
- This sample code demonstrates how to move a positioned HTML element and modify its clipping area from JavaScript.
It also demonstrates the appealing visual effect of opening "blinds" over the HTML element.
- Opening a Full Screen Window or a Small Window Based on User's Screen Resolution
- The new JavaScript functionality of the screen object allows you to gain much more control of the Navigator window.
This code example shows how to open a window to the user's full screen size with no toolbars showing. It also shows how
to open windows of a specific size in a given screen location dependent on the user's screen resolution.
- HTML Presentation Template
- You saw it at DevCon, now use it yourself! Read this new TechNote on the HTML presentation
template used at DevCon and download it for your own use!
Conference Scheduler
- The DevCon Scheduler demonstrates how you can build a dynamic, standalone
application using 100% JavaScript. No cookies, no CGI, no server side
interaction required. The Scheduler maintains state between pages and
utilizes one common data source to build custom itineraries. Combined
with other features of JavaScript, the end result is a powerful, portable application.
Form Validation With JavaScript 1.0
- This sample JavaScript code demonstrates how to check a
user's form input for mistakes, typos, and the omission of required
fields. The entire fileset is also available for download.
Dynamic Framesets
- You can use this JavaScript code in a frameset and call ANY page to the top-level of the frameset simply by changing your
calling URL from http://domain/directory/frameset.html to http://domain/directory/frameset.html?name=document.html
Netscape Field Checks
- This example page includes JavaScript code that will check an HTML form prior to submission to ensure that values
have been entered in all required fields.
Menus With Mouseovers and Status Bar Indicators
- This JavaScript example demonstrates how to build graphical menus that change as the mouse pointer moves over them.
Note how the graphic and the status line both change in this fully-functional online example.
Passing a Variable Number of Arguments to a JavaScript Function
- A little known functionality of JavaScript is its ability to accept one or more arguments within a single function. This
Coder's Corner example shows how to write a single function which handles many arguments or combinations of arguments.
Submitting a Single Form to Multiple CGIS
- This example uses JavaScript to dynamically change the 'action' property of a form.
- Rounding Off Numbers Using JavaScript
- This example shows how to round off numbers in JavaScript.
Passing Parameters From Java to JavaScript
- This code sample illustrates how to use call() to pass a number of parameters with different data types.
- Using LiveConnect to Access JavaScript From Java
- This example demonstrates setting and getting a cookie with a JavaScript function call from a Java applet.
Setting and Reading Cookies Using JavaScript
- Cookies can be set, read or deleted using JavaScript. Here's a complete program for Setting/Deleting and Reading Cookie.
More Layering Examples
- Find examples on how to make your web page look as if a visual element is sliding across it, make a curtain close across
your page, or have a "spotlight" sweep across an image in Scripting Layer Effects and Transitions, a new article in View Source.
For more Internet development resources, try Netscape TechSearch.