15 projects tagged "JavaScript"
Form Validation validates form inputs according to a CSS class. It uses the jQuery library to traverse the list of inputs of a form and performs validations of types defined in a CSS class attribute of each input. It supports validations of these types: required, email, date, time currency, numeric, alphanumeric, alphabetic, state, zip code, and URL. If the fields are invalid, an error message is displayed inside a page element for displaying validation errors.
Gestures is an object that can recognize user gestures that form configurable shapes. It can listen to events of the user moving the mouse forming known gesture shapes. The object can recognize custom gesture shapes defined by a list of vertex points of the shape. A given callback function is invoked when the object recognizes a known user gesture shape. The object can also draw the gesture shape as the user moves the mouse.
Gravity animates HTML page elements using the laws of physics. It uses the Box2DWeb library to animate given page elements so they move, rotate, and collide. The gravity acceleration and direction are configurable. Given callback functions may be invoked when objects collide. Objects' speed and rotation may be affected when the user drags them using the mouse pointer. Each page element can be made static or animated. Animated page elements may include the respective children elements. The elements' friction and density properties can also be configured.
Image Selector previews images defined in select input options. It can take as a parameter the identifier of a form select input element which has options set to the URLs of images to be picked by the user. The object can display the currently-selected image inside a preview page element. The object can also change the currently-selected image to move to the next, previous, first, last, or to any of the images in the list.
JWordTrainer is a generic tool that helps you to memorize words for basically any pair of languages. You must first add the words from your individual lessons to input files, then specify how many words from which input files you want to be asked. The program will randomly show words and a button that shows the translation. Pali-English is included as an example language pair, along with a README that explains in detail how to add new words and languages.
Light source is an object which can apply a shadow to page elements based on the position of a light. It takes the identifier of a page element and changes its CSS atttributes which define shadow parameters depending on the position of a light source relative to the target element and its children elements. The shadow can be generated either with the shape of the text elements or the whole box of the target element.
Lightning effect JS is an object that can draw a random lightning bolt on the page. It can create a canvas on which a glowing random line similar to lightning bolt is drawn within given page boundaries. The position, color, and thickness of the lightning bolt are configurable parameters.
Page Transitions shows transitions when a user leaves a Web page. It can produce an animation effect, so when the user leaves the current page to another, the effect is applied to make the page disappear and the new page appear. The object can compose an animation defined programatically or execute one of many types of pre-defined page transition effects like fading, panning, shrinking, rotating, skewing, etc.
SpotlightJS shows a spotlight over a Web page. It can create a transparent canvas on the top of the Web page with a dark area and a light rounded spot area which make the content below it appear as if it highlighted by a spotlight. The spotlight can be animated so it can move at a given speed. Callback functions may be invoked when the user drags the mouse over or clicks in the spotlight or the canvas area, as well when the animation starts and ends.