fine uploader gallery template - javascript

Good afternoon
I am keen to explore the benefits of Fine Uploader. http://fineuploader.com/demos.html
Sadly I haven't got very far with the installation. As a novice learning JS I have some inherent weaknesses - so I thought I would start with getting the Fine Uploader 'gallery.html' template working.
So I have downloaded the plug in from GITHUB https://github.com/FineUploader/fine-uploader , extracted all the zipped files and exported them under a folder located in my root. I then located gallery.html (which is buried in the path domain/fine-uploader-master/client/html/templates/gallery.html) and loaded it into my browser expecting to see the demo version of gallery.html work. But all I get is a blank page. Looking inside the gallery.html I have tried changing the paths to fine-uploader-gallery.css and added the file fine-uploader.js to the directory. Still no joy.
I know I am doing something really silly here. If anyone can help me just get this template file running from the downloaded folder (as above) of what looks like a great plug in I would be so grateful. Thank you.

Related

GitHub pages not loading js or css

I know this has been asked many times, but I can't find an answer that works.
I'm making a site (https://tallerthanshort.github.io/bottom.gg) and it won't load any of the js (some reactjs) or css.
All the files can be found on the Github repo (https://github.com/TallerThanShort/bottom.gg) and all of it works when running the site locally (either by simply opening the html file or running a local server), but the GitHub pages site simply returns a 404 for every file.
I have changed all of my script tags so they have an opening and closing tag, and also removed the initial / from /_next/ so that Github pages doesn't look at the wrong repo, but it still hasn't fixed my issue.
Any help would be largely appreciated.
Edit: I found that having all the files in the same location as the root html file works, but I want to link separate folders and separate files to make things neater.

JS works until I bring it into a foundation Framework

I am working on a project where I want to make it look as if a shutter of a camera is opening and closing... I was able to get this to work in a regular html/css/js file structure however when I trie to bring/ incorporate it into Foundations Responsive Frameworks I was not able to get it to work. There are no errors in the console and checked to make sure everything is linked correctly. ... I have attached both folders in the link, the working folder that is not in a framework and the broken folder that I am trying to use foundations framework..
https://drive.google.com/folderview?id=0B4EHdofHefLHZjZpczBybE1xWGs&usp=sharing
Thank you in advance for any feedback/help.
-Jake
Unfortunately, I cannot fix it.
Fortunately, I did figure out the problem.
The jquery.shutter.css is not loading properly. Here is my attempt at your project in React.
When I take your working example and delete the jquery.shutter.css file, I get the exact same result as the React version which has no error message. I gave it a good try and cannot fix it without more time. I hope knowing the problem helps you.
Note: Unfortunately Google will not let me upload a JSON file so you will have to change package.txt to package.json and install using Node

Make requireJS intellisense in Visual Studio 2013-2015

This seems a simple problem, but I can't find any information online about it, neither here in Stack Overflow.
I am having problems making Intellisense work under Visual Studio 2013/2015 with RequireJS (client-side).
In theory you only need to add a reference in the _references.js file, like this:
/// <reference path="libs/require.js" data-main="main.js" start-page="../default.htm" />
but I get this message all the time through the Output window regarding the "JavaScript Language Service":
Error regarding RequireJS path in VS
It seems as if the feature was trying to load my "main.js" file from the VS JavaScript references folder instead of my real folder which gets a lot of "../" added and can not be resolved. In fact the suggested path that can't be loaded it's OK except for all the "../".
I've tried diverse combinations of relative paths to write the attributes, but no luck.
This is very annoying and I can't find any reliable info on the Web regarding this specific problem. The only reference I've found is this one:
http://blog.nansen.com/2015/09/getting-visual-studio-intellisense-to.html
and they suggest to add a baseUrl config code to the _references.js file, which hasn't worked for me at all.
Any ideas on how to solve this?
And by the way: any reference on how to make this work under VS Code also?
Found out that it related to the solution/project that is on another drive letter.
VS studio is installed on drive C: and the solution/project is on drive D:.
Have not found a solution to this problem, but can be corrected by moving to drive C:.

Why does Netbeans navigator pane not populate javascript files with specific filenames?

While I admit this is a pretty obscure problem, I'm posting this partly in case it is driving others crazy (too), partly because it might have wider ramifications, and partly because it may be an issue with my project settings.
In NB-8.1 I have several angular modules for handling a configuration-editing app. Since last week I have been trying to figure out why the navigator pane doesn't populate with these files. When I click on the source, the Navigator pane doesn't update. If the pane is newly opened, it shows <No view available>. If it is correctly showing another file, it remains showing the old file and effectively ignores the new file.
After experimenting, I found that it is specific to any js file with a filename prefix of "config" - which in this case was all the files for this particular app (config-service.js, config-ctrl.js, etc). Renaming the files with a new prefix (eg, "konfig-ctrl.js" or "x-config-ctrl.js") solved the issue.
Is this widespread, or a problem only with this project? If the latter, what should I look for? Help or advice appreciated.
This looks like a bug to me. AFAIK NetBeans is handling JS files with the config in name as possible Karma configurations and maybe it (although I can't remember if Karma has to be enabled or where exactly does it look for these candidate files...) I'd suggest to report a bug against NetBeans https://netbeans.org/bugzilla/enter_bug.cgi?product=web (component HTML Project)
I get a very similiar problem. Any js file with "conf" in the name (anywhere in the name) cannot be Run as javascript from Netbeans. Right-click on the file and Run is deactivated. Once I change the name to something else, it works.

wierd js / canvas issue - code example doesn't work locally

Here is the best js graph drawing thing - http://thejit.org/static/v20/Jit/Examples/Other/example2.html
It is so impressive, that I wanted to play with it a bit, but after downloading all the files, it isn't working.
So I did put this html (with all other files) page on web server (jetty) but still no result:
Opening file with Chrome, with properly added --allow-file-access-from-file doesn't fix the issue either
Obviously I am doing something wrong, but I have no idea what, so I will be very grateful for any input.
Somehow html file provided in .zip download from download page is different than html file downloaded directly from online example page (this one uses obfuscated (sic!) javascript file named jit-yc.js in place of 'normal' and WELL DOCUMENTED jit.js:) ).
So, if anyone would like to try JIT (there ins't much competition in good graph drawing tools - http://arborjs.org/ seems the only one)- using official download link is the only valid way ;)

Categories

Resources