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

Copy

BBjWebManager::getStyle 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