scaling of Browser object

education4life · **Joined:** October 11th, 2016, 9:48 am **Posts:** 5

HTML5 output:
I'm trying to have my Opus Browser object (iFrame) react to my tablet orientation. (resizing of the iFrame)

I can get ScreenWidth and ScreenHight, so in that way I can determine whether I'm viewing in landscape or portrait mode.

The function 'SetObjectDimensions' works beautiful on images, but apparently not on iFrames.

Does anyone know of an easy way around?

var dimInfo = Image1.GetObjectDimensions()
Image2.SetObjectDimensions(dimInfo)

mackavi · **Posted:** April 24th, 2017, 10:58 am

Opus outputs Browser objects to a DIV with an IFRAME child. This is a simple function that will resize both:

Code:

function resizeOpusBrowser(browserName,width,height){
  var tmpBrowser = document.getElementById(browserName + "D")
  var tmpIframe = tmpBrowser.getElementsByTagName("iframe")[0];

  tmpBrowser.style.width = tmpIframe.width = width;
  tmpBrowser.style.height = tmpIframe.height = height;
}

Example for browser object called MyWebPage

Code:

resizeOpusBrowser("MyWebPage","100px","40px")

</mack>

education4life · **Joined:** October 11th, 2016, 9:48 am **Posts:** 5

Thanks so much for that fast reply Mack!

I'm extremly busy so I haven't had time to investigate this any further. My programmer told me that he tried something very similar, but that Opus was overwriting it.

** Can you give me any hint on where to include this in my Opus project, or do I manually add it to my published files??

Thanks very much in advance!

mackavi · **Posted:** May 1st, 2017, 7:52 am

I wrote it as external JS and called the function from the window object - but the example above is OpusScript safe and can be run from an Opus Script Object function with the call from on trigger using the Opus Script Action.

http://sandbox.interaktiv.co.uk/resize/

</mack>

Digital Workshop

scaling of Browser object

Who is online