Pdf files are not displayed on chrome && firefox mobile browser - javascript

I have the following code to embed a pdf file on my site:
´<object data="path_to_pdfFile.pdf" type="application/pdf" width="800" height="500">
<p>Your browser doesn't support have a PDF Plugin. Instead you can Click here to download it</p>
</object>´
..It works just fine on desktop browsers (firefox, chrome, iE and even on Safari) but it happens when i go to my smartphone, it doesn't display the content of my pdf file but shows the "This Plugins is not supported" instead or something like that. Sometimes it doesn't even show anything but a gray frame.
Last time i heard browsers are not using nothing with adobe but i'm not sure what to do todisplay my content on mobiles and tablets.

Related

Click inside iframe, embed or object does not work on safari

I am pulling a 3rd party bookings system on a WordPress page. I used iFrame initially and it works fine on chrome browser and on Android phones, but it doesn't work on Safari (iPhone as well as mac). I tried as well as
This is what I currently have on my page:
<div><object style="overflow: auto!important; -webkit-overflow-scrolling: touch!important;" data="https://www.ultimoht.net.au/webappointment/PatientDetails.aspx?DentalOfficeID=3614545" type="text/html" width="100%" height="800px"> </object></div>
The problem with safari is, it won't let user select a date on the page. May be the problem is the touch event.
When I open data link directly on the safari browser it works fine, it only causes an issue when it is inside an iframe or embed or object.
As far as I can see it works for me on both my mac and iPhone with no problem running Safari 12 on mac. The first time it took a few clicks on mobile but it is working.

iframe content in IE11 is shows only white screen

I need to display an pdf file in iframe tag using JavaScript
Here is my iframe
<iframe id="iframeFile" name="iframeFile" src="" width="100%" height="100%" title="File" scrolling="auto" style="position:relative;"></iframe>
$('#iframeFile').attr('src', '');
pdf is displaying in chrome and firefox. But in internet explorer it shows white blank screen.
Does it show the option to download the file when you try to open it in IE 11?
Try to check the Adobe Shockwave add on is installed and enabled in Internet Explorer.
If it is not available or disabled than IE can show you the blank screen and prompt you to download the PDF file to view it locally.
If it is not available in your IE add on list than you can download it from Adobe website.
Adobe Shockwave Player

Safari browser in Ipad renders only the first page of pdf - Javascript

The following code has been used to render the pdf in browser. It works fine in chrome browser but it doesn't work in Safari browser in ipad. It just renders the first page of pdf. Another observation is the first page is converted into image (as per the console)
<embed src={props.filePath} height="900" width="100%" type='application/pdf'/>

Browser compatibility issue

When we call the html page in browser with images in Mozilla Firefox browser could not load image in windows but in chrome images are showing even in IE also , And when we call same page in Ubuntu Mozilla Firefox the image will be display, same issue in Mac in Mozilla Firefox image could not load display. But in safari browser images are display.
And when we run Mozilla Firefox in safe mode that fine and display images in windows.
You can try the following solutions:
Clear cookies and cache
Images may not be loaded due to security issues and so you can try: Click the Site Identity Button->More information… button->Permissions panel->Select Allow( next to Load Images)->Refresh and try again
source:
https://support.mozilla.org/en-US/kb/fix-problems-images-not-show

Slider, Works with IE, mobile devices not chrome

I have installed a slider into a website, it is viewable with IE, mobile devices ETC, but it does not work with chrome. Is this as simple as using an IF statement to sort this?
You can see what I mean at http://www.test.hdwebdesigns.co.uk/SIM/ you will see it works in IE and mobile devices but not chrome.
I am unable to upload to JSFiddle, so I have uploaded a RAR file of the site here http://www.test.hdwebdesigns.co.uk/SIM/SIM.rar

Categories