<html> is a <view> that displays HTML pages.
For best results in Flash, set the wmode attribute to 'transparent' when embedding the application. See examples/extensions/html-swf.jsp
for an example. See examples/extensions/html.lzx for an example of embedding <html> in a window.
<canvas>
<view y="50" width="100%" height="300" bgcolor="blue" onmousedown="res.apply()" onmouseup="res.remove()">
<resizestate name="res"/>
<dragstate name="drg"/>
<text width="100%" bgcolor="gray" onmousedown="parent.drg.apply()" onmouseup="parent.drg.remove()">Drag here</text>
<html id="ht" src="http://google.com/" x="15" y="15" width="${parent.width - 30}" height="${parent.height - 30}"/>
</view>
</canvas>
html extends <view>,
which is the fundamental visual class of LZX. Note that child views aren't supported.
| Name (CSS property) | Type (tag) | Type (js) | Default | Category |
|---|---|---|---|---|
focusable
|
boolean | boolean | true | read/write |
framename
|
string | String | read/write | |
| Sets the name/target of the html iframe. | ||||
history
|
expression | Boolean | true | read/write |
| If true, the html tag will set browser history. | ||||
html
|
html | String | read/write | |
| The HTML that the iframe starts out containing. Be sure to XML-escape any < > and & characters in the HTML. | ||||
iframeid
|
expression | any | null | read/write |
loading
|
boolean | Boolean | false | readonly |
| If true, the html tag is currently loading | ||||
minimumheight
|
number | Number | 0 | read/write |
| The minimum height of the iframe: embedded swfs won't load with a size less than 1 | ||||
minimumwidth
|
number | Number | 0 | read/write |
| The minimum width of the iframe: embedded swfs won't load with a size less than 1 | ||||
mouseevents
|
boolean | Boolean | true | read/write |
| If true, attempt to listen for mouse events on the iframe. Cross-domain security restrictions apply, so if the content loaded in the iframe is from a different domain, mouse events won't be sent. | ||||
ready
|
expression | Boolean | false | readonly |
| If true, the html tag is ready to receive commands | ||||
rpcmethods
|
expression | Array | null | read/write |
| Contains a list of method names available to call with callRPC(). | ||||
scrollbars
|
boolean | Boolean | true | read/write |
| If true, the html tag will have scrollbars. | ||||
shownativecontextmenu
|
boolean | Boolean | true | read/write |
| If true, show native context menus in the iframe. Otherwise, show OpenLaszlo context menus. Note that this only works in DHTML because it's not possible to programatically display a context menu in Flash. | ||||
src
|
text | String | read/write | |
| Sets the URL the html tag should load | ||||
target
|
expression | lz.view | this.parent | read/write |
| Sets the view to listen to for x/y/width/height change events. Defaults to this.parent. | ||||
visible
|
boolean | Boolean | true | read/write |
| Sets the visibility of the html tag | ||||
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
-
bringToFront() -
-
callJavascript() -
Parameter Name Type Description methodName String The name of the method to call callbackDel lz.handler An optional LzDelegate which will be called with the return value from the method call. args ... Optional arguments to pass to the method.
-
callRPC() -
Calls a method in the the loaded page using pmrpc/jsonp with message passing. This can be used to call methods across iframes loaded from different domains. You must to register javascript functions for callback in the iframe with pmrpc for them to be available. If the HTML loaded into your <html></html> component includes lps/includes/iframestub.js, you can send events into the parent OL <html></html> object with the browser Javascript method lz.sendEvent(name, value). Please note that pmrpc requires IE 8 and above. See See http://code.google.com/p/pmrpc/ for more details about pmrpc.
Parameter Name Type Description methodName String The name of the method to call callback Function An optional function which will be called with the return value from the method call. args ... Optional arguments to pass to the method.
-
restoreSelection() -
-
scrollBy() -
-
sendToBack() -
-
setStyle() -
Parameter Name Type Description elementid String Specifies the ID of an element in the HTML loaded in the iframe. If null, the CSS is applied directly to the iframe. property String The CSS property name to change, e.g. 'backgroundColor' value String The CSS value to use, e.g. '#ff0000'
-
storeSelection() -
Stores a selection from the iframe, to be restored later by restoreSelection(). Currently only works in IE 7.
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 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