ansaurus

Question

Answer 1

A:

Why are you using Javascript to write the script tags? Simply add the script tags to your head section. So your document will look something like this:

<html>
  <head>
    <!-- Whatever you want here -->
    <script src="/javascripts/jquery.js" type="text/javascript"></script>
    <script src="/javascripts/jquery.tablesorter.js" type="text/javascript"></script>
  </head>
  <body>
    The contents of the page.
  </body>
</html>

Sinan Taifour 2009-07-16 21:30:15

I am talking about JS files. how to add jQuery reference to a JS file

2009-07-16 21:34:58

Jash, you can't do it. Script files can't be referenced in other script files.

Canavar 2009-07-16 21:39:48

Yes they can, Canavar. AS far as the browser is concerned, it doesn't matter whether you're adding script tags in the HTML or in a script itself, because it interprets the result the same.

Salty 2009-07-16 21:51:30

Answer 2

A:

If document.write('<\script ...') isn't working, try document.createElement('script')...

Other than that, you should be worried about the type of website you're making - do you really think its a good idea to include .js files from .js files?

ryansstack 2009-07-16 21:30:42

Answer 3

A:

just copy the code from the two files into your file at the top.

or use something like this http://code.google.com/p/minify/ to combine your files dynamically.

Josh

Josh 2009-07-16 21:31:04

Answer 4

+2 A:

var script = document.createElement('script');
script.src = 'http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);

Daniel Moura 2009-07-16 21:31:11

Answer 5

+1 A:

The problem is you're using within the script, which is ending the script tag. Try this:

document.writeln('<script src="/javascripts/jquery.js" type="text/javascript"></sc'+'ript>');
document.writeln('<script type="text/javascript" src="/javascripts/jquery.tablesorter.js"></sc'+'ript>');

Salty 2009-07-16 21:31:34

Answer 6

A:

No, you can't reference a script file in another script file, you should link both of them in your page.

Canavar 2009-07-16 21:32:17

Answer 7

+1 A:

Theres a plugin for jquery where you can just include the files you need into some other js file, here is the link for it http://tobiasz123.wordpress.com/2007/08/01/include-script-inclusion-jquery-plugin/.

Also this document.write line will write the script tags in the html not in your js file.

So I hope this could help you out, a little with your problem

chermosillo 2009-07-16 21:34:03

Answer 8

A:

Guys, Here is the solution, that I adopted as a combination of some proposed solutions in some other forums.

This way you can reference both css files and other js files in one js file, thus making change next time only in a single place. Please let me know if you have any concerns on it.

I have done following: 1) I have created a js with name jQueryIncluder.js 2) declared and executed following code in this file ====================================================================

function getVirtualDirectory() { var vDir = document.location.pathname.split('/'); return '/' + vDir[1] + '/'; }

function include_jQueryFilesToPage() {

var siteAddress = location.protocol + '//' + document.location.hostname + getVirtualDirectory();

var jqCSSFilePath = siteAddress + 'includes/jQueryCSS/ehrgreen-theme/jquery-ui-1.8.2.custom.css'; var jqCoreFilePath = siteAddress + 'includes/jquery-1.4.1.min.js'; var jqUIFilePath = siteAddress + 'includes/jquery-ui-1.8.2.custom.min.js';

var head = document.getElementsByTagName('head')[0];

// jQuery CSS jnclude var jqCSS = 'cssIDJQ'; // you could encode the css path itself to generate id. if (!document.getElementById(jqCSS)) { var link = document.createElement('link'); link.id = jqCSS; link.rel = 'stylesheet'; link.type = 'text/css'; link.href = jqCSSFilePath; link.media = 'all'; head.appendChild(link); }

// Core jQuery include var jqc = "coreFileRefIDJQ";
if (!document.getElementById(jqc)) document.write('');

// jQueryUI include var jqUI = "uiFileRefIDJQ";
if (!document.getElementById(jqUI)) document.write('');

}

include_jQueryFilesToPage(); ====================================================================

3) I referenced the above jQueryIncluder.js file in another js or xsl file of my .Net project as following:

I hope my effort is appreciated.

Thanks

TopGun743 2010-06-30 10:11:16

ansaurus

tags:

views:

answers:

how to add jquery in JS file

related questions