4umi.com/web/javascript/

An Ode to Javascript

The language that made the machine talk to us

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.

What ’s in a language?

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.

Some scripts

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.

CategoryFileTitleDescriptionSizeDate
BasicableOn and off JavascriptInstructions for enabling and disabling Javascript7.81 KB30 Apr '08
OtheractivexAbout ActiveXHow to deal with ActiveX controls on the web5.84 KB30 Apr '08
FormaddoptionAdd-an-optionHow to fill select lists with dynamically created options8.16 KB30 Apr '08
TimingalarmAlarmHow to keep an eye on time2.26 KB29 Jun '09
TiminganimationAni-mateHow to animate at varying speeds2.44 KB11 Apr '08
BasicarrayArray functionsStandard and advanced array functions21.48 KB11 Apr '08
MathaverageDraw-a-curveHow to draw average curves in Javascript5.09 KB30 Apr '08
MathcalculatorCalculate…How to perform calculations the practical way6.24 KB11 Apr '08
TextcamelcaseCamelCaseHow to convert to and from camelCase6.19 KB18 Jun '09
BeautifulclipAdam clippedInteractive demonstration of the CCS clip property9.51 KB11 Apr '08
MousetailclockAnalogue clockAn analogue clock follows the mouse7.88 KB23 Aug '08
MousetailcometsThe comets comeEvade the comets that come after the mouse11.49 KB11 Apr '08
DynamiccontextmenuDouble your contextmenuHow to combine a scripted contextmenu with the default12.16 KB29 Apr '08
MathconvertConversion of measurementsConvert any measurement, however large, light or deep27.31 KB11 Apr '08
MathconvertromanRoman Number ConvertorA small but fast and handsome conversion utility9.88 KB11 Apr '08
MathconverttemperatureCold ConversionHow to convert Celsius and Fahrenheit and the like4.03 KB11 Apr '08
BeautifulconwayLife according to ConwayHow to script a cellular automaton17.04 KB12 Apr '08
TimingcountdownThe countdownHow to count down using setTimeout3.28 KB11 Apr '08
MathcurveCurveOnline tool for producing spiral and other curved forms4.92 KB11 Apr '08
DynamicdraggableDrag-a-tagHow to drag elements around the page4.22 KB11 Apr '08
MousetailelasticJump, stretch, bounceA spectacular mousetail, with strings attached6.69 KB30 Apr '08
TextencryptKey to encryptionHow to encrypt text messages using a unique key4.55 KB30 May '08
BasicerrorSyntax and errorsHow to make use of errors at runtime3.94 KB27 May '08
MousetaileyesEyesA pair of eyes keeps a close watch on your mouse5.91 KB11 Apr '08
MathfactorFactor-that-numberHow to find a number's factors and prime factors2.32 KB11 Apr '08
MousetailfeatherBlow-a-featherA feather flies on the wind in this elegant mousetail3.67 KB13 Apr '08
UsefulfilereadRead-a-fileHow to access the local Windows file system22.07 KB18 Jun '09
UsefulfilewriteWrite-a-fileHow to write to local files on Windows from Javascript10.36 KB11 Apr '08
UsefulfontView-a-font 14.50 KB11 Apr '08
FormformCheck-a-boxHow to check ranges of checkboxes8.97 KB16 Apr '08
MathgradientGradientHow to calculate a range of values8.18 KB11 Apr '08
TexthiliteHighlight-a-textHow to highlight text the fast way8.26 KB11 Apr '08
DynamicimageswapSwap-an-imageHow to swap images2.63 KB11 Apr '08
DynamicimagewizardImage viewerOnline tool for examining images3.88 KB11 Apr '08
BasicjscriptJScript or JScript?Standard and advanced array functions2.93 KB11 Apr '08
OthermenuNo titleHow to build a menu 6.66 KB11 Apr '08
Dynamicmenu1Revenge of the Menu BarHow to build a menu from a list18.10 KB11 Apr '08
BeautifulmoonThe moon todayThe moon displayed in its various phases5.29 KB11 Apr '08
BasicmousepositionPosition that mouseHow to detect the location of the mouse across browsers2.92 KB11 Apr '08
MousetailmousetailIt 's all in the tailA simple straightforward mousetail2.17 KB11 Apr '08
MathnumberformatNumbers formattedHow to code advanced number notation methods3.04 KB11 Apr '08
TextnumbertowordNumber to wordHow to write out numbers into words6.80 KB11 Apr '08
BasicoptimizeLoop optimizationHow to make a script do the same thing twice as fast11.35 KB11 Apr '08
MousetailorbiterOrbitersShiny happy colours swirling around the mouse5.09 KB13 Apr '08
TableperiodictablePeriodic Table of The ElementsPeriodic Table of the Elements16.23 KB11 Apr '08
MathpiPi for the webThe first 10000 digits of pi14.50 KB2 May '08
DynamicplodePlode!How to shatter an element into a million pieces3.47 KB11 Apr '08
FormreadurlRead-an-urlHow to load remote content into a page6.85 KB11 Apr '08
BasicrefWelcome to the machineIntroduction to objects, properties and methods20.02 KB11 Apr '08
TextregexRegular Expressions explainedAn overview of the Javascript RegExp object17.07 KB11 Apr '08
TextreverseReverse-a-txetHow to write backwards2.27 KB15 Apr '08
DynamicriderMoving text coloursHow to make letters have multiple colours1.83 KB16 Apr '08
DynamicrightclickmenuRightclick menuHow to build a custom contextmenu3.31 KB11 Apr '08
Textrot13Rot13Rot13 under the loop8.04 KB4 May '08
TextscrambleScramble a wordHow to mix letters inside words4.17 KB11 Apr '08
OtherscrollableExampleabout 200 characters, 25 words1.72 KB11 Apr '08
DynamicscrollbarGet the scrollbar widthHow to measure the size of the GUI scrollbars3.93 KB11 Apr '08
TextselectSelected elementsHow to select text the cross-browser way9.98 KB30 Apr '08
UsefulshellPop the shellThe Popup method of the WScript.Shell object14.24 KB11 Apr '08
FormsliderSliderHow to create a functional slider element7.00 KB30 Apr '08
Otherslider2Windows’ own sliderHow to implement a native Windows slider control7.62 KB11 Apr '08
BasicsnipsBits and piecesA collection of code fragments9.98 KB23 Aug '08
DynamicsolarsystemSolar System ScriptHow to navigate the universe2.59 KB30 May '08
BasicspellcheckCheck that spellHow to have MS Word check the spelling of a webpage2.10 KB11 Apr '08
BeautifulstarfieldStarfieldHow to fly through interstellar space4.36 KB11 Apr '08
BasicsubstringA string within stringsAn introduction into the substring method of strings8.41 KB30 Apr '08
MousetailswirlSwirling galaxyA swirling mousetail6.84 KB15 Apr '08
DynamictabTab-a-pageHow to create an interface of tabs13.65 KB11 Apr '08
TabletableableTable abilityHow to selectively allow actions in tables3.22 KB11 Apr '08
TabletablehiliteRows across tablesHow to highlight rows in multiple tables simultaneously13.15 KB30 Apr '08
TabletablescrollSort ‘n’ ScrollHow to fix table headers and sort rows by column25.36 KB30 Apr '08
TabletablesortSort ‘n’ ScrollHow to sort table rows by column and fix the headers6.03 KB30 Apr '08
TabletablesumSum-a-columnHow to display calculated cell contents in tables5.84 KB30 Apr '08
FormtelraamTelraamEen eenvoudig doch flexibel telraam4.08 KB30 Apr '08
OthertempNo title 76.73 KB8 May '05
FormtextareaLine ’em upHow to number lines in a textarea4.13 KB11 Apr '08
DynamictextarearesizeResizable textareaHow to make a textarea resizable3.29 KB15 Apr '08
DynamictextlikeTest a textHow to draw match text with a margin1.05 KB11 Apr '08
DynamictocA table of contentsHow to build a table of contents from heading elements7.26 KB18 Jun '09
TimingtypeVarying variable typesHow to convert types in the fast lane3.35 KB14 Apr '08
TextunescapeEscape► How to write escaped characters1.46 KB11 Apr '08
DynamicwebWeave-a-webHow to draw curved and really complex shapes2.05 KB11 Apr '08
UsefulwindowBrowser sizeHow to measure various window sizes3.35 KB11 Apr '08
TimingworldclockWorldclockAll the time in the world5.90 KB30 Apr '08
UsefulxbmBeaMBrowser-based XBM image editor31.41 KB8 Apr '08
BasicxmlhttpRequesting XMLHttpHow to load remote content into a page23.85 KB18 Jun '09

Reference

Putting it in context.