<netui:image> Tag

Renders an HTML <image> tag with specified attributes.

Syntax

<netui:image
    [align="align"]
    [alt="alt"]
    [border="border"]
    [dir="dir"]
    [height="height"]
    [hspace="hspace"]
    [ismap="ismap"]
    [lang="lang"]
    [location="location"]
    [longdesc="longdesc"]
    [onClick="onClick"]
    [onDblClick="onDblClick"]
    [onKeyDown="onKeyDown"]
    [onKeyPress="onKeyPress"]
    [onKeyUp="onKeyUp"]
    [onMouseDown="onMouseDown"]
    [onMouseMove="onMouseMove"]
    [onMouseOut="onMouseOut"]
    [onMouseOver="onMouseOver"]
    [onMouseUp="onMouseUp"]
    [src="src"]
    [style="style"]
    [styleClass="styleClass"]
    [tagId="tagId"]
    [title="title"]
    [usemap="usemap"]
    [vspace="vspace"]
    [width="width"] />

Description

Renders an HTML <image> tag with specified attributes.

Attributes
align
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The alignment of the image.
alt
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable:

The alternative text of the image
border
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The border size around the image
dir
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The dir.
height
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable:

The image height
hspace
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable:

The horizontal spacing around the image.
ismap
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The server-side map declaration.
lang
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The lang.
location
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The location hash to append to the URL.
longdesc
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable:

onClick
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The onClick JavaScript event.
onDblClick
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The onDblClick JavaScript event.
onKeyDown
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The onKeyDown JavaScript event.
onKeyPress
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The onKeyPress JavaScript event.
onKeyUp
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The onKeyUp JavaScript event.
onMouseDown
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The onMouseDown JavaScript event.
onMouseMove
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The onMouseMove JavaScript event.
onMouseOut
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The onMouseOut JavaScript event.
onMouseOver
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The onMouseOver JavaScript event.
onMouseUp
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The onMouseUp JavaScript event.
src
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable:

The image source URI
style
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The style.
styleClass
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The style class.
tagId
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

String value. Sets the id (or name) attribute of the rendered HTML tag. Note that the real id attribute rendered in the browser may be changed by the application container (for example, Portal containers may change the rendered id value to ensure the uniqueness of id's on the page). In this case, the real id rendered in the browser may be looked up through the JavaScript function getNetuiTagName( tagId, tag ).

For example, assume that some tag's tagId attribute is set to foo.

    <netui:textBox tagId="foo" />

Then the following JavaScript function will return the real id attribute rendered in the browser:

    getNetuiTagName( "foo", this )

To get a <netui:form> element and all of its children elements in JavaScript, use the same JavaScript function getNetuiTagName( tagId, tag ). For example, assume that there is a <netui:form> whose tagId attribute is set to bar.

    <netui:form tagId="bar" >

Then the following JavaScript function will return the <netui:form> element and its children (packaged as an array).

    document[getNetuiTagName( "bar", this )]

To retreive the value entered into a <netui:textBox> within the <netui:form> tag, use the following JavaScript expression.

    document[getNetuiTagName("bar", this)][getNetuiTagName("foo", this)].value

The second parameter ensures that the JavaScript function begins its search within the correct Portlet scope. Pass the JavaScript keyword this as the second parameter. For detailed information on using the function getNetuiTagName( tagId, tag ) see Using JavaScript in Page Flow and Portal Applications.

title
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The title.
usemap
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable: No

The client-side image map declaration
vspace
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable:

The vertical spacing around the image.
width
Required: No  |   Supports runtime evaluation: Yes  |   Data bindable:

The image width.

 
Example

In this sample, an Image shows "friends.jpg" at 150 x 175 pixels, with the id "Friends".

<netui:image src="friends.jpg" id="Friends" height="150" width="175" />