Focal Point
[SOLVED] Disable images in html composer

This topic can be found at:
http://forums.informationbuilders.com/eve/forums/a/tpc/f/7971057331/m/4117088986

April 09, 2018, 11:17 AM
Joel Elscott
[SOLVED] Disable images in html composer
I'm using App Studio HTML Composer, and I have several images on my page. Is there a way to disable them, so the user can't click or tab to them?

I tried this little piece of js, but it didn't work.

document.getElementById('image1').disabled = true;

This message has been edited. Last edited by: Joel Elscott,


WebFOCUS 8.2.03
z/OS
April 09, 2018, 11:40 AM
Francis Mariani
Try setting the tabindex to -1.

MDN web docs: tabindex

I can't verify this, but tabbing to an image should only occur if the image has a link. Regardless, setting tabindex to -1 should wortk.


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
April 09, 2018, 11:51 AM
Joel Elscott
Thanks Francis. You can still click on the image, which isn't ideal, but tabbing to it was my biggest concern. Thanks again.


WebFOCUS 8.2.03
z/OS
April 09, 2018, 12:00 PM
Francis Mariani
Joel, there might be a way to prevent a click on an image (I haven't tried this):

img{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
stackoverflow: How to disable highlight on a image


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server