how to disable download option of iframe in Safari Browser? - javascript

I am embedding pdf file in iframe using iframe tag.
To disable download option I am using #toolbar=0&scroolbar=0 which is working fine for Google Chrome, Mozilla etc.
But in Safari browser from MAC OS it is not working and a toolbar is popping up on mouse hover and download option is available in that toolbar. I want to hide that toolbar.
I tried using embed tag with #toolbar=0&scroolbar=0 as well but its not working.
I have added screenshot for your reference. Any help is highly appreciated.
Click on this link to see screenshot in which toolbar with download option can be seen

Related

Google viewer is opening blank page frequently

Why Google Viewer sometimes is opening a blank page instead of open the PDF file?
I could simulate it using this code. It doesn't happen every time. It will be necessary to click on the Google Viewer button few times.
I could simulate it on Edge and Chrome.
Pay attention to the two tabs after the tab title "Sem títlulo". They opened the PDF file perfectly. However, the tab with the title "Sem título" did not open the PDF.
EDIT
I'm using google docs viewer https://docs.google.com/viewer.
I try to test your code on the MS Edge legacy browser, MS Edge (Chromium) browser, Google Chrome browser, and Firefox browser.
I can reproduce the issue on all 4 browsers. So we can say that this is not a specific browser related issue.
I noticed that you are using Google docs viewer to display the PDF.
https://docs.google.com/viewer?
I try to display the PDF directly in the browser and found that it is working fine in every browser.
Test code:
Click to open PDF
Here is the test results in MS Edge (Chromium) browser.
So it looks like there is some issue with the Google docs viewer. You can try to provide feedback to Google about this issue.
To fix the issue in your code, you can try to directly display the PDF file as I show you in my sample code. You can notice that performance is also better.

Why is the Fullscreen API w3schools example not working in Firefox

Does anyone know why the fullscreen api does not work on Firefox? The w3schools example does not work either. I don't get any response from the button clicks.
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_fullscreen2
I am trying to do a fullscreen div via a button click. It works in Chrome but not Firefox
Open the developer tools. Look at the console. Firefox will tell you why.
Request for fullscreen was denied because at least one of the document's containing elements is not an iframe or does not have an "allowfullscreen" attribute.

iOS copy code in clipboard not working on safari and iphone

Last couple of hours, i was trying to implement clipboard copy on iOS using different ways but no luck nothing is working on cross platform. I have tried different method using
zeorclipboard
clipboard and
jsfiddle
As the snap showing a code and a button below that, this is a webpage on safari browser on IPHONE and i just want to copy that code into clipboard when i press the copy code button and use that code on my APP page for verification but it is not working as i desired. With the fiddle code, when i click the button it focus on the code text-box but not select or copy that.
N.B: it is working on Firefox and chrome browser but i need it on iPhone safari browser except using flash. please help me out, i am badly need it

How to mute external webpage in chrome extension

I am currently working on a Chrome extension. An external webpage is included in the popup html by using iframe. The webpage includes background music. What I want to do is to mute the music in that external webpage, but muting an external webpage in iframe seems illegal. So are there other ways to approach what I want to do?
Thanks in advance!
Type in the Url Box : chrome://flags/#enable-tab-audio-muting
and then ENABLE this and restart chrome, then after restarting chrome u will find that when you hover over the audio icon in chrome tab mute is available.
Reference : http://fieldguide.gizmodo.com/mute-noisy-tabs-in-google-chrome-1683215637

Fancybox Dialog Not Working on iPad

Reference web site: http://www.doneupsalon.com
Fancybox 2 works fine on Safari and other modern browsers. However, when viewing on the iPad and clicking a menu link (i.e. Services) the overlay appears (screen dims) but the dialog does not appear. Did I miss a configuration setting? Thanks in advance for your help.

Categories