JavaScript Sample Code

★ wanayoo — archive 1999 http://developer.netscape.com/docs/examples/javascript.html

Click Here!

JavaScript Sample Code

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 the latest technical information on Sun-Netscape Alliance products, go to: http://developer.iplanet.com

For more Internet development resources, try Netscape TechSearch.