JS and SWF calling issue - javascript

I'm using ZeroClipboard code to add a copy button to my page. It was working perfect when everything was in the same folder, but when I started classifying everything, like .js in a folder and .swf in another folder, the script stopped working. (NOTE: testing on localhost WAMP Server).
Here is my code:
<script type="text/javascript" src="js/ZeroClipboard.js"></script>
And here is the part of the JS that is not working/causing problem:
moviePath: '/swf/ZeroClipboard.swf', // URL to movie
Before, when the JS and the SWF were in the same folder, it worked perfectly. Now when separated, it is not working. Here are all the trials I made:
moviePath: './swf/ZeroClipboard.swf', // URL to movie
moviePath: '../swf/ZeroClipboard.swf', // URL to movie
moviePath: 'swf/ZeroClipboard.swf', // URL to movie
None worked and the error returned (using Google Chrome Javascript Console):
**GET http://localhost/swf/ZeroClipboard.swf 404 (Not Found)**
Anyone else facing this? Anyone know how to override/solve this?

If you are using apache check your .htaccess file and
/var/log/apache2/access_log
/var/log/apache2/error_log
for detailed info

Related

JavaScript path doesn't load on Live Server extension (VS Code)

HTML and CSS files are working perfectly on my live server. But every time I lead to a .js script it will not be shown on my live server. If I try to load the .js file directly through the URL it shows "Cannot GET /line.js". I already tried out everything I've found on the internet but it's still not working. Here are the points I checked/did:
Installed Code Runner
Installed Node.js = node.js system path done
Settings = Live Server Config = specified browser
"liveServer.settings.CustomBrowser": "chrome" on JSON settings
.js file is in a separate folder and accessed via <script src="line.js"></script> on index.html
Chrome is set as default browser on my system
Thanks for your inputs.
If the js file is in a separate folder, you need to provide the exact route to the folder in the script tag, since in the current form it is trying to find the js file in the root directory. The script tag should look like this:
<script src="FOLDER_NAME/line.js"></script>
It's possible that your javascript file is being loaded before the HTML page is rendered. You can try adding "defer" to your script tag like this:
<script src="demo_defer.js" defer></script>

Unable to update a jquery script downloaded from github

I'm new to using jQuery.
I'm attempting to setup a local installation of code called 'scm-music-player' which I found on github.. There is a version of the script that works great using the author's server, the code seems to have external links to outdated jQuery scripts, I located within the zip file I download the files, but I just can not get it to work, I've been at it for days now.
Here is what I've done so far:
Downloaded files from here https://github.com/cshum/scm-music-player/archive/github.zip
Extracted & uploaded to my server root directory https://mohdish.com
Then ran the configuration script as advised http://scmplayer.co/#base=https://mohdish.com/
This generates a block of code:
Installed the generated script shown below in my index.php at the start of the script. It didn't work Next looked through the scripts and noticed that the config.js (root folder) file had outdated external links. I found all the scripts that were being referenced to on my server from the zip file I then made several attempts at modifying config.js with no success. All the links below point to the correct location, but I must be missing something.
This is what part of that looks like now: paths: {'jquery': 'https://mohdish.com/js/lib/jquery/jquery-1.8.2.min.js','jquery.ui': 'https://mohdish.com/js/lib/jquery/jquery-ui.min.js','jquery.scrollto':'https://mohdish.com/js/lib/jquery/jquery.scrollTo.min.js','underscore': 'https://mohdish.com/js/lib/underscore/underscore.js', 'knockout':'https://mohdish.com/js/lib/knockout/knockout-2.1.0.js','text': 'https://mohdish.com/lib/require/text.js','domready': 'https://mohdish.com/lib/require/domready.js'},
Anyone able to give me some advice?
<!-- SCM Music Player http://scmplayer.co -->
<script type="text/javascript" src="https://mohdish.com/script.js"
data-config="{'skin':'skins/aquaBlue/skin.css','volume':50,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Million Dreams','url':'https://mohdish.com/ziv.mp3'}]}" ></script>
<!-- SCM Music Player script end -->
This is what I've modified, I am sure I've done something wrong!
{'jquery': 'https://mohdish.com/js/lib/jquery/jquery-1.8.2.min.js','jquery.ui': 'https://mohdish.com/js/lib/jquery/jquery-ui.min.js','jquery.scrollto':'https://mohdish.com/js/lib/jquery/jquery.scrollTo.min.js','underscore': 'https://mohdish.com/js/lib/underscore/underscore.js', 'knockout':'https://mohdish.com/js/lib/knockout/knockout-2.1.0.js','text': 'https://mohdish.com/lib/require/text.js','domready': 'https://mohdish.com/lib/require/domready.js'},
I expected it to work the same as it does on the author's server.
I did a lot of posts reading on Google, realised that I was incorrect in adding .js to the file path, when I took this off & corrected the path to the correct folders then the player started working, well on desktop devices anyway. Just need to work out why my site does not play on mobile devices.

How to fix XHR error using Wavesufer.js on Android external file system with Cordova

So I'm trying to load a local file into a wavesufer.js waveform. It works totally fine loading files from the device storage on iOS, but I cannot for the life of me get this to work on Android.
According to the Chrome debugger, the GET request is successful, but an "XHR error" is then returned, and the file is not loaded. I've tried many workarounds to no avail. Any help is appreciated.
if(this.platform.is('android')){
correctedPath = this.file.externalRootDirectory + 'test.3gp';
this.wavesurfer.load(correctedPath);
}
Please note, the file is verified to be at that location, and is playable with the cordova media plugin. I've also tried this without the file tags in the url. This above code works when the file is placed in the www/assets folder and is loaded from there.

Why can't I get my script tag src's to work?

I have been coding up a localhost, and I made the localhost by using of course a JavaScript file to do so, and I then made it reference an HTML file. However, I noticed that when I am using localhost to serve up the HTML file I get this error:
"GET http://localhost:3333/filetesting.js"
The filetesting.js is that js file, there are also other things I'm referencing too, like websites. I'm referencing it by using script tag src.
I looked at the network on developer tools of it and it says it's a 404 error not found. I'm trying to figure out how to reference my script tag src's without having localhost:3333 go before it.
When I run the HTML file without using the localhost, it works just fine when it comes to the script tag src's. If you do not entirely understand what I'm asking for, just ask.
Assuming that your script will always reside in the root level of your website, you can simply target it with the root-relative prefix /:
<script src="/filetesting.js"></script>
This will load your script from the root, regardless of the site the file is hosted on. For example, on http://localhost:3333/ it will load the file from http://localhost:3333/filetesting.js, and from http://localhost:3333/folder/, it will attempt to load the file from the same location.
If you move your files over to a proper website, it will still work the same way: www.example.com will look for the file at www.example.com/filetesting.js, and www.example.com/folder/ will look for the same file at www.example.com/filetesting.js.
Hope this helps! :)

Failed to load resource from gstatic.com/charts

I use gstatic.com/charts to load graph to the web page.
But several days ago the webpage gave error
GET https://www.gstatic.com/charts/current/css/util/util.css
In network tab it shows that util.css is not loaded.
Checked via Incognito- the same problem.
Any ideas?
The problem was:
The JS is connected via 'https://www.gstatic.com/charts/loader.js'. From the JS file the CSS files are uploaded via the URL, written in that JS file.
I downloaded that JS file to include it locally, however they changed the URL of css file and this problem occured.
For me it helped to include the JS file via the above URL.

Categories