Ajax panel taglib ver. 1.2

    Custom JSP tag. This taglib is similar to our Hidden panel and lets you create hidden panel in your web front-end. Panel's content will be obtained via Ajax call.

For example:
 


<script language="JavaScript" src="cjajax.js"></script>

<%@ taglib uri="taglib.tld" prefix="a" %>

<a:AjaxPanel style="width:100px;height:75px;" url="content.jsp">
See more details ...
</a:AjaxPanel>

Tag assumes that your server side code (described in the attribute url) will return HTML (JSP) code with content for your panel. E.g. your jsp file content.jsp can looks so:
 


This code was requested via Ajax
<br> from server side

and you will get this:

 See more details ...

Attributes beforeAction and afterAction lets you provide your own JavaScript code that marks start/end phase of request. For example you can show/hide here some loading image etc. So, you can describe in your HTML code some progress indicator:
 


<div style="display:none" id="loading"><img src="loading.gif" alt="Loading..."/></div>

and define two JavaScript functions:
 


function beforeAction()
{
document.getElementById("loading").style.display="block";
}

function afterAction()
{
document.getElementById("loading").style.display="none";
}

it lets you show/hide progress indicator

In order to use this tag you have to describe an external JavaScript file cjajax.js on your page.

Tags are:

AjaxPanel

Body tag. Lets you create a hidden panel with Ajax support. Tag's body describes your HTML/JSP code for the caption (title). Parameters are:

1) url Optional parameter. Describes an URL for Ajax request
2) urlFunction Optional parameter. Describes a JavaScript function that returns an URL
3) error Optional parameter. Describes a name for your own JavaScript function that will be called in case of errors. By default is empty.
4) visible Optional parameter. Possible values are true or false. This parameter describes an initial state (visible or not). Default value is false.
5) idPanel Optional parameter. Describes a DHTML ID for the panel.
6) style Optional parameter. Describes a CSS style for the panel
7) className Optional parameter. Describes a CSS class for the panel
8) openedImage Optional parameter. Describes an image for the panel in the visible state. Default value is opentriangle.gif.
9) closedImage Optional parameter. Describes an image for the panel in the non-visible state. Default value is triangle.gif.
10) beforeAction Optional parameter. Describes a name for your own JavaScript function that will be called at the beginning of request. By default is empty.
11) afterAction Optional parameter. Describes a name for your own JavaScript function that will be called at the end of request. By default is empty.

for downloading:

Library: ajaxpaneltag.jar    Description: taglib.tld  JavaScript library: cjajax.js

Default images: closed   opened

© Coldbeans      Comments?

See also Coldtags suite - the largest collection of custom JSP tags.

Related links: