A simple subclass of <modaldialog>, <alert> provides a modal alert box that displays its text attribute (or content) and an OK button. (If you need to display more than
text in an alert, use <modaldialog> itself).
<canvas height="140">
<alert name="myalert">
Danger! Danger, Will Robinson!
</alert>
<button onclick="canvas.myalert.open()">Show Alert</button>
</canvas>
See also:
| Name (CSS property) | Type (tag) | Type (js) | Default | Category |
|---|---|---|---|---|
button1
|
string | String | OK | read/write |
| Alert shows only this button, if button2 isn't set. You may specify a different string to change the text of the button. | ||||
button2
|
string | String | read/write | |
| If a string is set for this attribute, a second button will be shown to the left of the first with this text. | ||||
maxtextwidth
|
expression | any | Math.round(parent.width/3) - inset_left - inset_right - content_inset_left - content_inset_right | read/write |
| The max length of a line of text before it wraps. Default: 1/3 of the parent's width - width of window dressing and margin. | ||||
minwidth
|
expression | any | button2 == '' ? 100 : 170 | initialize-only |
| Minimum width for the alert. Default: 100 for a 1 button alert, 170 for a 2 button alert. | ||||
result
|
expression | any | null | read/write |
| After the alert is closed, this is set to true if button1 ("OK") is pressed or false if button2 is pressed. You can check for the result value using the onresult event. | ||||
text_x
|
number | Number | 0 | read/write |
| The x position of the button text. | ||||
text_y
|
number | Number | 0 | read/write |
| The y position of the button text. | ||||
Attributes inherited from <modaldialog>
content_inset_bottom, content_inset_left, content_inset_right, content_inset_top
Attributes inherited from <windowpanel>
closeable, inset_bottom, inset_left, inset_right, inset_top, title, titlearea_inset_top
Attributes inherited from <basecomponent>
doesenter, enabled, hasdefault, isdefault, style, styleable, text
Attributes inherited from <view>
aaactive, aadescription, aaname, aasilent, aatabindex, align, backgroundrepeat, bgcolor, cachebitmap, capabilities, clickable, clickregion, clip, colortransform, context, contextmenu, cornerradius, cursor, fgcolor, focusable, focustrap, font, fontsize, fontstyle, frame, framesloadratio, hasdirectionallayout, hassetheight, hassetwidth, height, layout, loadratio, mask, opacity, pixellock, playing, proxyurl, resource, resourceheight, resourcewidth, rotation, shadowangle, shadowblurradius, shadowcolor, shadowdistance, showhandcursor, source, stretches, subviews, tintcolor, totalframes, unstretchedheight, unstretchedwidth, usegetbounds, valign, visibility, visible, width, x, xoffset, xscale, y, yoffset, yscale
Attributes inherited from <node>
classroot, cloneManager, data, datapath, defaultplacement, id, ignoreplacement, immediateparent, inited, initstage, name, nodeLevel, options, parent, placement, styleclass, subnodes, transition
Methods
Methods inherited from <basecomponent>
acceptValue, doEnterDown, doEnterUp, doSpaceDown, doSpaceUp, presentValue, setStyle, setTint, updateDefault
Methods inherited from <view>
bringToFront, containsPt, getAttributeRelative, getBounds, getColor, getColorTransform, getCurrentTime, getDepthList, getDisplayObject, getID3, getMouse, getNextSelection, getPan, getPrevSelection, getProxyURL, getTotalTime, getVolume, init, isBehind, isInFrontOf, isMouseOver, measureHeight, measureWidth, play, proxyurl, searchSubviews, seek, sendAAEvent, sendBehind, sendInFrontOf, sendToBack, setAccessible, setAttributeRelative, setColor, setColorTransform, setPan, setProxyPolicy, setSource, setVolume, shouldYieldFocus, stop, unload, updateResourceSize
Methods inherited from <node>
animate, applyConstraintMethod, applyData, childOf, completeInstantiation, construct, createChildren, dataBindAttribute, destroy, determinePlacement, getOption, getUID, init, lookupSourceLocator, releaseConstraint, releaseConstraintMethod, searchImmediateSubnodes, searchSubnodes, setOption, setSelected, updateData
Events
| Name | Description |
|---|---|
onresult
|
This event is sent when a button is pressed. Use this to check the result value. |
Events inherited from <view>
onaddsubview, onbackgroundrepeat, onblur, onclick, onclickable, onclip, oncontext, oncornerradius, ondblclick, onerror, onfocus, onframe, onframesloadratio, ongesture, onheight, onkeydown, onkeyup, onlastframe, onload, onloadratio, onmousedown, onmousedragin, onmousedragout, onmouseout, onmouseover, onmousetrackout, onmousetrackover, onmousetrackup, onmouseup, onmouseupoutside, onopacity, onplay, onplaying, onremovesubview, onshadowangle, onshadowblurradius, onshadowcolor, onshadowdistance, onstop, ontimeout, ontouch, onvisible, onwidth, onx, ony