My anchor text not clickable all of a sudden - javascript

It was all working just fine. I was fine tuning some css. Then I tried clicking on a link and it didn't work and neither did the a:hover selector, but they had before.
I have ran it through both the HTML5 and CSS3 validators and all is well there.
Could someone please take a look to see if I'm missing anything?
The url that I'm having problems with is http://www.realproagent.com both the seller and buyer links in the middle of the page. The homepage and feedback link at the bottom seems to be fine.
Thanks in advance.

Jquery library file link dead.
http://www.realproagent.com/jquery.js File not found
check console

It looks like you've killed your jQuery reference. Chrome Console shows:
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.realproagent.com/jquery.js
Uncaught ReferenceError: $ is not defined

Related

HTML validation works on codepen but not on my laptop or IIS

First question but I've been using the site for over 8 years so please bear with me. All help is greatly appreciated. I've spent a couple of days and far too many hours now on this.
I have a web page that uses the default HTML validation via the input element required. In codepen the "message" is displayed if I don't populate the field. I added css to also make the background yellow. In codepen everything works great but on my laptop I get the yellow background but the majority of the inputs don't show the message. What's really strange is that some of them will give the message but the majority don't. I even have three within the same div and one gives the message while the other two don't. Same exact code except for the id & name. I know it recognizes the validation error because it triggers the css to change the background (input:invalid:focus), scrolls to it but no message.
I thought maybe it was my code so I exported the codepen and ran it from the unzipped /dist folder. Same behavior as the original code on my laptop. I emailed codepen and when they export and run from the /dist folder all of the fields show the message for them. I pushed it out to an IIS server and I get the same behavior as I do on my laptop, some messages display and some don't.
There aren't any errors in the console either. I'm at a loss. The code is too large to include and if I put a link to the codepen it forces me to include the code. I'm using Chrome 94. I ran the HTML through the W3C markup service and no errors. The codepen HTML does contain errors from the W3C markup service but still works whereas the HTML with no errors locally doesn't.
codepen:
codepen shows the message
local (exported codepen):
local no message but scrolls to it & changes background

Menu button can not be clicked on mobile

I've used Ruby menu in my website from this example:
It works fine on desktop.
But it is not working on mobile devices (Button can not be clicked).
The console shows an error that it is failed to load 3 js files:
http://brienlabs.com/ruby-mega-menu/js/ruby-main.js
http://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js
http://brienlabs.com/ruby-mega-menu/js/ruby-demo.js
I tried to add those 3 files on my site but it is still not working and shows me below errors.
Loading failed for the <script> with source “https://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js”. index.html:2779:1
Loading failed for the <script> with source “https://brienlabs.com/ruby-mega-menu/js/ruby-demo.js”. index.html:2779:1
Loading failed for the <script> with source “https://brienlabs.com/ruby-mega-menu/js/ruby-main.js”.
Please, can anyone assist me?
Thank you in advance.
You have this “, but it'll be ". Those are different from each other. Please check it. I hope it'll work.
Wrong
“https://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js”
Correct
"https://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js"

GET "Blob" error in console - Chrome Only

I linked my Namecheap to my Github pages and everything was running smoothly until recently. When I load my "Portfolio" page which has .PNG images of the different projects, none of the images load. I get this error:
GET blob:https://www.jacoblhughes.com/ef478fb8-2118-423f-b43d-26ac32213ead 0 ()
Unfortunately I do not have any idea what this means so I am stuck. Any help would be appreciated! I am getting this error in Chrome but not in Firefox.
As pointed out here, this problem is caused by a bug in Adblocker. Try and disable the extension, and it should disappear.

bootstrap js files in chrome not loading for wordpress

I am completing a tutorial on how to convert a bootstrap template into a wordpress theme, when it comes to the js and css files I think it's been done right but when I open chrome F12 console, I get red messages like :
Uncaught TypeError: Browser.addMessageHandlers is not a function
GET http://127.0.0.1:4001/bootstrap/js/bootstrap.min.js
(index):121 GET http://127.0.0.1:4001/bootstrap/js/ie10-viewport-bug-workaround.js
but the outside link to jquery must be working.
Any advice would be awesome.
Try turning off Chrome's device mode ... do you still get the errors?

Website not displaying correctly in Safari and Chrome

I'm a complete newbie here. I have been trying to learn to code a site with HTML/CSS/JAVASCRIPT.
I am using brackets to code the site. The site I am practicing with renders properly with all css and javascript.
However when I open the .html file into safari or firefox it does not display correctly. I think it is probably a css issue as the html elements are all there.
I have other sites that I have made before that don't have this issue and I can not see where I have gone wrong.
jsfiddle.net/fs4g55m2/1 I'm using fullpage.js as well. If you notice the navbar works perfectly well. It seems to be the css after it that is corrupted (once you get to the body tag).
If you think it is CSS (and you are linking to external CSS file) try look into the network tabs in your browser's developer console to see if it is properly linked. Check to see if requested css file throw back 404 status (not found) - usually highlighted in red.
In chrome or Firefox (not sure in safari) right click on your web page and click inspect element - then choose network tab.
Hope that helps

Categories