Description

A tag that creates a HTML <a href='' /> that when clicked calls a URL remote XMLHttpRequest call via the dojo framework. The result from the URL is executed as JavaScript. If a "listenTopics" is supplied, it will publish a 'click' message to that topic when the result is returned.

While this tag can be used with the simple theme, xhtml theme, and others, it is really designed to work best with the ajax theme. We recommend reading the ajax a template documentation for more details.

Parameters

Name	Required	Default	Type	Description
id	false		String	The id to assign the component
notifyTopics	false		Object/String	Topic names to post an event to after the remote call has been made
preInvokeJS	false		String
theme	false		String	The theme to use for the element. This tag will usually use the ajax theme.
href	false		String	The URL to call to obtain the content
errorText	false		String	The text to display to the user if the is an error fetching the content
showErrorTransportText	false	false	Boolean	when to show the error message as content when the URL had problems
afterLoading	false		String	Javascript code that will be executed after the content has been fetched
openTemplate	false		Object/String	Set template to use for opening the rendered html.
templateDir	false		Object/String	The template directory (other than default) to used to find the themes and hence the template.
template	false		Object/String	The template (other than default) to use for rendering the element
cssClass	false		Object/String	The css class to use for element
cssStyle	false		Object/String	The css style definitions for element ro use
title	false		Object/String	Set the html title attribute on rendered html element
disabled	false		Object/String	Set the html disabled attribute on rendered html element
label	false		Object/String	Label expression used for rendering a element specific label
labelPosition	false	left	Object/String	deprecated.
labelposition	false		Object/String	define label position of form element (top/left)
requiredposition	false		Object/String	define required position of required form element (left|right)
name	false		Object/String	The name to set for element
required	false	false	Boolean	If set to true, the rendered element will indicate that input is required
tabindex	false		Object/String	Set the html tabindex attribute on rendered html element
value	false		Object/String	Preset the value of input element.
onclick	false		Object/String	Set the html onclick attribute on rendered html element
ondblclick	false		Object/String	Set the html ondblclick attribute on rendered html element
onmousedown	false		Object/String	Set the html onmousedown attribute on rendered html element
onmouseup	false		Object/String	Set the html onmouseup attribute on rendered html element
onmouseover	false		Object/String	Set the html onmouseover attribute on rendered html element
onmousemove	false		Object/String	Set the html onmousemove attribute on rendered html element
onmouseout	false		Object/String	Set the html onmouseout attribute on rendered html element
onfocus	false		Object/String	Set the html onfocus attribute on rendered html element
onblur	false		Object/String	Set the html onblur attribute on rendered html element
onkeypress	false		Object/String	Set the html onkeypress attribute on rendered html element
onkeydown	false		Object/String	Set the html onkeydown attribute on rendered html element
onkeyup	false		Object/String	Set the html onkeyup attribute on rendered html element
onselect	false		Object/String	Set the html onselect attribute on rendered html element
onchange	false		Object/String	Set the html onchange attribute on rendered html element
accesskey	false		Object/String	Set the html accesskey attribute on rendered html ekement
tooltip	false		String	Set the tooltip of this particular component
tooltipConfig	false		String	Set the tooltip configuration

Usage

To get started, use the head tag and the ajax theme. See ajax head template for more information. Then look at the usage details for the ajax a template.

 
If you want to use additional parameters in your ww:a the Best Practiceis to use a ww:url to create your url and then leverage this url into your ww:a tag. This is done by creating a ww:url and specifying an id attribute.. like "testUrlId" in this example. Then in the ww:a tag reference this id in the href attribute via " %{testUrlId}"

<ww:url id="testUrlId" namespace="/subscriber" action="customField" method="delete">
                  <ww:param name="customFieldDefinition.id" value="${id}"/>
              </ww:url>
             <ww:a errorText="Sorry your request had an error." preInvokeJS="confirm('Are you sure you want to delete this item?')" href="%{testUrlId}">
                    <img src="<ww:url value="/images/delete.gif"/>" border="none"/></ww:a>

<img xsrc="<ww:url value="/images/delete.gif"/>" border="none"/></ww:a><img xsrc="<ww:url value="/images/delete.gif"/>" border="none"/></ww:a>