How to outsource Javascript code from html code ?

Arthur Connor

Is there a way of extracting the Javascript code from the "normal" HTML code
(e.g. similar to CSS code which can be put into a separate file) ?

If you offer a solution: can I determine in your solution where and which part
of the code should be placed/inserted in the main HTML code?

Sometimes a Javascript functionality is split up to several parts and/or
it makes a big difference where the Javascript code should run/be called
(e.g.
- in the <HEAD>....</HEAD> or
- at the beginning just behind the <BODY> tag
- at the end just before the </BODY> tag.
.....)

Arty

Jul 20 '05 #1

Subscribe Reply

4391

Hywel Jenkins

In article <bs************ *@news.t-online.com>, ar***@redseven. com
says...

Is there a way of extracting the Javascript code from the "normal" HTML code
(e.g. similar to CSS code which can be put into a separate file) ?

If you offer a solution: can I determine in your solution where and which part
of the code should be placed/inserted in the main HTML code?

Sometimes a Javascript functionality is split up to several parts and/or
it makes a big difference where the Javascript code should run/be called
(e.g.
- in the <HEAD>....</HEAD> or
- at the beginning just behind the <BODY> tag
- at the end just before the </BODY> tag.

Jul 20 '05 #2

Arthur Connor wrote:

Is there a way of extracting the Javascript code from the "normal" HTML code
(e.g. similar to CSS code which can be put into a separate file) ?

I'm not sure what you mean with "extracting ".

There is a bookmarklet available which will allow you to view all
javascript code in a given HTML page.

You can put all script functions and code into a single external
javascript file.
If you offer a solution: can I determine in your solution where and which part
of the code should be placed/inserted in the main HTML code?

Again, your question is a bit fuzzy.

If you use a customized bookmarklet, then yes you can figure out inline
scripts and scripts coming from an external file.

One can figure out where in a given HTML document the functions are called.

Sometimes a Javascript functionality is split up to several parts and/or
it makes a big difference where the Javascript code should run/be called
(e.g.
- in the <HEAD>....</HEAD> or
- at the beginning just behind the <BODY> tag
- at the end just before the </BODY> tag.
....)

Arty

That's because of some desired effects or because some functions should
be executed before some others (like for rollover images) or because
some functions should be executed while the page is loading (e.g.:
document.write( ) calls) or because some other functions should be
executed only once the page has finally and completely loaded (with the
defer attribute or with the onload attribute of the body element or
window object), etc... It all depends on the whole code, the targeted
effects/results, etc.. There is no single and unique rule here.
Overall, it is best to modularize javascript code into defined functions
and it is best to stay away from document.write( ) calls.
In general, I think it is best to create a single unique external
javascript file so that
- your code can be reused
- your code can be cached and reused in the same session, reducing http
downloads and parsing again, making script functions a bit more
responsive, snappy.

DU

Jul 20 '05 #3

John McGaw

"Arthur Connor" <ar***@redseven .com> wrote in message
news:bs******** *****@news.t-online.com...

Is there a way of extracting the Javascript code from the "normal" HTML code (e.g. similar to CSS code which can be put into a separate file) ?

If you offer a solution: can I determine in your solution where and which part of the code should be placed/inserted in the main HTML code?

Sometimes a Javascript functionality is split up to several parts and/or
it makes a big difference where the Javascript code should run/be called
(e.g.
- in the <HEAD>....</HEAD> or
- at the beginning just behind the <BODY> tag
- at the end just before the </BODY> tag.
....)

Arty

I guess it depends on what your exact usage is. At my site I have two
different applications for js. One handles image swapping and popup display
and depends on having functions defined in advance of them being used so I
have the definitions included right before the end of the <head> as shown in
this scrap:
....
<title>
Bodger's New Day
</title>

<script type="text/javascript" src="theimager. js">
</script>

</head>
....

And the actual call is made when a reader clicks on an image of a button and
looks like this:

....
<a href=
"JavaScript : newWindow = openWin( 'gallery/gallery-01-small.jpg',
600, 424 ); newWindow.focus ()">
<img src="button/small.gif" class="gbutt" alt="" title="" width="30"
height="20" /></a>
....

where openWin() is defined earlier and is called with the required
parameters here to create a new window with an image in it and the focus()
pops the new window up over the parent.

In the second main application there is no function definition so nothing
needs to appear in the <head> so the code is placed where it is needed
inline like this:

....

<script type="text/javascript" src="thecounter .js">
</script>

....

This is done because the js provided by thecounter.com is pretty ugly and
totally blows away any attempts at validation.

Is this what you were looking for?
--
John McGaw
[Knoxville, TN, USA]

Return address will not work. Please
reply in group or through my website:
http://johnmcgaw.com

Jul 20 '05 #4

Martin Fuchs

"Arthur Connor" <ar***@redseven .com> wrote in message
news:bs******** *****@news.t-online.com...

Is there a way of extracting the Javascript code from the "normal" HTML code (e.g. similar to CSS code which can be put into a separate file) ?
outsourced java script looks like the following:

<script src="script/rollover.js" type="text/javascript"></script>

just put your java script code (between the script tags) into a .txt file
and rename it to a .js file
Sometimes a Javascript functionality is split up to several parts and/or
it makes a big difference where the Javascript code should run/be called
(e.g.
- in the <HEAD>....</HEAD> or
- at the beginning just behind the <BODY> tag
- at the end just before the </BODY> tag.

as far as i know (i am not very good at java script) that depends of the
type of java script you are using...

hope i could help.

martin

Jul 20 '05 #5

Chris Leonard

Where ever you use the <script> tag use it like this:

<script src="myjavascri ptfile.js">
</script>

I think this is the right syntax, I know I'm on the right line!

Chris

Jul 20 '05 #6

Eric Bohlman

ar***@redseven. com (Arthur Connor) wrote in
news:bs******** *****@news.t-online.com:

Is there a way of extracting the Javascript code from the "normal"
HTML code (e.g. similar to CSS code which can be put into a separate
file) ?
Yup. Anywhere you can write

<script type="text/javascript">som e script</script>

you can also write

<script src="urlforscri pt" type="text/javascript"></script>

In addition to making your code more maintainable, linking to external
scripts also speeds things up because browsers will cache the scripts
rather than reloading them for each page.
If you offer a solution: can I determine in your solution where and
which part of the code should be placed/inserted in the main HTML
code?
Same as if you were inlining the scripts.
Sometimes a Javascript functionality is split up to several parts
and/or it makes a big difference where the Javascript code should
run/be called (e.g.
- in the <HEAD>....</HEAD> or
- at the beginning just behind the <BODY> tag
- at the end just before the </BODY> tag.

You just have to give each section of script its own URL.

Jul 20 '05 #7

Toby A Inkster

Arthur Connor wrote:

Is there a way of extracting the Javascript code from the "normal" HTML code
(e.g. similar to CSS code which can be put into a separate file) ?

Of course.

<script type="text/javascript" src="blah.js"></script>

--
Toby A Inkster BSc (Hons) ARCS
Contact Me - http://www.goddamn.co.uk/tobyink/?page=132

Jul 20 '05 #8

nice.guy.nige

While the city slept, Arthur Connor <ar***@redseven .com> feverishly typed:

Is there a way of extracting the Javascript code from the "normal"
HTML code (e.g. similar to CSS code which can be put into a separate
file) ?

Take the existing javascript code from your page (minus the opening <script
....> and closing </script>) and save that as a file with extension .js. eg,
if you have the following...

<script type="text/javascript">

</script>

.... cut everything from  and save that as, for
example, "myJavascript.j s". Then add the following to your script tag...

<script type="text/javascript" src="myJavascri pt.js">

Hope that help,
Nige

--
Nigel Moss.

Email address is not valid. ni***@nigenetDO G.org.uk. Take the dog out!
http://www.nigenet.org.uk | Boycott E$$O!! http://www.stopesso.com
In the land of the blind, the one-eyed man is very, very busy!

Jul 20 '05 #9

Dr John Stockton

JRS: In article <bs************ *@news.t-online.com>, seen in
news:comp.lang. javascript, Arthur Connor <ar***@redseven .com> posted at
Tue, 30 Dec 2003 19:46:07 :-

Is there a way of extracting the Javascript code from the "normal" HTML code
(e.g. similar to CSS code which can be put into a separate file) ?

See <URL:http://www.merlyn.demo n.co.uk/js-other.htm#Effy> , subsection
"Include :- *.js files".

--
© John Stockton, Surrey, UK. ?@merlyn.demon. co.uk Turnpike v4.00 IE 4 ©
<URL:http://jibbering.com/faq/> Jim Ley's FAQ for news:comp.lang. javascript
<URL:http://www.merlyn.demo n.co.uk/js-index.htm> jscr maths, dates, sources.
<URL:http://www.merlyn.demo n.co.uk/> TP/BP/Delphi/jscr/&c, FAQ items, links.