Bookmarklet not loading on Chrome and FireFox. - javascript

Created a bookmarklet that opens up a menu on any website. However it does not work in Chrome and Firexfox. Only works in Safari. Anyone have any ideas on how I can fix this?
Here is what the bookmarklet link looks like. I would have posted the rest of the .js code but it was to long for this form. Please help.
Run Bookmarklet

Related

Styles and text not loading on safari

I am having a weird issue and not been able to figure out what's causing this.
This is my web page for example https://modern-woodmen-sandbox.everfi-next-sandbox.net/student/dashboard/mwasandbox/3-5-grade-band/152?locale=en
It works fine on every browser other than Safari on Mac. The issue is, when I land on this page, it shows a blank screen. And if I click anywhere on the page, it renders some stuff but not all.
Like it shows this
And if I refresh the page, it loads the content fine and the way I expect.
Really appreciate your thoughts in this.
Thanks
It works fine on Chrome tho.
Make sure your 'Source Sans Pro' fonts are loading properly.

Re thread: How to load nav menu from an external file?

Re thread How to load nav menu from an external file? (No Wamp, all code must be 'browser-side')
#ThomasJames
I tried Thomas James's solution (Javascript) from the top of the page.
Works beautifully in Firefox (Mac OSX). But not work in Chrome of Safari.
Note also Thomas's SolarWind.zip download also does not load in Chrome or Safari.
I thought we should be able to have Jacascript working in all browsers?
It seems that the other solutions ONLY work in Chrome and Opera.
Any thoughts? Thanks, Steve

JavaScript for iPhone to open in Safari from non-default iOS browser

"googlechrome://www.lego.com" opened in mobile Safari will switch to Google Chrome iOS app to open the URL. This allows for scriptlets like the one below, which allows you to open the current page in Google Chrome iOS app, switching from mobile Safari:
(function()%7Bif(document.location.href.indexOf('http')===0)document.location.href=document.location.href.replace(/%5Ehttp/,'googlechrome');%7D)();
My question is, can the reverse be done? I tried "safari://www.lego.com", and it is simply an invalid URL. Can you make a scriptlet which switches from Google Chrome to mobile Safari to open the current page.
The answer is yes. Courtesy or MacStories (http://www.macstories.net/tutorials/chrome-for-ios-send-a-webpage-back-to-safari-via-bookmarklet/), I found this code:
window.location='googlechrome-x-callback://x-callback-url/open/?url='+encodeURIComponent(location.href)+'&x-source=Safari&x-success='+encodeURIComponent(location.href);
Execute that code, go to your homescreen, reopen Chrome, and there's a magical back button to go back to Safari. This may not be exactly what you want, but it works... Kink of.
Good luck!
Update:
Here's a screenshot:
Link (Sorry, I don't have enough reputation to put it right in the post): http://i.stack.imgur.com/OR175.jpg
Update:
It seems that the functionality to do this has broken. Thank you!

Javascript not working in Google Chrome Browser

I've put up a code for commenting box on my html file for the visitors to comment on something in my website, and the code is provided from a website that offers it for free.
The problem is, the commenting box is visible and functions perfectly on Internet Explorer, but in Google Chrome Browser, or FireFox Browser, the commenting box doesn't even appear on the screen. When i view source by right-clicking, the code is still there, but does not show on the screen, and I think something is wrong with the code.
I have tried to fix this myself, and I could not figure this out alone.
Here is the code that was provided from the free commenting box website.
<div class="js-kit-comments" backwards="yes" paginate="10"></div>
<script src="http://js-kit.com/comments.js"></script>
I wish i could provide more code, but honestly, this is basically it.
I really hope you guys can help me out on this one. Thank you in advance.
The big js code isn't made to be compatible.
First line :
try { if(!window.JSK$EPB && navigator.appVersion.match(/[345]\.[.0-9 ]+Safari/)) {
This is not the task of SO to adapt and/or debug a big proprietary script in the blind.

Drop down (select) form elements not working in Safari 4.0.5

I have a commerce website that I have been involved with that has been created using Magento.
http://www.littletakas.com/shop/
Some users have been complaining about the select form elements not working. If you try clicking on them they do not expand. I have been able to replicate it and it appears that these tags are not working correctly in Safari 4.0.5.
The funny thing is if I copy the HTML source code for the offending page and past it into an HTML file that resided on my machine locally, the select tags work correctly.
I suspect that it could be a JavaScript issue but I wouldn't even know where to start looking for a solution.
If anybody with the ability to test under Safari 4.0.5 is able to test the link above and give me some feedback it would be greatly appreciated.
Thanks

Categories