Reference

Downloads

Project information

JSTags: JavaScript Tags Library

Overview

Nowadays more and more webs need to include dynamic effects, anymations, asynchronous requests and so on. That's why JSTags has been created.

JSTags is a Java Open Source Tags Library whose aim is to provide a set of easy-to-use tags which perform common tasks that, otherwise, would have to be implemented by means of JavaScript code. By using JSTags, it is as simple as including a tag instead of having to create JavaScript code yourself...you just forget about that part.

Features

JSTags 1.1 main features are:

Easy-to-use tags.

Namespace based JavaScript generated code.

Fully compatible with any JavaScript library your project may make use of.

It comes with a set of tags related to:

Effects: they allow to easily create effects on different HTML elements.

Available Tags

It allows the creation of general effects that will be performed either when the page is loaded or when an event gets fired. It will depend upon how it was configured. Available ones are:
* Appear: the element it is applied to, will appear on the screen.
* Fade: the element it applies to, will disappear from the screen.
* Puff: the target element will be swollen while its opacity decreases until it reaches 0 and the target disappears completely from the screen.
* DropOut: the target element will fall down while its opacity decreases until it reaches 0 and the element disappears.
* Shake: the element is shaken horizontally.
* SwitchOff: this effect has a tv-style switch off.
* Squish: it makes an element reduce its size until it disappears.
* Fold: the target element disappears by reducing its size: first, the height is reduced and, then, its width.
* Shrink: it makes an element reduce its size until it disappears.
* Opacity: the element opacity changes and it gets either more or less opaque.

This tag may be configured to perform four different effects: Appear, Blind, Size and Slide. When applied to an element, such an element changes its state between Appear-Fade, Blind Up - Blind Down, Slide Up - Slide Down depending on the effect the element was configured with.

This tag allows the configuration of several elements that will act as tabs and, others, as their content so that, when one tab is clicked, its content is displayed whereas the content of the rest of them becomes hidden.