I have a link on my webpage however it does not work in firefox or IE only in Chrome does it work what could be the problem?
When i load up my website and search for a specific item there is a button on the page that will not work unless you are in google chrome! The steps to get to the page is you go to www.mfjenterprises.com. In the search box on the page type in MFJ-1204, then there will be a button at the top and bottom of the list that opens up a pdf. If you are not in chrome that button does not work! What could be causing this. I went in and checked setting and cleared my cache but it still does not work.
All Replies (6)
The buttons seem to operate via JavaScript.
The buttons do not work for me either. They press, but no action ensues.
I would check the button's JavaScript code to make sure it is correct. (Also, other JS code on the page to make sure none of it is fighting with the buttons.)
If your site is built on Google Sites, then I wonder if some of your client-side GAS may not be recognized outside of the Google platform. GAS (Google Apps Script) is JavaScript with some extra functionality that integrates with the Google API. Chrome is made by Google, so Chrome might recognize GAS scripts natively.
For help with any GAS code, maybe see the Google help forums. (I probably do not know enough to help.)
Other than these ideas, I do not know what else to try.
jpants trɔe
The button actually doesn't have any JavaScript involved it's just a regular HTML button with CSS
Interesting... For my test, at first, the buttons did not press when I had JS disabled. Then they did press after enabling. Now, after disabling again, they still press. Not sure what would cause that.
Anyway, sorry I do not know what else to try.
The button takes precedence over the link:
<button><a href="1204 Cable Chart_web.pdf" target="_blank"><strong style="color:red">CLICK HERE</strong> to see which MFJ-1204 product and Cable works with your Radio!!</a></button>
Since the button has no script action, it does nothing, but the click does not pass through to the link. As a minimalist workaround, try adding a click handler to pass the click through to the link (the link is the first "child" element of the button):
<button onclick="this.children[0].click();">
But as an alternate strategy, you could consider dropping the button tag and styling your link to look like a button. There are numerous ways to do that. I have an ancient example here: https://jeffersonscher.com/thailand2005/food/
Right-click > Inspect Element on any of the links styled as buttons in the little navigation area in the upper right to see how it was done. Today, of course, rounded borders would be an obvious improvement...
the this.children[0].click() worked however how do i keep it from opening up two copies?
It works now thanks for the support.