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?
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.
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:
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.
4 Replies
I did find another posting concerning this issue, which looks like it is not possible: http://community.articulate.com/forums/p/15114/87559.aspx#87559
Correct, Rory, not currently possible. Sorry about that, but feel free to make a feature request. Thanks!
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:
I'm not sure how consistent this is, but the ID appears to stay the same for each individual project.
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...
This discussion is closed. You can start a new discussion or contact Articulate Support.