My need is to display OrgChart vertically and found getOrgChart is the one to try. I downloaded the js file from here and followed the instructions but I am getting getOrgChart is not defined. I did alert(jQuery) to check whether the jquery is loaded and everything working fine. I tried the sample demo ones which came with the free download package and those are also getting same issues $(...).getOrgChart is not a function. Please let me know what could be the issue? Do I need to purchase the full version to get it worked? I wanted to test the free version first and then buy the license one.
Are you sure to include the javascript source in your HTML?
<script src="../getorgchart/getorgchart.js"></script>
<link href="../getorgchart/getorgchart.css" rel="stylesheet" />
Before calling any javascript function it needs the related javascript library files should be declared before. So please check it before the calling that library files are added.
Related
Recently I've discovered AngularJS as mentioned in the title. After some lectures I'm trying to use this plug-in in order to obtain some dragNdrop feature for my web-page. I've downloaded the code from the git's master but nothing seems to work as planned. All the pages are filled with the AngularJS's syntax.
code result
I've tested the example on 3 different browsers but the result is always the same. The question is: what is the missing step for a correct browser-interpretation of the code? What do I need to include in the stock files given by the owner?
i'm not sure, but i think that the problem is that you're trying (according to attached screenshot) to load nested.html that is sort of "view page" (according to gihub repo), because of that there are no links to angular libs there. That's why try to include angular.js to your page or load index.html instead of nested/nested.html.
I hope my answer will help you to solve your problem.
Bit of a beginner at using JSFiddle...trying to recreate an issue in my code. Unsure how to include the correct reference though. For My code I am using:
<link href="/jquery-ui-1.10.3.custom/css/start/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css" />
<script src="/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
So my Q being how do I include these files in JSFiddle. Cant seem to find them from the drop down?
Thanks again
Use the external resource part. JSFiddle automatically identifies it as JS or CSS based on the extension:
Note: This will only work if the files are publicly available online. If they're only on your local machine, this feature won't work for you.
If you wanna upload your local file, you can use Gists and put your code in it. Then you can use RawGit to get the working URL and add it there, as usual.
I'm trying to upgrade a site template that uses mainly jQuery 1.08 to use 1.11, since a widget I want to connect to the subscribe form uses 1.11.
Here's the template I'm using:
http://multifour.com/projects/ray/ios/image-intro/index.html
What's weird is if I use the following code, the header is there but the form doesn't work properly:
<script src="scripts/jquery-1.11.0.min.js"></script>
And if I use this code, the form works but the header disappears:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
I can't use both either, because whenever I enter the second line the header disappears for some reason. What gives, can someone please help me? Thanks!
For your first problem
I checked your directory for the jQuery script and it returned a 404. Perhaps you updated it because I noticed a different jQuery version being loaded in your view source.
http://multifour.com/projects/ray/ios/image-intro/scripts/jquery-1.11.0.min.js
For your second problem
Ya, I've actually included the jquery file in the scripts directory and either way I thought reading it in through googleapis would include jquery anyway. The console is reading two errors, saying that $().smoothScrool and $.stellar aren't functions in a custom.js file. If you check out the source code of the template I linked to and bring up the custom.js file (line 498), it's the exact same as the one I'm using locally. Thanks for your help so far, guys.
You should use some kind of Javascript Loader because your custom.js is loaded before your jQuery libraries are loaded and thats why you would be getting the error $().smoothScrool and $.stellar aren't functions. Maybe try the HTML5 async Javascript attribute.
http://www.w3schools.com/tags/att_script_async.asp
What is run_prettify.js? Why it is used? I have seen many developer use this from Google CDN.
I searched this in google but I did not get much info. I want to know details about it.
But, now run_prettify.js was removed by google.
So, you can use this CDN version of this cloudfare link
Waht is run_prettify.js?
A Javascript module [...] that allows syntax highlighting of source code snippets in an html page. [source]
Why it is used?
Because people want to syntax highlight source code.
run_prettify.js
Is an embeddable script that makes source-code snippets in HTML prettier.
Here you can learn how to use
run_prettify
run_prettify adds styles to code snippets so that token boundaries stand out and your readers can get the gist of your code without having to mentally perform a left-to-right parse.
You can include run_prettify as given below
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
it will load the entire system and schedule the prettifier to run on page load
with the use of run_prettify our code looks great and easy readable.
See More details for how it's works
I like the look and feel of the WordPress editor (version 2.7), and I would like to use it in another web application that is written in ASP.NET. I've used TinyMCE before, and I've even extended it in the past. However, I can't seem to get the Wordpress configuration to work!
I've downloaded the entire WordPress package and taken the TinyMCE code (from the "js" folder) and put it in my web site. It ends up giving me an error on the following line of tiny_mce.js
return f.apply(s||this,Array.prototype.slice.call(arguments,2))
'undefined' is null or not an object.
Now, I've carefully made sure that the steps of execution are identical with the WordPress demonstration site that I've based this from.
I'm not a Javascript newbie (at all), but I can't seem to figure out why this is not working. Has anybody tried to do this before? What am I missing?
A demo of what I am talking about is here (username="admin", password="demo"). View the source, I have the three parts of Javascript that are (seemingly) required to power the editor.
Something of a stab in the dark, but I'm suspecting that there's a dependency on WP's prototype.js and you didn't bring that over with TinyMCE.
If you are able to determine which bit is undefined that might give you a clue. I tried looking at the demo with firebug, but tinymce.js was all one line, so I gave up trying to find that code.
Try putting in either some console.log() if you have firebug, or alert()s before that line, and try to see what f,s,this,arguments etc are when yu get the error, then do the same thing with a vanilla WP install and see the difference?
I suggest including the tiny_mce_src.js istead of the minified version, this way you can use firebug to debug and receive helpfull information.