Welcome to our little treasure grove stuffed with scripted gems, developed and designed to utilize the power of Javascript to its full potential, while at the time degrading nicely and errorfree on machines where Javascript has been restricted or just disabled. Has it ever been different? It may seem the interest of nerds and other rabble, but Javascript is known to run mission critical functions at computers controlling power plants, and it won't be long until you add an onmouseover
event handler to your correspondence.
The list of Reserved Javascript Words is a clear illustration of the mutual approach of human language and computer code. We 're talking to the machine in a vocabulary somewhere between our own and the bits and bytes, and why not? Computers are made by humans.
Development of online technologies is expected to remain violent for the forseeable future, but it seems that since its introduction Javascript has kept the closest connection between the source and the experience, the author and the user. Applets, Flash, vectors all attempt to bring the content to life, but kill it in the process. Creating such programs requires very specific knowledge and tools, software that costs money, and search engine bots can't or won't index them!
The web to be accessible, must be a text-based web. There is a place for binary files, plugins and multicultimedia, but in the end the communication is between humans. Human code is readable code. Javascript is usually slower in operation than most alternative options, but this is easy to forgive and understand. It is downloaded as uncompressed as this very text, and all interpretation of the code statements, the setting of the actual switches, is left to the final stage. Once set, the possibilities of interaction with the page, the browser and the user are endless.
Javascript brings life to existing content, to raw text and HTML that every entity—from braille reader to search engine bot—has access to, without taking anything away. It is the natural extension. However, as all good things, it can be abused and misused, and mistakes are easily misunderstood, and sometimes lead to great frustration on the world wide wasp nest, the end user perspective must prevail, the aim must be clearly articulated and caution is advised. Integrity adds beauty to numbers and scripts alike.
These pages offer a few scripts which may help combine the useful with the inevitable. They are not all the libraries or factories or cut-and-paste scripts found at other sites, but perhaps a mixture trying some concepts and sparkling some ideas about solution-orientated coding. The eye of the beholder is teased and tested.
Category | File | Title | Description | Size | Date |
---|---|---|---|---|---|
Other | cave | No title | 1.14 KB | 23 Oct '09 | |
Other | activex | About ActiveX | How to deal with ActiveX controls on the web | 5.84 KB | 13 Sep '12 |
Form | addoption | Add-an-option | How to fill select lists with dynamically created options | 8.16 KB | 13 Sep '12 |
Timing | alarm | Alarm | How to keep an eye on time | 2.25 KB | 13 Sep '12 |
Timing | animation | Ani-mate | How to animate at varying speeds | 2.43 KB | 13 Sep '12 |
Basic | array | Array functions | Standard and advanced array functions | 21.50 KB | 13 Sep '12 |
Math | average | Draw-a-curve | How to draw average curves in Javascript | 5.09 KB | 13 Sep '12 |
Math | calculator | Calculate… | How to perform calculations the practical way | 6.24 KB | 13 Sep '12 |
Text | camelcase | CamelCase | How to convert to and from camelCase | 6.25 KB | 13 Sep '12 |
Beautiful | clip | Adam clipped | Interactive demonstration of the CSS clip property | 9.85 KB | 13 Sep '12 |
Mousetail | clock | Analogue clock | An analogue clock follows the mouse | 7.88 KB | 13 Sep '12 |
Mousetail | comets | The comets come | Evade the comets that come after the mouse | 11.49 KB | 13 Sep '12 |
Dynamic | contextmenu | Double your contextmenu | How to combine a scripted contextmenu with the default | 12.15 KB | 13 Sep '12 |
Math | convert | Conversion of measurements | Convert any measurement, however large, light or deep | 27.31 KB | 13 Sep '12 |
Math | convertroman | Roman Number Convertor | A small but fast and handsome conversion utility | 9.80 KB | 13 Sep '12 |
Math | converttemperature | Cold Conversion | How to convert Celsius and Fahrenheit and the like | 4.08 KB | 13 Sep '12 |
Beautiful | conway | Life according to Conway | How to script a cellular automaton | 16.90 KB | 13 Sep '12 |
Timing | countdown | The countdown | How to count down using setTimeout | 3.28 KB | 13 Sep '12 |
Math | curve | Curve | Online tool for producing spiral and other curved forms | 4.92 KB | 13 Sep '12 |
Other | dogear | No title | 5.19 KB | 13 Sep '12 | |
Dynamic | draggable | Drag-a-tag | How to drag elements around the page | 4.20 KB | 13 Sep '12 |
Mousetail | elastic | Jump, stretch, bounce | A spectacular mousetail, with strings attached | 6.69 KB | 13 Sep '12 |
Text | encrypt | Key to encryption | How to encrypt text messages using a unique key | 4.55 KB | 13 Sep '12 |
Basic | error | Syntax and errors | How to make use of errors at runtime | 3.94 KB | 13 Sep '12 |
Mousetail | eyes | Eyes | A pair of eyes keeps a close watch on your mouse | 5.90 KB | 13 Sep '12 |
Math | factor | Factor-that-number | How to find a number's factors and prime factors | 2.36 KB | 13 Sep '12 |
Mousetail | feather | Blow-a-feather | A feather flies on the wind in this elegant mousetail | 3.67 KB | 13 Sep '12 |
Useful | fileread | Read-a-file | How to access the local Windows file system | 22.07 KB | 13 Sep '12 |
Useful | filewrite | Write-a-file | How to write to local files on Windows from Javascript | 10.39 KB | 13 Sep '12 |
Useful | font | View-a-font | 14.51 KB | 13 Sep '12 | |
Form | form | Check-a-box | How to check ranges of checkboxes | 6.48 KB | 13 Sep '12 |
Math | gradient | Gradient | How to calculate a range of values | 8.18 KB | 13 Sep '12 |
Text | hilite | Highlight-a-text | How to highlight text the fast way | 8.24 KB | 13 Sep '12 |
Dynamic | imageswap | Swap-an-image | How to swap images | 2.60 KB | 13 Sep '12 |
Dynamic | imagewizard | Image viewer | Online tool for examining images | 3.94 KB | 13 Sep '12 |
Basic | jscript | JScript or JScript? | Standard and advanced array functions | 2.93 KB | 13 Sep '12 |
Beautiful | life | Game of Script of Life | How to script a cellular automaton | 16.26 KB | 13 Sep '12 |
Other | menu | No title | How to build a menu | 6.66 KB | 13 Sep '12 |
Dynamic | menu1 | Revenge of the Menu Bar | How to build a menu from a list | 18.10 KB | 13 Sep '12 |
Other | merlin | Agent Merlin | 7.00 KB | 13 Sep '12 | |
Beautiful | moon | The moon today | The moon displayed in its various phases | 5.41 KB | 13 Sep '12 |
Basic | mouseposition | Position that mouse | How to detect the location of the mouse across browsers | 2.92 KB | 13 Sep '12 |
Mousetail | mousetail | It 's all in the tail | A simple straightforward mousetail | 2.17 KB | 13 Sep '12 |
Math | numberformat | Numbers formatted | How to code advanced number notation methods | 3.04 KB | 13 Sep '12 |
Text | numbertoword | Number to word | How to write out numbers into words | 6.80 KB | 13 Sep '12 |
Basic | optimize | Loop optimization | How to make a script do the same thing twice as fast | 11.35 KB | 13 Sep '12 |
Mousetail | orbiter | Orbiters | Shiny happy colours swirling around the mouse | 5.09 KB | 13 Sep '12 |
Table | periodictable | Periodic Table of The Elements | Interactive Periodic Table of the Elements | 28.01 KB | 13 Sep '12 |
Math | pi | Pi for the web | The first 10000 digits of pi | 14.42 KB | 13 Sep '12 |
Dynamic | plode | Plode! | How to shatter an element into a million pieces | 3.47 KB | 13 Sep '12 |
Form | readurl | Read-an-url | How to load remote content into a page | 6.85 KB | 13 Sep '12 |
Basic | ref | Welcome to the machine | Introduction to objects, properties and methods | 20.02 KB | 13 Sep '12 |
Text | regex | Regular Expressions explained | An overview of the Javascript RegExp object | 17.07 KB | 13 Sep '12 |
Useful | regextest | Regex tester | 1.87 KB | 13 Sep '12 | |
Text | reverse | Reverse-a-txet | How to write backwards | 2.27 KB | 13 Sep '12 |
Dynamic | rider | Moving text colours | How to make letters have multiple colours | 1.83 KB | 13 Sep '12 |
Dynamic | rightclickmenu | Rightclick menu | How to build a custom contextmenu | 3.31 KB | 13 Sep '12 |
Text | rot13 | Rot13 | Rot13 under the loop | 8.13 KB | 13 Sep '12 |
Text | scramble | Scramble a word | How to mix letters inside words | 4.20 KB | 13 Sep '12 |
Other | scrollable | Example | about 200 characters, 25 words | 1.72 KB | 13 Sep '12 |
Dynamic | scrollbar | Get the scrollbar width | How to measure the size of the GUI scrollbars | 4.44 KB | 13 Sep '12 |
Text | select | Selected elements | How to select text the cross-browser way | 9.98 KB | 13 Sep '12 |
Useful | shell | Pop the shell | The Popup method of the WScript.Shell object | 14.24 KB | 13 Sep '12 |
Form | slider | Slider | How to create a functional slider element | 7.00 KB | 13 Sep '12 |
Other | slider2 | Windows’ own slider | How to implement a native Windows slider control | 7.62 KB | 13 Sep '12 |
Basic | snips | Bits and pieces | A collection of code fragments | 9.98 KB | 13 Sep '12 |
Dynamic | solarsystem | Solar System Script | How to navigate the universe | 2.59 KB | 13 Sep '12 |
Basic | spellcheck | Check that spell | How to have MS Word check the spelling of a webpage | 2.10 KB | 13 Sep '12 |
Beautiful | starfield | Starfield | How to fly through interstellar space | 4.36 KB | 13 Sep '12 |
Basic | substring | A string within strings | An introduction into the substring method of strings | 8.41 KB | 13 Sep '12 |
Mousetail | swirl | Swirling galaxy | A swirling mousetail | 6.87 KB | 13 Sep '12 |
Dynamic | tab | Tab-a-page | How to create an interface of tabs | 13.65 KB | 13 Sep '12 |
Table | tableable | Table ability | How to selectively allow actions in tables | 3.71 KB | 13 Sep '12 |
Table | tablehilite | Rows across tables | How to highlight rows in multiple tables simultaneously | 13.15 KB | 13 Sep '12 |
Table | tablescroll | Sort ‘n Scroll | How to fix table headers and sort rows by column | 25.39 KB | 13 Sep '12 |
Table | tablesort | Sort ‘n’ Scroll | How to sort table rows by column and fix the headers | 6.03 KB | 13 Sep '12 |
Table | tablesum | Sum-a-column | How to display calculated cell contents in tables | 5.84 KB | 13 Sep '12 |
Form | telraam | Telraam | Een eenvoudig doch flexibel telraam | 4.08 KB | 13 Sep '12 |
Other | temp | No title | 76.73 KB | 13 Sep '12 | |
Form | textarea | Line ’em up | How to number lines in a textarea | 4.24 KB | 13 Sep '12 |
Dynamic | textarearesize | Resizable textarea | How to make a textarea resizable | 3.27 KB | 13 Sep '12 |
Dynamic | textlike | Test a text | How to draw match text with a margin | 1.05 KB | 13 Sep '12 |
Dynamic | toc | A table of contents | How to build a table of contents from heading elements | 7.24 KB | 13 Sep '12 |
Timing | type | Varying variable types | How to convert types in the fast lane | 3.35 KB | 13 Sep '12 |
Text | unescape | Escape | ► How to write escaped characters | 1.45 KB | 13 Sep '12 |
Dynamic | web | Weave-a-web | How to draw curved and really complex shapes | 2.05 KB | 13 Sep '12 |
Useful | window | Browser size | How to measure various window sizes | 3.35 KB | 13 Sep '12 |
Timing | worldclock | Worldclock | All the time in the world | 5.87 KB | 13 Sep '12 |
Useful | xbm | BeaM | Browser-based XBM image editor | 31.41 KB | 13 Sep '12 |
Other | xdomainrequest | No title | 1.93 KB | 13 Sep '12 | |
Basic | xmlhttp | Requesting XMLHttp | How to load remote content into a page | 23.84 KB | 13 Sep '12 |
Putting it in context.