PDF.js not working on IE9 - javascript

Does anyone have any clue how to get PDF.js to work on IE 9? I have tried everything I can think of to get it to work and no go. I have downloaded the hack.js file and tried adding it before and after pdf.js and before and after viewer.js. That didn't work.
I then tried downloading compatability.js, viewer.js and pdf.js from their Demo (Which I can confirm is working 100% in IE9) and put them into my HTML page, no go. I am using their PDF file, which some sites say that some PDFs work and others don't. So I figured if it worked on their site it must work on mine--but no go.
The Demo of theirs works fine, but anytime I try to get mine to work in IE9, whether I use their files or my compiled version, it doesn't work.

Try to load compatibility.js before pdf.js. Something like this:
<script type="text/javascript" src="/js/compatibility.js"></script>
<script type="text/javascript" src="/js/pdf_compr.js"></script>

Browser support in their FAQs - check this as since the question was asked IE9 could have be supported: https://github.com/mozilla/pdf.js/wiki/Frequently-Asked-Questions#what-browsers-are-supported

PDF.JS and IE9 doesn't play too well together and I wouldn't rely on it if you want to support IE 9. Some of the rendering features in PDF.JS are not well progressed enough to be useable in IE9
There are ways to get around this, you can use FlexPaper which can be used in combination with PDF.js and a HTML4 version for browsers without HTML5 support
http://flexpaper.devaldi.com/demo/
(note; I am affiliated with FlexPaper product)

Related

Website doesn't work with Safari but works with other browsers

I created a website with HTML, CSS, and JavaScript. It's a simple website and it works on all browsers with the exception of Safari. The only part that doesn't seem to be working is when I have my media query in my CSS for larger screens (I built it for mobile first and it works great with mobile, even on Safari).
I looked at caniuse.com and it says I can use #media with Safari. I'm at a loss as to why it looks different. Not even sure what code to show you so I'm including my github repo with the files on it.
Any suggestions as to where I can look to see what I'm doing wrong are appreciated.
Thanks Overflowers!
https://github.com/KBiz65/finding-blueberries
P.S. I did make sure Javascript was enabled in my Safari preferences. The JS stuff seems to work fine, it's the layout not working.
The published website is at: https://www.findingblueberries.com
I hope you are using vscode,install watch sass extension,(more info here),create a style.scss file in your styles folder,copy all your initial css into style.scss file,Click to Watch Sass from Statusbar to turn on the live compilation,press ctrl+s to save style.scss file,a new file will be created called style.css,this will be compatible with all the browsers.link this file to your site.and let us know how this goes

Chrome does not support adding searchEngine through javascript 'window.external.AddSearchProvider(url)'

I am here to clarify an issue am facing in chrome alone and the issue is - 'I can't able to add My Site in chrome search engine via Javascript window.external.AddSearchProvider(xml_url) , However,on earlier times, it worked properly without any issues.'
I am not doing auto-adding my site to search engine with help of '<link>' tag (however, this too does not worked for me)
The 'window.external.AddSearchProvider(xml_url) works fine in firefox as earlier,,, The problem is only with the chrome, since, chrome supported earlier, and don't know the root cause of not able to add now. Please help me to figure out the issue by which i cant able to add in chrome Search Engine.
Thank you :)
Unfortunately window.external.AddSearchProvider is obsolete. It is working in Firefox but is no longer supported.
The <link> tag that you add in your site's <head> is for Autodiscovery of search plugins feature, this will list your site search engine in the configurations of the browser.
In chrome will list at chrome://settings/searchEngines

Website functioning on all browsers except Internet Explorer 8

So i just finished up my website and uploaded it (New-ish web dev, please don't be to harsh). It works fine on all browsers except IE8. The website has a lot to load (images, etc.) so it is white screen for 1 - 2 seconds then fades into the actual site. On IE8 (IE9 + works just fine) the page stays on the white 'loading' screen forever. I have a lot of code here and I'm just wondering what you professional web developers here think i should do!
Website URL: http://cydronix.kkhorram.info/
There is two options: forget about IE8 or make it work on IE8.
Sounds like you have a problem with your javascript. To debug javascript on IE8, read this How to debug Javascript with IE 8.
I think one of your included .js files causing the issue. Check for the compatibility of your used javascript files
You said you uploaded the site - could you post the link if its live - otherwise without seeing some code the issue if difficult

Make HTML5 sandbox work for IE8/9 using polyfill or shim

I would like to make the new HTML5 Iframe attribute sandbox work in IE8 and 9. I have Googled for about a day now and tried many "libraries" which are supposed to make HTML5 work, but they don't seem to have "sandbox" included.
So my question; Where can I find a polyfill/shim/plugin/snippet or anything else to make the Iframe sandbox work in IE8/9 ?
As others have noted you cannot get this to work in JavaScript alone, I would say your best bet is to use the security="restricted" IE only attribute.
See here : http://blogs.msdn.com/b/ie/archive/2008/01/18/using-frames-more-securely.aspx

jquery (null is null or not an object) error on IE8

When I load jquery using:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
it works on IE9, firefox, chrome, safari but not IE8. I tried the developer/debugger tools but still don't understand why this is an issue.
This is the character code jquery supposedly has error on: 32039.
On that line there is such function:
G=function(a){
var b=F.exec(a);
b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));
return b
}
Anyone came across this issue as well?
The site is http://www.kanersan.com
I am not calling jquery before it is loaded and I'm loading it inside the head tag.
This is a bug in jQuery 1.7.1 when used with SyntaxHighlighter
http://bugs.jquery.com/ticket/10961
So you have to upgrade jQuery to 1.7.2 and everything will be working fine.
try to folow some steps:-
1.jQuery is not being loaded, this is not likely specific to IE8. Check the path on your jQuery include. statement. Or better yet,.. TRy to give direct path.
2.May be because of compatibility issue.. Try to give compatibility solutions..
Things worked in IE6, Firefox, and IE8 running in IE7 compatibility mode; but not in 'normal' IE8. My solution was to put this code in the header
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
As to why jquery isn't working in IE8 I'm unclear.
3.Try to load your jquery on window load.
4.Try to define your jquery file in top..
5.Very important point - try to check your html and jquery code.. IE is very sensetive for code.. so cross check your Html code ,... Is everything is fine..
6.Changing browser sercurity level to allow executing external javascript code.
7.Replicate javascript framwork..
May this will help You !!!!!!!!1
Some things worth trying...
Remove type="text/javascript" like so: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Make sure you reference jquery.min.js before your javascript code that uses jQuery.
Most probably, the above suggestions will not help, but since the problem sounds IE8 specific, I believe it's worth a try doing some trivial things that might solve the problem.

Categories

Resources