neod3.js usage to visualize neo4j data on a seperate website - neo4j

Im trying to use the standard neo4j visualisation in a seperate Website (not the original Neo4j Webbrowser). Therefore I downloaded the library from here:
https://github.com/neo4j/neo4j/tree/master/community/browser/lib/visualization
I really struggle with using it. I actually have no real idea. I tried including it into a html file but hardly failed.
Did anyone do this? Would be very nice, if someone could help me out.
Thanks a lot!
Greetings
Schakron

Those are all coffee files (coffeescript, which compiles into javascript). It looks like if you go up two levels there's a README which shows you how to start it up using npm and grunt:
https://github.com/neo4j/neo4j/tree/master/community/browser
The app itself (maybe it's a node.js app, though I don't see references to node) is under the app directory from there. It has jade files which would be the HTML views (jade compiles to HTML similar to how coffescript compiles to javascript).
So presumably if you get that all set up there will be a server serving up HTML which will compile and serve up those coffeescript files as javascript in the page

Related

Purpose of some of the JavaScript files in an ASP.NET MVC project under the Scripts folder

I always see these few files under the Scripts directory:
ai.0.22.9-buildXXXXX.js
ai.0.22.9-buildXXXXX.min.js
jquery-[version #].min.map
According to this answer, I can wipe out the Scripts folder. But I usually leave these 3 files alone, because I am afraid of bad consequences.
So What are the purposes of each file?
Microsoft Application Insights JavaScript SDK
Application Insights tells you about your app's performance and usage.
By adding a few lines of code to your web pages, you get data about
how many users you have, which pages are most popular, how fast pages
load, whether they throw exceptions, and more. And you can add code to
track more detailed user activity. ai.0.22.9-buildXXXXX.min.js can be
removed if you dont need to view site statics
For more details on how to use it
jquery-[version #].min.map
It is used for Source Mapping
Consider when you start debugging and you are on the particular line.
And you press (F11 or Click Step into Next Function Call), the
debugger tool will take you to jquery.min.js. And looking at jquery
minified version, it is impossible to find out the error. But with
source maps, you can let the browser’s debugger "map" the lines in the
compressed file into the uncompressed source. For Source map to work
successfully, two things are required.
1. Value of sourceMappingURL exists on your server or locally.
2. Browser Support
For further details
if you don't need it you can remove it
ai.*.js files are for Application Insights. Not required and can be removed, unless if using Application Insights.
*.map are for debugging purposes of JavaScript files. I doubt it will be necessary to debug the jQuery plugin. Not required and can be removed.

DateTimePicker Azure Implemetation Error

Hey there I' after publishing my project to azure I have used data comparison to transfer my database to the online server database but now My DateTimePicker does not work it now displayes in the top left corner and does not input data at all. When i ran the project again on the localversion it worked fine?
I found the followig errors in the console.
This has me fairly stumped. Has anyone seen anything like this before.
Azure View
Localhost View
Bundles file
file structure
As from the comments, the issue seemed to be originating from the scripts being included in an incorrect manner by the Bundle.
Trying with individual <Script src=""> tags explicitly will give you more control on the order of the scripts. And in this case seems to be solving the problem.
You can additionally also try splitting the js bundle into multiple bundles and try to add in order. Then check in the browser source if the ordering and result are appropriate even with the bundles. You can check the <script> tags generated by bundles and compare with your manual script tags, which work, and then alter the bundles.

Using tamper data from within my plugin

I'm trying to develop an extension to modify certain script loads on the fly in Firefox (eg. building a JSON params file having a fixed file name, intercepting it's original load and injecting the custom file in). Is there any way to utilize the functionality of Tamper data or similar plugins for the intercept and replace part? Or could someone please point to a resource which could help me do the intercepting by myself?
Please pardon me if this was obvious, I'm starting out with plugin development for Firefox.
I solved this myself, went with a separate ASP.net project to perform these functions and redirected to generated files using Fiddlercore packages

OpenLayers that is not minified?

I'm trying to find an OpenLayers3.js file that is not minifed, it is a pain debugging stuff that is minified, can anyone help me find it?
Im using this address now: http://openlayers.org/en/v3.0.0/build/ol.js
By the way, it is a special thingy at the top. See the website: http://ol3.js.org/ ? Made me laugh.
Help?
If you need the unminified ol, you can use the one from ol:
http://openlayers.org/en/v3.0.0/build/ol-debug.js
It's a file of 3.5M so don't use this in production ;)
Have you tried the Download link on the main page?
https://github.com/openlayers/ol3/releases/download/v3.0.0/v3.0.0.zip
If you want a hosted version, upload one here:
https://cdnjs.com
Yes, http://openlayers.org/en/v3.0.0/examples/loader.js will load all the raw files -- basically by writing out a bunch of script tags. As #lexicore has already said, you can get the source from github, though this involves setting up nodejs locally to run (which actually isn't that painful, but more so than just debugging from a hosted source). Take a look at package.json to get a feel for how much has gone into OpenLayers 3.
If you go to the OpenLayers 3 examples, for example animation, change production to development in the drop down, and then do view source, you will get the link above. You can also see all the raw js files in the Javascript console.
EDIT: I put some instructions, following the official OL dev page, on how to build/run locally, which will also get you the unminified OL source code

SproutCore IPAD

I am working on a SproutCore project. I am trying to get the site as is on the IPAD, but the CSS background images, onClick and redirect is not working on the IPAD.
Let me know any solution on this.
When developing on the iPad, I have found the following to be useful in my Buildfile:
mode :debug do
config :all, :combine_javascript => true
end
Most iOS devices tend to have difficulty loading a large number of Javascript files, and this will concatenate them all into one. This may or may not resolve your issues, but many issues manifest if you leave them as separate files.
Also, do you have any errors in the debugger that you could share? It might help us track down the issue.
For broken images/CSS after building, it's often a relative path issue.
You might want to check your CSS / image paths in your compiled CSS & index.html files.
After building the project, look inside your output directory and try the following:
Open index.html file in your browser, and see which CSS/image files are not loading correctly.
Find your index.html file and replace instances of "/static" with "static"
Find stylesheet-packed.css & stylesheet#2x-packed.css and replace instances of "/static" with "../../../static" (or whatever fixes the path in your case)
I have build.sh script to automate this and it works for me. Let me know if you want it.. Good luck!

Resources