Javascript to stop Internet Explorer users opening form

RLJB

We have the need to display a PDF document but disallow users from (easily) printing or downloading (right click > save as).

We have managed to do this with Chrome and Firefox users by disabling the PDF viewer toolbar and right click, using iframe properties and some CSS opacity, like this:

IF Doc.DocFile IS DEFINED THEN
Doc.EmbedPath='<div id='+SystemSettings.Apos+'pdf'+SystemSettings.Apos+' style='+SystemSettings.Apos+'width:940px; height: 500px;border: 2px solid #C4C4C4;'+SystemSettings.Apos+'>
<iframe src='+SystemSettings.Apos+Doc.FilePathView+'#zoom=85&scrollbar=0&toolbar=0&navpanes=0'+SystemSettings.Apos+' type='+SystemSettings.Apos+'application/pdf'+SystemSettings.Apos+' width='+SystemSettings.Apos+'100%'+SystemSettings.Apos+' height='+SystemSettings.Apos+'100%'+SystemSettings.Apos+' style='+SystemSettings.Apos+'position: relative;'+SystemSettings.Apos+'></iframe>
</div>'

and

<<Doc.EmbedPath>>
<div style="float:left;position:absolute;width: 100%;height:100%;left:0;top:0;background-color: #ddd;opacity: 0.00001;">&nbsp;</div>

But it doesn't work for Internet Explorer.

We'd be happy to just stop (disallow) IE users from opening the form at all, does anyone have any idea how?

All ideas welcome. Thanks!

Jaymer

Easy to get the User Agent: document.getElementById('UserAgent').value = navigator.userAgent;
See if that contains "IE".

If you are using a HTML cell button on a Form to start the PDF, then wrap that HTML with a check for this string.

If its a regular Form button, then you may need an Init or Render script to disable the button in case of IE.

Jaymer

Here's a view of that code without the annoying "SystemSettings.Apos", which KILLS readability. I know we HAVE to do something to get double quotes in there, but the bloat just irks me.

IF Doc.DocFile IS DEFINED THEN
Doc.EmbedPath='<div id='+"+'pdf'+"+' style='+"+'width:940px; height: 500px;border: 2px solid #C4C4C4;'+"+'>
<iframe src='+"+Doc.FilePathView+'#zoom=85&scrollbar=0&toolbar=0&navpanes=0'+"+' type='+"+'application/pdf'+"+' width='+"+'100%'+"+' height='+"+'100%'+"+' style='+"+'position: relative;'+"+'></iframe>
</div>'

Now, one can see a but more of what you're doing. Its a nice hack.
In what way does it not work with IE?

Also, don't know if this tip will help anyone,
If I was doing this in my code, I'd write it like this just to help readability:

Doc.EmbedPath=REPLACE_PATTERN(   '<div id='+~+'pdf'+~+' style='+~+'width:940px; height: 500px;border: 2px solid #C4C4C4;'+~+'>
<iframe src='+~+Doc.FilePathView+'#zoom=85&scrollbar=0&toolbar=0&navpanes=0'+~+' type='+~+'application/pdf'+~+' width='+~+'100%'+~+' height='+~+'100%'+~+' style='+~+'position: relative;'+~+'></iframe>
</div>'   ,'~',SystemSettings.Apos)

RLJB

Thanks Jaymer, we got it working with render script as follows:

var ua = window.navigator.userAgent;
var is_ie = /MSIE|Trident/.test(ua);

if(is_ie){
var pdf = document.getElementById("pdf");
pdf.style.display = "none";

var nopdf = document.getElementById("nopdf");
nopdf.style.display = "block";
}

Btw, I feel your pain about being unable to use " in rules, would be nice if support let us escape it.