jQuery Include

published: April 26th, 2007

For those of you who like jQuery but cannot find any sensible way of including external JavaScript files, here is a solution for you. I come up with this solution while developing Mashina, my browser based exploitation framework.

http://www.gnucitizen.org/blog/jquery-include/jquery.include.js

In order to include JavaScript source files you have to do the following:

$.include('http://path/to/script1.js');
$.include('http://path/to/script2.js');

$(document).ready(function () {
  // the files are loaded, so now you can use them...
});

As you can see, everything is very jQuery like so you shouldn’t have any problems.

» more | » comments rss | posted by pdp | syndication and integration ( )

Comments

wade responds:

For local files if you use async false then you don’t have to do the callback timer (js stops execution until the file is loaded). This has been working for me in IE6, FF2, & Safari:

$.ajax({
	url: "/path/to/script2.js",
	dataType: "script",
	async: false,
	success: function(js){if(jQuery.browser.safari){eval(js);}}
});

Arthur Bezner responds:

I have error (FireBug tested) reported near

document.body.appendChild(script);

'document.body has no properties'

how about changing to

document.getElementsByTagName('head').item(0).appendChild(script);

This should work fine.

Regards
Arthur Bezner

pdp responds:

yes, I will make the changes as soon as possible!

vlad responds:

I’ve added link from jQuery wiki to your script. Hope you don’t mind :)

pdp responds:

vlad, not really… go crazy… modify it if you want but just let me know about the changes since I make a heavy use of it. cheers

Jimmy Glass responds:

Hi,
I have been trying to implement a set of multi-level includes, but… It seems like the Ready event is firing prematurely. Any suggestions?

Thanks,
Jimmy G

pdp responds:

yeh, it is strange… I am not sure what the problem is but I will definitely look into it. thanks for the feedback.

ludoo responds:

Can you extend your plugin to integrate css stylesheets loading ?

Thanks
LudoO

Ð˜Ð²Ð°Ð½ Ð™Ð¾Ð½Ð¾Ð² responds:

Hello,

I noticed that if you use $.include('/foo/bar.js'); combined with jQuery Form Plugin (http://www.malsup.com/jquery/form/) the form plugin doesn’t work :(


I couldn’t figure out why exactly.

Ð£ÑÐ¿ÐµÑ… ÐŸÐµÑ‚ÐºÐ¾! :>

pdp responds:

Ð˜Ð²Ð°Ð½,

there seams to be a nasty bug with jquery.include. I need to look at it further in my infinite free time. :)

mersi

rezn responds:

any progress with this? it’d be very useful. it does look like its in the 1.2 roadmap at least, but no word on timing: http://docs.jquery.com/JQuery_.....ript.28.29

pdp responds:

rezn, that would be very useful, at least I don’t have to support this plugin myself :)

Tobiasz Cudnik responds:

It doesnt work because that it dont really hijak ondomready event, which is attached via reference, not name.

I wrote similar plugin with working ondomready and dependency feauture:
http://meta20.net/.include_scr.....ery_plugin

Tested with jquery.forms. Hope you find it usefull.

wiz responds:

var test = 10; in a file test.js $include("test.js"); in another file alert(test) didn’t work on IE6

selim responds:

If you want that run in Internet Explorer, the property readyState is loaded and not complete.

saurabh responds:

Big problem in printing the polylines in firefox.

balex responds:

It is realy hard to debug when one application use more and more jquery components.
Please insert this line (42) for another programmers:

if (this.readyState == 'loaded' || this.readyState == 'complete')

Respond

In order to preserve the high standards of GNUCITIZEN, before you post a comment, please take note of the following guidelines:

Commenting is provided as a courtesy only.
Please be brief and relevant to the post.
Please be polite even in disagreement with us or others.
Support claims you wish to make using sources and links.
No personal attacks, name calling, or commercial commenting.
Anyone creating false or multiple identities will be banned.
If you don't have a cogent argument, you will be censored.
If you are purposefully deceptive, you will be censored.
No spamming or flooding.

We appreciate your time and effort in contributing to GNUCITIZEN.

name: (required)

mail: (required)

website:

comment:

GNUCITIZEN Products

	Blogsecurify is a division of GNUCITIZEN. The initiative was established to provide social media security services through our free automated testing engine. The Blogsecurify team is also engaged to deliver quality content on issues concerning social media technologies.
	Netsecurify is a division of GNUCITIZEN. The initiative was established to provide network security services through our free automated testing engine. The service is still in private-beta.
	Websecurify is a division of GNUCITIZEN. The initiative was established to provide a fee web application security framework for automated and manul penetration testing. The service is still in private-beta.
	Secapps serves as an application directory of all online tools which the GNUCITIZEN team has built over the years.
	Securls serves as an information security intelligence tool, combining news and articles from the best information security resources online.