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
OthercaveNo title 1.14 KB23 Oct '09
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.25 KB16 Sep '09
TiminganimationAni-mateHow to animate at varying speeds2.43 KB30 Jul '09
BasicarrayArray functionsStandard and advanced array functions21.50 KB4 Aug '09
MathaverageDraw-a-curveHow to draw average curves in Javascript5.09 KB28 Jul '09
MathcalculatorCalculate…How to perform calculations the practical way6.24 KB11 Apr '08
TextcamelcaseCamelCaseHow to convert to and from camelCase6.25 KB3 Aug '09
BeautifulclipAdam clippedInteractive demonstration of the CSS clip property9.85 KB31 Jan '10
MousetailclockAnalogue clockAn analogue clock follows the mouse7.88 KB23 Aug '08
MousetailcometsThe comets comeEvade the comets that come after the mouse11.49 KB18 Nov '09
DynamiccontextmenuDouble your contextmenuHow to combine a scripted contextmenu with the default12.15 KB28 Jul '09
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 KB30 Jul '09
MathconverttemperatureCold ConversionHow to convert Celsius and Fahrenheit and the like4.08 KB28 Jul '09
BeautifulconwayLife according to ConwayHow to script a cellular automaton17.05 KB9 Oct '09
TimingcountdownThe countdownHow to count down using setTimeout3.28 KB11 Apr '08
MathcurveCurveOnline tool for producing spiral and other curved forms4.92 KB11 Apr '08
OtherdogearNo title 5.19 KB4 Nov '05
DynamicdraggableDrag-a-tagHow to drag elements around the page4.20 KB30 Jul '09
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.90 KB30 Jul '09
MathfactorFactor-that-numberHow to find a number's factors and prime factors2.33 KB16 Dec '09
MousetailfeatherBlow-a-featherA feather flies on the wind in this elegant mousetail3.67 KB30 Jul '09
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.39 KB23 Jan '10
UsefulfontView-a-font 14.51 KB31 Aug '09
FormformCheck-a-boxHow to check ranges of checkboxes6.48 KB7 Jan '10
MathgradientGradientHow to calculate a range of values8.18 KB11 Apr '08
TexthiliteHighlight-a-textHow to highlight text the fast way8.24 KB28 Nov '09
DynamicimageswapSwap-an-imageHow to swap images2.60 KB2 Aug '09
DynamicimagewizardImage viewerOnline tool for examining images3.94 KB30 Aug '09
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
OthermerlinAgent Merlin 7.00 KB18 Jan '10
BeautifulmoonThe moon todayThe moon displayed in its various phases5.46 KB14 Nov '09
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 ElementsInteractive Periodic Table of the Elements28.01 KB9 Oct '09
MathpiPi for the webThe first 10000 digits of pi14.42 KB3 Oct '09
DynamicplodePlode!How to shatter an element into a million pieces3.47 KB30 Jul '09
FormreadurlRead-an-urlHow to load remote content into a page6.85 KB30 Jul '09
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
UsefulregextestRegex tester 1.87 KB29 Dec '05
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.13 KB12 Oct '09
TextscrambleScramble a wordHow to mix letters inside words4.20 KB3 Sep '09
OtherscrollableExampleabout 200 characters, 25 words1.72 KB11 Apr '08
DynamicscrollbarGet the scrollbar widthHow to measure the size of the GUI scrollbars4.44 KB3 Aug '09
TextselectSelected elementsHow to select text the cross-browser way9.98 KB30 Apr '08
UsefulshellPop the shellThe Popup method of the WScript.Shell object14.24 KB17 Sep '09
FormsliderSliderHow to create a functional slider element7.00 KB28 Jul '09
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 Jul '09
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.87 KB30 Jul '09
DynamictabTab-a-pageHow to create an interface of tabs13.65 KB25 Sep '09
TabletableableTable abilityHow to selectively allow actions in tables3.71 KB24 Sep '09
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.39 KB7 Oct '09
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.22 KB31 Aug '09
DynamictextarearesizeResizable textareaHow to make a textarea resizable3.27 KB29 Nov '09
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.24 KB28 Jul '09
TimingtypeVarying variable typesHow to convert types in the fast lane3.35 KB17 Sep '09
TextunescapeEscape► How to write escaped characters1.45 KB28 Jul '09
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.87 KB17 Sep '09
UsefulxbmBeaMBrowser-based XBM image editor31.41 KB30 Aug '09
OtherxdomainrequestNo title 1.93 KB10 Aug '09
BasicxmlhttpRequesting XMLHttpHow to load remote content into a page23.84 KB17 Sep '09

Reference

Putting it in context.