JavaScript Opera Articles

Synopsis: See how you can use JavaScript to enhance your Thank You page to let the user know that what they sent is exactly what you received.

Techniques: JavaScript, CGI, forms, thank you page

Synopsis: A link up with Michael Bednareks' SiteCreator Channel has been arranged. There are currently five JavaScript Beginner Articles available on Michael Bednareks' SiteCreator Channel. If you find the existing articles hard to follow then these will be just the thing for you.

Techniques: Beginners introduction to JavaScript, functions, objects, forms

Synopsis: Have you ever wanted to display a different page in another language for non-English visitors to your site? This article explains how, in Netscape Navigator 4 and Microsoft Internet Explorer 4, you can trap which language the visitors browser is using and then show them either a pre-translated version of your page. For Microsoft Internet Explorer 4 the article also shows how to use page transitions to disolve a document into the translated document.

Techniques: navigator, language, browserLanguage, substring, RevealTrans, transitions, setTimeout

Synopsis: This article describes advance uses of the mailto: protocol. It describes five working examples that you can use for your own purposes: i) using a link, ii) To: Cc: and Bcc:, iii) using a form, iv) multiple mailing using a form.

Techniques: links, links array, mailto:, to=, cc=, bcc=, onClick, forms, href, radio buttons, check boxes, select options, action, method, enctype, text/plain, click(), setTimeout(), onSubmit

Synopsis: Have you got files on your web space that people can download? Do you want to count how many times they are downloaded? This article discusses how to keep count of how many times a file is downloaded. Using a combination of image or floating frame replacement, this utility loads a CGI image to increment a counter. You obviously need to have a CGI image counter for this to work - most people do - either from your ISP or from a third party.

Techniques: Images, files, forms, counters, swapping images, floating frames,

Synopsis: Written by Janus Boye. Math is power. So says one of the many ads on the Internet. JavaScript has the power, to do all functions that are on a normal pocket calculator, and even a few more.

Techniques: Math, random(), round(), NaN, isNaN(), sin(), cos(), tan(), acos(), asin(), atan(), E, LN10, LN2, LOG10E, LOG2E, PI, SQRT1_2, SQRT2, abc(0), atan2(), ceil(), exp(), floor(), log(), max(), min(), pow(), sqrt()

Synopsis: Jason Nugent describes a technique to speed up the loading of rollover images, without disrupting the ability to view the document.

Techniques: Images, image src, document.images, onLoad, image rollovers, onMouseOver, onMouseOut

Synopsis: This article describes how to transfer data from a form on one page to a form on another page.

Techniques: form, search string, unescape, escape, encoded characters, check boxes, radio buttons, select options, split(), replace()

Synopsis: Illustrates a method for sorting tables dynamically. The first method uses the search property of the location object to reload the document, which is extended to demonstrate a generic solution for all tables. The second method shows the new data binding facility available in Microsoft Internet Explorer 4.

Techniques: Tables, sorting, data binding, search parameter, objects, sorting objects, text files

Synopsis: How to jazz up those boring old image highlights that the majority of us have on our web pages.

Techniques: images, onMouseOver, onMouseOut, color, colour, browser safe palette, setTimeout, fade, glow, eval, clearTimeout

Synopsis: Describes JavaScript Events and Event Handlers, explaining what they are and what we can do with them. It also includes a complete list of the events supported in each release of JavaScript.

Techniques: events, event handlers, onAbort, onBlur, onChange, onClick, onDblClick, onDragDrop, onError, onFocus, onKeyDown, onKeyPress, onKeyUp, onLoad, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onMove, onReset, onResize, onSelect, onSubmit, onUnload

Synopsis: Keith Drakard takes you through the various steps needed to make a JavaScript "Simple Simon" game.

Techniques: Game, images, image src, Image(), image replacement, setTimeout, random numbers, Math, ceil

Synopsis: This article will describe how to calculate the date of Easter Sunday, "held on a variable Sunday in March or April". This date will then be used to calculate other religious dates dependent on Easter Sunday.

Techniques: Easter, padout, year, month, day, getMM, getDD, getMMDD, accumulated days in the year, leap years, adding or subtracting days from one date to get another

Synopsis: This article describes how to select random numbers from a range, to produce a selection of lottery numbers. As an added bonus it shows how to also randomly show a background color.

Techniques: Random numbers, empty arrays, images, table background color

Synopsis: Describes how to calculate the 1st, 2nd, 3rd, 4th, 5th and last weekdays of any month. This will then be used to calculate the dates of various variable Calendar Events or Holidays.

Techniques: Day of the Week, Nth Day, makeArray, Leap Year, calendar events, holidays

Synopsis: Jason Nugent describes how to validate form fields using the new JavaScript 1.2 Regular Expression methods. He also describes a method for older browsers

Techniques: Form, onSubmit, this, indexOf(), Regular Expressions, RegExp, replace, split, match, search

Synopsis: Describes a method whereby one dropdown menu will effect the contents of another dropdown menu, for ALL JavaScript enabled browsers.

Techniques: frames, onSumbit, parent, location, href, selectedIndex, menus, objects, options, floating frames, IFRAME

Synopsis: Summary of the more useful online JavaScript and JavaScript related resources

Techniques: documents, tutorials, references

Synopsis: Describes how to split nested strings

Techniques: split, length, array, replace, while, break, string, substring, indexOf, function overridding, JavaScript1.1

Synopsis: Describes how to split strings, and how to split strings in JavaScript 1.0. Also describes how the two methods can be combined to provide a script suitable for all browsers.

Techniques: split, length, array, while, break, string, substring, indexOf, function overridding, JavaScript1.1

Synopsis: Describes methods associated with the String object, how to use them to find characters or strings within strings, to replace characters and portions of text, to change the case and to alter the style and formatting of text.

Techniques: length, charAt, indexOf, lastIndexOf, split, substring, replace, iteration, toLowerCase, toUpperCase, upperFirst, upperInitial, arguments, big, blink, bold, italics, small, strike, sub, sup, fixed, fontsize, fontcolor

Synopsis: Describes how to show different images within the same document, how to show different background images within the same document, how to control images within frames, and how to present an image slide show.

Techniques: image, location, search, href, substring, img, body, background, src, frame, target, onLoad, setTimeout, integer, string, preloading

Synopsis: Describes how to show images and text at random, how to show one of several forms randomly, refer to random banner adverts, random urls, random background color and images, how to generate a random questionnaire, and random frames.

Techniques: Math.random(), rnd(), rand(), seconds, getSeconds, %, modulus, images, forms, arrays, windows

Synopsis: Covers scrolling text within a text box

Techniques: form, text, onSubmit, onClick, scrolling, setTimeout, substring, timer, buttons

Synopsis: Explains how to open sibling windows, and how to pass it information.

Techniques: window, open, search, location, substring, indexOf, ?, javascript:, functions, array, objects, split, strings, JavaScript1.1, onBlur, focus

Synopsis: Describes the differences between Text Strings and String Objects, and how to cope with these differences.

Techniques: string, text, object, array, protocol, toString, method, function, ==, =, comparison, equal, toLowerCase, array, properties

Synopsis: Describes how to highlight portions of an imagemap, uses two different methods, plus an alternative for MSIE

Techniques: image, imagemap, onMouseOver, onMouseOut, usemap, map, status, history, go, floating frames

Synopsis: how to store information from a form as a cookie, and how to retrieve the information and place it back in the form.

Techniques: indexOf(), Get_Cookie, Set_Cookie, form, elements, text, select, radio, checkbox, eval(), substring(), find and replace, unescape(), checked, selectedIndex

Synopsis: Describes how to interrogate the time display different images, and two sample clocks

Techniques: conditional expression, getHours, getMinutes, getSeconds, images, image object, time

Synopsis: Redirect visitors from your old pages to your new location

Techniques: onLoad, setTimeout, refresh, location, href

Synopsis: Using form selection options to change location of browser

Techniques: onSubmit, onClick, onBlur, onFocus, onChange events, forms, options, selections, images, buttons

Synopsis: Display random banners one after another with links to the appropriate document

Techniques: images, floating frames, setTimeout, objects, arrays, random, location

Synopsis: Describes how to use a text box and/or a button to change various frame locations.

Techniques: frames, forms, onClick, onSubmit, button, top, parent, sibling frames

Synopsis: Read the links[] array of another frame.

Techniques: Netscape, frames, links[], array, href, onLoad

Synopsis: Stops direct access to pages that should be visited through frames.

Techniques: frames, location, search string, conditional expression, parent

Synopsis: Describes how to overload the arguments of a JavaScript function.

Techniques: JavaScript, function, array, arguments, elements

Synopsis: Creates Top | Next | Last | End links for navigation within a large document.

Techniques: JavaScript, automation, Anchor, Name, function, HREF

Synopsis: Highlighting images. Updated to include MSIE and NN 4.

Techniques: Images, onMouseOver, onMouseOut, onClick, detecting browser

Synopsis: JavaScripts not worthy of their own page.

Techniques: Frames, Mailto, Dates

Synopsis: Demonstration of navigation tools.

Techniques: Frames, JavaScript, Arrays, Objects, Forms