Click on an Action's name to go to the shopping cart. Contact actionscafé if you need even more information.

page 1|2
top

hot and cool javascript plugins to stimulate your imagination

details continued

MosaicSlideShow is perfect for anyone who is looking for a distinctive way of displaying images. See the demos.

This Action can be used to run a slide show or to display just one image. Images can be displayed as one large tile or as a random pattern of smaller tiles. Each slide’s tiles are re-randomized so they never appear in the same order. Slides can be displayed as one image replacing another or by using a transition image between slides.

Mosaic slides can be easily and quickly prepared in a program like Adobe’s ImageReady®, using the Slice command.

You don't have to worry about naming and selecting all those tiles either. MosaicSlideShow uses "Smart file naming" that lets you quickly prepare the slide show page and the tiles. No tedious selection of slide tiles is necessary.

Base Compatibility:
Netscape 4, Internet Explorer 4.5.

MultiCache is used with an onLoad event to cache up to 24 images (GoLive), 12 images (Dreamweaver) at one time while your page is loading. You can also display an optional caching progress bar. Caching will make your rollover images "Snap on" because they'll be pre-loaded into the Browser's cache and won't have to be downloaded when they're called for. You can even use MultiCache in tandem - one after the other - to cache all the images you need.

MultiCache is an industrial strength Load6Pack. If you have many menu images to load, then one MultiCache Action will do the job of 4 Load6Packs. Also includes options for delaying the caching start-up, and jumping to a URL after the last image has loaded.

Cautions:
The Progress Bar and the Jump to URL might not work reliably if you use a LOWSRC for your images. Reference material reports that version 4 browsers always return a value of true for an "image loaded" query. In tests, MAC v4 browsers worked properly. WIN v4 browsers have not been tested. The caching progress bar does not work in browsers using the NN4 base code because these browsers will not allow an image to be resized.

Base Compatibility:
Netscape 4, Internet Explorer 4.

MultiLink is a 3 action suite. MultiLink is used to replace up to 10 graphics with new images. You can also add rollover effects and URL links to your graphics. MultiRoll is used to process the rollover effects. MultiLinkTransport is used to process the URL links.

For example, you can click a menu button which opens up a secondary menu with selections that rollover and have their own URL links.

Load6Pack or MultiCache are perfect partners for this Action if you're building menus using the MultiLink rollover effect. Pre-caching images will make your menus snap to life.

MenuMaster can also be used to build Pop-up menus using layers (floating boxes) instead of images. Layers can contain any combination of text, images or image maps etc.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

OpenTimedWindow is used to open a new window with an optional count down timer. The window size can be set in Percent, Pixels or Maximum screen size. The window can be positioned as Default, Top Left coordinates or Centered in the screen.

A new window's contents can be optionally locked to prevent any user entries from being lost if they click the open window link again. It can open several windows from the same document, and up to 4 windows can have an optional count down timer.

CloseTimedWindow is a very versatile way to close open windows. It can close one window or up to 6 windows simultaneously. It can be used in any new window or in the parent window to close remote windows that were opened with OpenTimedWindow. It can also be used within frames. See the User Documentation for more details.

Cautions:
CloseTimedWindow can only close a new window that was opened with the OpenTimedWindow Action.

PassMaster is a two Action suite. PassMaster verifies visitor’s User IDs and Passwords against a list of accepted IDs and Passwords. If a visitor is validated, PassMaster can optionally set a Cookie, then re-direct the visitor to their own custom page or to a default page. You can also set up a Password only check.

PassMasterVerify is an optional Action that is used to read the PassMaster Cookie. You can use this Action on the Password page to automatically re-direct valid visitors to their protected page, or use it on Protected pages to validate visitors before allowing them to remain. This prevents unauthorized people from accessing protected pages via bookmarks. There is also a Log Out option.

Caution:
PassMaster's UserIDs and Passwords are kept in an external script file which is stored somewhere on your website. Most people won't know how to peek into this file, but it can happen.

This Action should only be used where casual security is good enough. For example, you might want to let selected people through to a page where information has been prepared just for them, but it would not be a serious breach of security if some enterprising person hacked their way through.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

PeekaBoo Use PeekaBoo to easily set up pop-up Info boxes. When a user cursors over an AP Div or graphic, an info box will pop up next to the cursor, or at a certain screen location. The pop-up can contain any content or can be filled with HTML content. You can also create rollover text panels inside the pop-up. Each panel can have its own text style, color and background in the rollover effect.

You'll find many uses for this versitile Action.

Base Compatibility:
Netscape 4, Internet Explorer 4.

PixelCop is used as an Action Headitem to redirect browsers based on the screen resolution of the user’s monitor. Up to 5 resolutions can be tested for at one time and redirected to separate URLs. You can also resize the user’s browser window based on their screen resolution. Resizing can be in pixels or as a percentage of the screen size.

PixelCop displays pop-up menus with 7 of the most common screen resolutions and an option to enter custom resolutions. You can also select the type of match... equal to, less than, greater than, less than or equal to, greater than or equal to.

Base Compatibility:
Netscape 4, Internet Explorer 4.

PopulateSelectList is used to populate up to 3 popup selection lists within a Form. Making a selection in the first popup populates the second with contents related to the first selection. You can set both the Text and Value fields of the selections. You can also set the Default selection.

This is the same type of action used in search engines and other category selection menus.

Cautions:
This Action is not compatible with IE 4.5 MAC. IE 4+ WIN has not been tested. Submitting a Form to an E-mail address does not work properly in some browsers - Safari for example. You’ll need a companion Action like Formatter or VerifyForm that prepare the data for E-mail submissions.

Base Compatibility:
Netscape 4, Internet Explorer 4.

PopUpMultiUrl to set up a Pop-Up list with one or more URL links for each selection in that list. You can design a frameset layout with a Pop-Up menu selection list in one frame, and change the content of several frames when the user selects one of those Pop-Up items. This Action can also open a new window for the URL.

Base Compatibility:
Netscape 4, Internet Explorer 4.

Portfolio is a two action suite. Portfolio is used to create an on screen graphics portfolio with left and right hand thumbnail pages (each page is an image file: gif, jpg etc.). You can have up to three portfolios per HTML page with their own forward and backward controls, and one or two pages can be flipped at a time. Useful for displaying graphics on one page and text on another.

Images for all portfolios are specified in an external Javascript file. The total number of image pairs (two page spreads) is limited to 999.

PortfolioLinks is used to open a new window with its own HTML content, for each page in your portfolio. An excellent way to present detailed close ups of each page. You can even set up other sub-portfolios in the new windows.

URLs for all portfolio pages are specified in an external Javascript file. The total number of window pairs (two windows per spread) is limited to 999.

Portfolio also works when “Import CS Library” is selected. This will store all Portfolio files in the CSScriptLib.js library instead of on the HTML page.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

RadioRollover is a 2 Action suite. This Action is used to setup menus using rollover buttons that act just like radio buttons. Buttons highlight as the mouse passes over them. When one is clicked, it stays highlighted until another button is clicked.

You can also add optional links and target frames to each button. The rollover effects can be either 2 state, 3 state or a combination of both. You can also specify a default button that is highlighted when the page first loads.

RadioRollover can be used on several pages, or in a frame layout with the Rollover buttons in one frame and the new content targeted to a different frame

This Action can be teamed up with ShowOff to create Smart menu systems. See the ShowOff pdf file for details.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

ReloadPage is used to force browsers to load a page fresh from the server instead of loading it from the Browser’s cache. Important if you are updating pages regularly.

ReloadPage first checks if a ReloadPage Cookie has been set for this page. If it has, the reload process is skipped. If it hasn’t, ReloadPage sets a status cookie then calls for the present page to be reloaded from the server. The page is not reloaded if the user has their Cookies turned off.

Some browsers like Safari won't load a new page unless the cache has been manually cleared. Cookie control ensure that a fresh page is loaded.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

RemoteFrameSet is used to control the content of frames from links that you have set up in a new browser window. It will also force a frameset into the parent window if it isn’t already loaded, and then change the contents up to 5 of those frames.

This Action can also force visitors to view your frame pages inside your frameset if they try to access one of those pages directly. It does this by opening your frameset in a new window then closing down the parent window (more details in the pdf file). Great for stopping visitors from viewing your pages out of context.

Cautions:
Some browsers won't allow the parent window to be closed by Javascript without the user's permission, and some won't allow a frame, that has a URL containing an outside host, to be replaced. Frames that contain your website’s pages, seem to work fine.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

ScrollFrame is used to scroll a window, or to scroll the contents of one frame from another frame. Scrolling can be up, down, left or right. There is also an option to scroll continuously for a given number of horizontal and vertical pixel lines. You can also set the speed and coarseness of scrolling.

ScrollFrame can help you get rid of those unsightly scroll bars in a frame set layout. However, Netscape 6 MAC disables Javascript control over scrolling if the frame’s Scroll Bars option is turned off. Not all browsers have been tested.

Cautions:
This Action is typically used with Mouse Enter/Exit to control start and stop scrolling. Mouse Down/Up can also be used with some browsers. However, Netscape Communicator 4.72 Mac for example, throws up a contextual menu when the mouse button is held down on a link. This will start the scrolling but a user won’t be able to stop it.

Base Compatibility:
Netscape 4, Internet Explorer 4.5.

ScrollIt can easily help you set up one or more scroll areas on a page. Each one has its own scrolling controls. Scrolling can be Up Down Left and Right. ScrollIt is great for setting up lots of content on pages where space is at a premium. Compatible with all popular browser.

Cautions:
Some browser versions might support scrolling differently on various platforms.

Base Compatibility:
Netscape 4, Internet Explorer 4.5.

Scrollmenu is used to design multi-level, animated Pop-Up menus. You can design regular pop-up that scroll into view, or accordion menus that shift out of the way as the pop-up scrolls into view. Shifting menus are a helpful when page real estate is at a premium. Shifting and Scrolling can move either left, right, up or down. The number of cascading pop-up levels you can set up are practically unlimited.

You can also set up rollover Text Strips, and anchor or center your menus so they always stay put.

Base Compatibility:
Netscape 6, Internet Explorer 5.2.

Showcase is a two action suite. The Showcase Action is used to set up Forward and Backward buttons that let you change up to 12 images (thumbnails) with one click. Each of these images can have a custom link that can be used to display a larger image, or open a new window with HTML content, or make a floating box visible. You can design several pages, each having up to 6 showcases.

Image sets for all showcases are specified in an external Javascript file. The total number of 12 image sets is limited to 9999.

The ShowCaseLinks Action is used with Showcase. When a user clicks on a thumbnail, ShowCaseLinks can either load a larger image into an image placeholder, or open a new window with its own HTML content. An excellent way to present detailed blow-ups of each thumbnail. You can even set up other sub-showcases in the new windows.

ShowCase also works when “Import CS Library” is selected. This will store all ShowCase files in the CSScriptLib.js library instead of on the HTML page.

Cautions:
This Action suite can be used to hide and show floating boxes. Floating boxes only work with Netscape 4+ and Explorer 4+ browsers.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

ShowOff is used to display a pop-up box while automatically hiding the previous box. For example you can stack boxes on top of each other and have them pop-up when someone clicks or cursors over a different link. You can build up to 4 separate pop-up box groups on one page. ShowOff is a fantastic space saver! This website uses it for these information boxes.

This Action can also be teamed up with RadioRollover to create comprehensive menu systems with 2 or 3 stage radio rollover buttons.

Base Compatibility:
Netscape 4, Internet Explorer 4.5.

ShrinkWrapper can be used to set up a gallery page for displaying your Art and Photography, and help protect your proprietary work from being easily snagged by visitors.

Attach this Action to a thumbnail image. When the thumbnail is clicked, the large display image opens in a new window which automatically wraps itself around the protected image. This image can NOT be manually downloaded. You can even overprint the image with a semi-transparent Watermark to foil screen captures. You select the watermark and its opacity. The new window can be centered in the user's screen or positioned at Left Top coordinates.

The opacity of the main browser window can also be set when a thumbnail is clicked, so your display images pop right off the screen. The opacity returns to normal when the main browser window is clicked.

Cautions:
The opacity functiion might not work in some earier browsers like IE 5.2 Mac. IE 5.2 Mac also has a 336px X 206px minimum window resize.

IE 7 Win fades the entire page including the background color, toward white when setting Opacity. All other browsers fade toward the background color.

Base Compatibility:
Netscape 4, Internet Explorer 5.

StayPut is used to keep your menus or any content centered in the browser window without the need for tables. You do this by placing your content inside a container AP Div (layer) then have StayPut center the layer. Centering can be horizontal and/or vertical.

A layer can also be made to stay in a fixed window position when the user scrolls or resizes the page, or it can automatically stretch its width an/or height. You can create colored content panels along the top or down the side of your page that automatically stretch as the user scrolls or resizes the window.

Base Compatibility:
Netscape 6, Internet Explorer 5.

StickemUp will stick one or more sticky notes in the center or in either corner of the user’s screen. The note background can be any color. Text can be small, medium or large., or you can use the included Style Sheet to set the text properties. Notes can be any size, and open as plain windows without window chrome. Text is entered as one line of text.

Caution:
This Action will not work if the user has selected “Do not allow pop-up windows” in their browser.

Base Compatibility:
Netscape 4, Internet Explorer 4.

StyleCop is used as a Head Action to change a page's Style Sheet based on screen resolution, browser, browser version, browser Language and platform (Mac or Win or WebTV). It can be set up to detect any browser!

Up to 4 tests can be made with one Action. Use it in tandem for more tests. You can also change the visitor’s browser window size based on their screen resolution.

Base Compatibility:
Netscape 4, Internet Explorer 4, AOL 4, WebTV 2.2.

StyleDirect can load custom Style Sheets for different Browser/Platform combinations. It checks for the browser class (Netscape, Explorer), and what platform they’re running on (Macintosh or Windows or WebTV), then loads the style sheet that you have designed for that combination.

You can also use this Action to hot-swap style sheets after the page loads. For example, you can build a text zoom tool for your pages. StyleDirect sets a cookie with their choice and automatically selects that style sheet the next time they visit.

Cautions:
Not much is known about MSNTV Javascript compatibility with other browsers. According to my reference material, WebTV v1.2's userAgent ID is Mozilla/3.0 and it's compatible with MSIE 2.0 which emulates Navigator 3.0.

Base Compatibility:
Netscape 4, Internet Explorer 4, AOL 4, WebTV 2.2.

StylesToDiv prepares all the layers on your page so Browsers will print them properly.

Try this test. Print one of your web pages that has layers (floating boxes) on it. If the layers were scattered all over the place then this is what your visitors will see when they print the page.

Cautions:
Some earlier browsers don't support all the Layer (floating box) properties. There may be some irregularities in printing when using these browsers.

Base Compatibility:
Internet Explorer 5+, Navigator 6+.

SuperAdCarousel is used to display a different ad each time your page loads. The ads can be a combination of image and SWF graphics. You can set up several ad locations on a page and display up to 3600 ads per location.

Banner Ad files and their Links are defined in an external Javascript file.

SuperAdCarousel has a unique method to ensure that each ad in your line-up has an equal chance to be seen. Ad exposure is based on either 1 second or i minute intervals. This means that at every interrval the ad cue is rotated one slot. Equality of exposure is based on the assumption that users will access your site at random times giving each ad an equal turn at bat.

Base Compatibility:
Netscape 4, Internet Explorer 4.

SuperFlipFlop is a very powerful Action for controlling the visibility, opacity and background color of floating boxes. You can also fade layers in to and out of view with the Transition option. It can control up to 6 boxes at once or be used in tandem for more. You also have the option to show or hide all the deep nested boxes within a floating box. SuperFlipFlop works between frames as well, so you can click on a link in one frame and control floating boxes in another.

Note:
Navigator 4 is supported in this Action but this browser has limited support for floating box properties.

Base Compatibility:
Netscape 4, Internet Explorer 5.

SuperPageCarousel is used to display a different HTML page each time someone accesses your URL. You can define up to 3600 pages.

SuperPageCarousel has a unique method to ensure that each page in your line-up has an equal chance to be seen. Exposure is based on either 1 second or i minute intervals. This means that at every interrval the page cue is rotated one slot. Equality of exposure is based on the assumption that users will access your site at random times giving each page an equal turn at bat.

Base Compatibility:
Netscape 3.01, Internet Explorer 3.

SwapFrameSet is used to change the content of up to 5 frames with one click.

Select an event that will trigger the action - like a Mouse Click or Mouse Over etc. Enter the names of up to 5 frames and the URLs pointing to the new content, and that's it. This Action has room for up to 5 frames but you run SwapFrameSet in tandem to change as many frames as you like.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

TagToggle is used to toggle the color of any text and text backgrounds on the page - not just linked text.

The text color changes when the user cursors over the text, then changes back to its original color when the cursor leaves the text. Up to 6 HTML and Style Sheet tags with their own color combinations can be specified per Action. Use this Action in tandem to define more.

TagToggle works with Explorer 5+ and Navigator 6+ browsers.

Base Compatibility:
Internet Explorer 5, Navigator 6.

TimedDateWindow is used to automatically load a different HTML page for each day of the year, and for selected days of the week. The new URL can be opened in the parent window or a new window. The new window also has an optional count down timer which will automatically close the window after a specified time. Great for calendar of events or daily price lists.

You don't have to enter a bazillion file names either! TimedDateWindow can be left completely unattended because it constructs the daily file name from the date. All you have to do is make sure you have a page ready for that day.

The window also has an optional count down timer which will automatically close the window after a specified time. When the new window opens, the timer begins to count down the specified seconds. When the time has elapsed, the window will close and the focus will be returned to the main window. The countdown timer does not interfere with the new window functions. The user can move it, resize it or select URL links.

Cautions
TimedDateWindow constructs the daily file names from the date on the user’s computer. If that date is wrong, the wrong page will be loaded in their browser. There are also time zone differences to consider.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

TimeImage is used to load a new image at different images at different times of the day. This is done by specifying time brackets - when to start loading the new image and/or when to stop. You can also split the time brackets up between several images, and each image can have its own URL. TimeImageLink is used to process the links for the individual images. It can also handle daylight savings time for various platform/browser combinations.

Cautions:
TimeImage can get the present time from either the user’s computer or calculate the time in the server’s time zone. If the time on the visitor’s machine is wrong, the wrong URL will be loaded.

Base Compatibility:
Netscape 3.01, Internet Explorer 3.

TimePage can be used to schedule the display of HTML pages. For example you can schedule page 1 to open, from 8:00 AM to 11:30 AM, page 2, from 11:31 AM to 3:00 PM and so on. The pages can open in either the present window, a new window with optional count down timer, or a frame. Great for automating the changing of Website content that announces events through out the day. It can also handle daylight savings time for various platform/browser combinations.

Cautions:
TimePage can get the present time from either the user’s computer or calculate the time in the server’s time zone. If the time on the visitor’s machine is wrong, the wrong URL will be loaded.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

TrafficMaster is a two Action suite that is used to stop visitors from entering certain pages in your website without going through an Entrance Page first. The idea is to stop visitors from accessing interior pages directly from a search engine or a bookmark.

TrafficMaster is used on the entrance page and writes a Visit Cookie to the visitor’s browser. Cookie life can be set in Minutes, Hours or Days.

TrafficMasterVerify is used on the protected pages. It checks if there is a valid Visitor Cookie, and re-directs the visitor to the entrance page if one isn’t found.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

Transparency is used to set the Opacity (transparency) level of images, layers (floating boxes) and Browser windows. You can set the transparency of an object, or you can create a transition effect where the object is faded into or out of view. Opacity can be set between 0% and 100% in 1% or more increments. The delay between percentage changes can also be set to refine the animation speed.

When setting the transparency for layers, everything inside the layer is affected.

Cautions:
Internet Explorer 5 for Mac does not support the Javascript Opacity property.

Base Compatibility:
Netscape 6, Internet Explorer 5 Windows.

VerifyForm is a powerful, industrial strength Form checker that is used to verify entries in up to 15 fields on a standard HTML form. There are 20 verification categories, 4 field modifiers that can be applied to user entries, and 2 special purpose options. There is also an option to guard against duplicate submission. Works with Active Server pages.

Comes with a QuickStart template page and guide that is already set up with all the VerifyForm essentials to get you up and running fast. More details.

Base Compatibility:
Netscape 3.0.1, Internet Explorer 3.

WindowTemplate can load a pre-designed blank template page into a new window. This template page can have frames, blank image placeholders, pre-designed content in hidden floating boxes, and blank floating boxes ready to receive a URL. Use this cool Action to customize content to menu selections, and reduce the number of pages needed in a site.

Cautions:
This Action requires that you change one or more HTML tags in the source view, by hand. Although not difficult, some familiarity with source HTML code would make you more comfortable doing this.

Base Compatibility:
Netscape 4, Internet Explorer 4.

ZipScroller is used to create Information Panels that scroll out when a user mouses over a link, then zip back automatically when the user either cursors out of the link, the box, or optionally when the panel times out.

You can even set up a Panel to scroll out when the page loads then zip back after a time delay.

The panel can scroll up and down, or left and right. ZipScroller is great for setting up lots of content on pages where space is at a premium, and where you want to feed out information as it’s needed.

Cautions:
Only one panel (floating box) can be visible at a time. When a new panel is opened, the previous one is closed whether it is on a timer or not.

Base Compatibility:
Netscape 4, Internet Explorer 4.

more great Actions

MosaicSlideShow
MultiCache
MultiLink
OpenTimedWindow
PassMaster
PeekaBoo
PixelCop
PopupSelectList
PopUpMultiURL
Portfolio
RadioRollover
ReloadPage
RemoteFrameSet
ScrollFrame
ScrollIt
ScrollMenu
ShowCase
ShowOff
ShrinkWrapper
StayPut
StickemUp
StyleCop
StyleDirect
StylesToDiv
SuperAdCarousel
SuperFlipFlop
SuperPageCarousel
SwapFrameSet
TagToggle
TimedDateWindow
TimeImage
TimePage
TrafficMaster
Transparency
VerifyForm
WindowTemplate
ZipScroller