Issue with uploading website to hosting - javascript

I tried uploading my website to the free 000webhosting service. My website loads fine locally, but when uploading it through FileZilla and reloading the page I get an error that says "The jQuery library must be included before the smoothscroll.js file. The plugin will not work properly."
I have a smooth scrolling javascript file and some jquery in my code that I got from somebody else. Does anybody have any idea why my website loads fine locally, but the smooth scrolling doesn't load when uploading my site to a host? And yes, the jquery is before the javascript.

Try to check for your problem:
The files don't exist on the server at all at that path
You moved the files but didn't change the path in index.html
You changed the path in index.html but didn't move the files there

Try checking the files of the particular plugin on the hosting server.
There must be some files that are missing or not uploaded completely.

Related

Image fails to load on website but loads locally

Here is a link to the website so you can see what is going on - https://odonnelldigital.com/
The site loads with all images on any web browser when I copy the full path locally.
So, the most common errors I keep getting from google seem to be the image file being in the wrong directory. I've tried this multiple times, but no joy.
I'm using HTML, CSS, bootstrap & JS I've hosted on GoDaddy, and I'm using the cPanel.
Even the favicon won't load! I've tried changing permissions too on the folder and the images/files themselves.
Any help would be really great! Thanks!
Problem:
Your problem is because you are trying to load a local file on your computer.
And since it is locally stored, other users on the web can't access it.
Solution:
Upload the image files, the favicon, and other files to your web server and change the src attribute to the file on your site.
You should check the path to the images in your html code. It is found in the src attribute in the image tags. If you take a look at the command console in chrome's dev tools, it states that your images point towards your C drive, which lives in your local development computer. You should put paths to the images relative to where the html file lives.

How to fix javascript problem in 000webhost

I developed a website for a school project and locally on my PC, it works like a charm! the CSS and JavaScript are perfect and the website is very fluid and dynamic.
when i uploaded it to 000webhost, the website works well except for the JavaScript. the carousel images, sliders, etc are static and don't move.
The JavaScript is coded into each HTML file using <script></script> tags, and is not a separate .js file.
It works perfectly when its run locally and this problem only occurs when i run it from the web host.
Please view the website and assist anyhow possible, it will be much appreciated.
https://dut-it-tutors.000webhostapp.com/index.html
thanks.
You're loading the jQuery library from a CDN without https enabled. As your site is hosted using https the browser blocks the request to your non-https resource because of mixed content.
To fix this load jQuery from a CDN over https.
Just simply check the spellings of the file name.
'<script src="./userLogin.js"></script>'
is wrong when the actual filename is
<script src="./userlogin.js"></script>
check for upper and lower cases

Responsive menu worked on local host wordpress but not once loaded to server

I built a wordpress site on my local host but now when it's loaded to the server the responsive menu does not work, nor does the dropdown menu.
The link is http://davidmoorephotography.com.au/photos
I did try moving the .js scripts to the footer and removing from the header but that didn't work. I am using Wordpress 4.8
I noticed that many of the files are not found to the server.
Please ensure that you put all the .js files under js folder i.e /js/filename.js
and all the css files under DMPtheme i.e /DMPtheme/filename.css.
Yes it looks like a routing issue, Make sure all your files are named correctally. If you are sure they are, their is something breaking it as it is not loading from your server. Perhaps you have two files named the same thing? If that fails revert back to the original code for your menu. Hope this helps.

JavaScript not functioning when uploaded to the server

I am attempting to build a basic microsite and using JavaScript found here
https://github.com/bgrins/TinyColor on my website.
Everything works fine when I am working locally, however the script doesn't work when I upload it.
Can anyone help?
FILE permissions required
Needs file permissions for tinycolor.js. go to hosting server and provide full permissions
try 1: provide read permissions for tinycolor.js and upload it to your server
try 2: give full permissions to one folder and place your file in that folder on server and change the url in html page

using JavaScript from another page

I found the following Javascript effect to be interesting and wanted to use it on my webpage as background.
http://www.chiptune.com/starfield/starfield.html
I saved the html page on to my computer and tried to run it locally, but all it render is a blank black page.
The page doesn't seem to use any external files other than the adsense .js'es.
Then why is running on my browse directly from the their website but not locally from my computer.
Note - I ran it as file:///home/anirudh/fest/stars/Starfield.html and not from local server. Is that why it is not running?
Because the 2 adsense js files are missing when you run locally, the rest of the javascript does not execute.
Removing references to the 2 js files fixes the issue as tested just now by me :)

Categories