BBjWebManager::getStyle

Description

In BBj 23.00 and higher, this method returns the value of a CSS property explicitly set on a selected element on the web page.

Syntax

Return Value Method
string getStyle(string property)
string getStyle(string property, string selector)

Parameters

Variable Description
property Specifies the CSS property to be set on the web page.
selector By default, getStyle applies to the document element on the web page. If a selector is specified, it selects a descendant element within the document to query this attribute. If a specified selector doesn't return any elements, the default document element is used.

Return Value

Returns the value of the specified CSS property.

Remarks

None.

Example

rem ' BBjWebManager::getStyle

style$ = "color"
value$ = "blue"
selector$ = ".BBjStaticText"

sysgui = unt
open (sysgui)"X0"
sysgui! = bbjapi().getSysGui()

title$ = "BBjWebManager::getStyle"
window! = sysgui!.addWindow(25,25,600,325,title$,$00090083$)
window!.setCallback(window!.ON_RESIZE,"resize")
window!.setCallback(window!.ON_CLOSE,"eoj")

window!.addStaticText(101,5,25,90,25,"Style:",$8000$)
style! = window!.addEditBox(102,100,25,475,25,style$,$$)

window!.addStaticText(103,5,75,90,25,"Value:",$8000$)
value! = window!.addEditBox(104,100,75,475,25,value$,$$)

window!.addStaticText(105,5,125,90,25,"Selector:",$8000$)
selector! = window!.addEditBox(106,100,125,475,25,selector$,$$)

setStyle! = window!.addButton(201,100,175,475,25,"setStyle",$$)
setStyle!.setCallback(setStyle!.ON_BUTTON_PUSH,"setStyle")

getStyle! = window!.addButton(202,100,225,475,25,"getStyle",$$)
getStyle!.setCallback(getStyle!.ON_BUTTON_PUSH,"getStyle")

getComputedStyle! = window!.addButton(203,100,275,475,25,"getComputedStyle",$$)
getComputedStyle!.setCallback(getComputedStyle!.ON_BUTTON_PUSH,"getComputedStyle")

browser! = bbjapi().getWebManager(err=oops)
browser!.getUrl(err=oops)

process_events

oops:
i = msgbox("This functionality is only supported in browser environments.")

eoj:
release

resize:
    event! = sysgui!.getLastEvent()
    width = event!.getWidth()
    height = event!.getHeight()
    style!.setSize(width-125,25)
    value!.setSize(width-125,25)
    selector!.setSize(width-125,25)
    setStyle!.setSize(width-125,25)
    getStyle!.setSize(width-125,25)
return

setStyle:
    style$ = style!.getText()
    value$ = value!.getText()
    selector$ = selector!.getText()
    browser!.setStyle(style$, value$, selector$)
return

getStyle:
    style$ = style!.getText()
    selector$ = selector!.getText()
    value$ = browser!.getStyle(style$, selector$)
    value!.setText(value$)
return

getComputedStyle:
    style$ = style!.getText()
    selector$ = selector!.getText()
    value$ = browser!.getComputedStyle(style$, selector$)
    value!.setText(value$)
return

See Also

BBjAPI

BBjBuiManager / BBjWebManager

BBjSysGui

See the BBj Object Diagram for an illustration of the relationship between BBj Objects.