I can't show elements above a 'Web Object'

I'm inserting an online web page link as a 'Web Object'. I would like to show elements above the web object, however, the web object always appears on top. What am I missing?

I did a little digging, but couldnt find much. It appears to be  very similiar to this issue: http://www.articulate.com/support/kb_article.php?product=st1&id=60use0cv4flr

Does anyone have a solution or has anyone found a workaround to display a text box (or a layer) that appears above a web page 'web object'? Please keep in mind I cannot edit the web page I'm inserting.

Is it possible? Thanks!

Oh, I just thought of one other factor—the output cannot be in HTML5.

4 Replies
Rory Siedler

I created a partial solution for this problem. Basically I use the "execute javascript" trigger to change the style of the webobject to 'hidden' when I need to show something 'above' the web object. When I need to show the web object again, I change the style back to 'visible'. The main purpose of using this approach is that the user doesn't lose their position within the web object and allows me to show other elements in the same area. 

To hide the Web Object insert this javascript into your trigger:
document.getElementById("YOUR_WEB_OBJECT_ID_HERE").style.visibility="hidden";

To Show the Web Object insert this javascript  into your trigger:

document.getElementById("YOUR_WEB_OBJECT_ID_HERE").style.visibility="visible";

One way to find out what your web object ID is:

  • View your project in IE
  • Navigate to the slide with your web object and use "Developer Tools" under the tools menu, or hit F12
  • When you have developer tools window open, click on the white arrow and then go back to your project and click on the web object (It should be highlighted with a border when hovering over it.)
  • Once selected, It will show you in developer tools what the ID of the web object is.

I'm not sure how consistent this is, but the ID appears to stay the same for each individual project.

Juanjo Haro

Hi... i can't find the ID of the web object

iframe class="item webobject" src="http://www.microsoft.com/business/es-es/content/paginas/article.aspx?cbcid=308" width="920" height="482" style="left: 10px; top: 39px; z-index: 13; display: inline;"

In a line i find this:

<html id="ctl00_Html1" xmlns="http://www.w3.org/1999/xhtml" __expr-val-dir="ltr" dir="ltr" lang="es-es">

But it seems not to work...