Comments on: Including js files from within js files

By: chris

chris — Tue, 01 Nov 2011 16:21:56 +0000

Thanks for this. It’s nice to have a clean head!

By: Scott Kimler

Scott Kimler — Sun, 23 Oct 2011 17:38:35 +0000

Thanks for posting. Working on a client site whose CMS allows JavaScript code, but not the ability to call an external .js file. Your code allows us to include that external file on per-post basis. Great!

By: CJ

CJ — Tue, 27 Sep 2011 00:38:42 +0000

Heya Sharmo!

I was searching for this solution and the Google returned a familiar name!

Hope you are well mate. (And thanks for the JS tip).

By: Eric

Eric — Tue, 26 Jul 2011 23:09:25 +0000

Wow… if you do this after the page loads, its almost like an ajax call or something. You could make the url of the script be anything… a server side handler for retrieving some JSON data mabye?

By: sarath krishna

sarath krishna — Sat, 09 Jul 2011 23:50:55 +0000

wow..good idea..thank u michael.

By: moe moe

moe moe — Wed, 22 Jun 2011 07:58:16 +0000

How to invoke jsp file within the jButtonActionPerformed? Please help me.

By: Daniel

Daniel — Tue, 14 Jun 2011 04:04:31 +0000

Joel:
I have been investigating this method of inclusion for jQuery core and possible effects.

The reason your error is occuring is due to the async problem mentioned a couple of times, basically the browser is still downloading the core file by the time it hits your ‘$.(document)’ statement.

A way I can think of around this is to use a timer, if $ does not exist, start a timer and try again shortly.

Obvious issues with useing this method but is the only way I can see around the problem.

Anyone else have a better way to do this?

By: Raul

Raul — Tue, 10 May 2011 11:17:08 +0000

Thanks man, nice solution!

By: Joel

Joel — Thu, 03 Feb 2011 17:18:54 +0000

Conceptually, this script is a great idea. However, I’ve tried to use it loading multiple jquery libraries and if I try to initialize jquery in the same file, with basic $(document.ready() syntax:

$(document).ready(function() {
$(‘#cycle’).cycle({
fx: ‘fade’ // choose your transition type, ex: fade, scrollUp, shuffle, etc…
});
});

I get the following error:

ReferenceError: Can’t find variable: $

The same jquery init code works fine if inside {script} tags in the header.

Any thoughts? Does jquery init code HAVE to go inline in an HTML doc?

By: Owen Roberts

Owen Roberts — Tue, 09 Nov 2010 05:42:14 +0000

Good stuff.
I turned off the script defer. I think its IE only.
Once I put any js with dependencies together, everything loads great.
Have to remember that in IE and Chrome, these JS are loaded and run asynchronously.
This technique also works for loading CSS.
Cool!