Guitar neck is an object that can display chords on a guitar neck. It generates HTML elements inside a div element with a given identifier to show a guitar neck with a given width, height, and number of guitar chords. The object can optionally use graphic images to display the guitar neck, and can display left or right chords.
Content slider is an object that can slide page elements to switch the displayed content. It can take the page elements inside a given div element and switch between them by using a slide effect to make one element appear scrolling in the div, while the previous is hidden with the same slide scrolling effect. The switch of the elements may be triggered by clicks on menu items that correspond to the sliding elements to be displayed. Dragging the mouse over the currently display element may also trigger the sliding switch element action.
Keyboard is an object that can show an on-screen keyboard to emulate letter key typing. It can display a keyboard on the page with buttons for letters. The user can click on the letter buttons, and the object pastes the letters on the currently active form input. It supports switching between many types of keyboard maps.
Scorealgorithm1 composes musical scores using controlled, randomized procedures. It is written in Python, and the output is compatible with the digital synthesis software CSound. Scorealgorithm1 is a flexible composition tool that can create varied styles of music with changing harmonic, melodic, and rhythmic textures. The program also features various tuning systems and adaptable performance controls. Complex repetition, even canonic imitation, is possible. Visit the Web site for tutorials, documentation, and examples of music created using the software.
Highlighter JS is an object that highlights words in HTML pages. It searches for words inside given HTML page elements and encloses them within HTML tags to make the words appear differently. The search can optionally be case sensitive. The enclosing tags may have configurable CSS styles or custom handlers for click, mouseover, and mouseout events.
Easy Chart is an object to display several types of charts in Canvas elements. It takes the values, labels, and colors of each point and renders the chart in canvas elements of a given size. Currently, it supports rendering charts of types: line, scatter, column, bar, and pie. The chart background color, grid color and spacing, error, and mouse event handlers are configurable parameters.
Canvas Events is an object that can emulate mouse events on canvas elements. It extends the HTML 5 canvas context object for a given canvas element, and can register event handlers to be called when mouse events on the canvas element occur. Currently, it supports the events click, dblclick, mouseover, mouseout, mousemove, mouseup, and mousedown events.