Jquery sliding DIV not working in browser compatibility issue - javascript

I am trying to implement a sliding div over pdf (Information : Pdf is Shown using iFrame). Its working on Mozilla Firefox, Chrome but its not working on Internet Explorer, Safari :(. Here is the jsFiddler Link. Click Here
Will any 1 let me know what should i do to work in all browsers.

try this tutorial
http://www.learningjquery.com/2009/02/slide-elements-in-different-directions
I think decent css is the key here

Related

Chrome PDF viewer malfunctioning when extension in started

I have a chrome extension which allows to write on screen in chrome tabs. The default behaviour looks like :
It works be simply inserting a canvas tag in the DOM and doing all the stuff in it. It works well in all sites. However, chrome PDF viewer behaves strangely when I use it :
Before -
After -
I don't think there is any issue with the extension because it works on all other sites. I think there is an issue with chrome PDF viewer itself.
I can attach the code here if asked in comments.
Ok, so I tried to replace all innerHTML += <value>; by insertAdjacentHTML("afterbegin",<value>); And now it's working fine.
It's because your canvas must be on top to ensure it will works on every website.
The z-index propery is not enough for that.
Hope that helped !

swiper not working on latest version of chrome (70)

I am trying to get swiper to work. I have tried it on edge and firefox and it seems to work. However it doesnt work on chrome.
To reproduce, visit http://idangero.us/swiper/demos/ using chrome and select the first demo, try swiping, it doesnt swipe. There is nothing n the console to suggest any scripting errors. This did used to work in chrome, so my guess is that an update in chrome has caused it to fail.
Does anyone have a fix or a workaround?
It seems to be fine in Edge and firefox....
Same here !
Chrome 70 supresses touch events on desktops :
"ontouch* members on window, document, and element are disabled by default on desktop devices"
https://www.chromestatus.com/feature/4764225348042752
Any workarounds ?
btw , "slick" swiper (http://kenwheeler.github.io/slick/) seems to be working well with touch

JS doesn't work on Safari on mobile devices only, can't replicate in Safari Console

Looking for ideas on how to debug instances where JS doesn't work on Safari mobile, works fine on desktop, and then in desktop when I open the Safari console and run the page again using Safari-iOS 9.3-iPhone (which is the version people have had issues on) on a mobile screen it still is working fine.
Thanks!
use can use safari remote debug, you can find a detail steps online

Website not working in Firefox/Chrome, but does in IE

There is a website that I must use at work quite a bit and the only browser it works on is Internet Explorer.
I'm presuming this is because the code is outdated/incorrect and includes javascript that only IE is able to read.
This is a problem, because I want to use Firefox or Chrome, they are much better browsers.
I believe the issue is Firefox/Chrome (hereinafter referred to as foam) not being able to recognize the following "onclick" command lines. When I press these buttons, the web page does not change as it should.
<button class="MenuButton" title="Create ICL" value="ADDICL" onclick="PageJump('ICLMain.asp?From=ICLHome')">Create ICL
So.... since this is not my website, I cannot re-write all of this code to fix it. It is a corporate owned underwriter website for creating a certain document.
There must be some sort of extension that enables Firefox/Chrome to read Javascript codes like Internet Explorer so that I can use Firefox/Chrome and still use this website.
Try to use chrome extension ie tab, https://chrome.google.com/webstore/detail/ie-tab/hehijbfgiekmjfkfjpbkbammjbdenadd?hl=es. This extension emulate The ie Explorer.
I'm also facing the same problem(Javascript broke). The solution I found is to just add https:// before the link and reload the page and everything will work fine again.

jQuery not working in Safari

I've got this jquery script, it seems to be working in other browser, but it doesnt work at all in Safari. Does anyone know why this might be happening? Its supposed to be accessed from an iphone.
url: http://connectsr.org.nz/calendar/
thanks
in safari 5 on windows 7 this works, but not with my iphone (iphone 4 with newest ios, not jailbreaked). i think this is because if you click and drag to scroll the colums, the safari on the iphone tries to scroll the site (which is what it normally does when you klick and drag on a website)
Jquery script is not working on the mobile perfectly. Instead of jquery, you can use jquery mobile (http://jquerymobile.com/)

Categories

Resources