Add .js Reference

ToolBookDeveloper FreeBees

SUBSCRIBE NOW

NOTE:  This tool may require an update in order to work with ToolBook 8.9 SP2 (ToolBook 2004 Decaf).  Please check back - we are working on the updates and will have them all in place by July 1, 2005.

Adding a JavaScript Reference to DHTML Files

JavaScript used to add functionality to web-exported Toolbook files must be referenced in the index.html file for the program. This reference can be added manually after exporting your project.  However, it needs to be added to both the IE and Netscape index files AND it needs to be added each time that you re-export your project.  This opens the door for errors and omissions that could require unnecessary troubleshooting trying to figure out why your program isn't working correctly.

Instead, by using this Developer's Exchange Tool you can easily add .js file references to your index files.  This utility will create a reference in the index.html file (for both ie4 and ns4) to any specified *.js file.

How Does This FreeBee Work?

After you have exported your project, you simply open up the AddJS via the Developer's Exchange Tools, at author level, select the Tools menu, then select Developer's Exchange Tools. Once the AddJS tool is open select the .js file you want to reference.  The reference will then be inserted into your index files for both IE and NS.

How Can This FreeBee Be Used?

You can use this FreeBee in your own development of ToolBook projects.  You cannot give away or sell this FreeBee to others.  If you want others to be able to use the FreeBee, please direct them to this site to register for the FreeBee Newsletter and access to all of the FreeBees.

How Does the FreeBee Work During Development?

You can not run this Developer's Exchange Tool from here or directly off your hard drive. However, you do need a copy of the tool on your hard drive as the tool is not in the available when the "Remote Developer's Exchange Tools" is selected. Therefore you need to download it and install it into your Developer Exchange Tools directory. Note that there is no official DevEx directory, I put all of my DevEx tools in a folder

After you have exported your project, you simply open up the AddJS via the Developer's Exchange Tools, select the Tools menu, then select Developer's Exchange Tools. Once the AddJS tool is open select select your JavaScript File, typically this file will be in your book's directory, then select your where you want the file to be copied to, typically this will be the WebExport, you may choose to copy the file to the directory where the index.html file is located. Once you have selected the Copy to Directory all you need to do is click on the Add Code button.  The JavaScript reference will be added to the index.html files in both the ie4 and ns4 directories.

Q - Why should I have the JavaScript file in the WebExport directory?

A - This will mean that the JavaScript file can be access by all of your exported DHTML programs and you will not need multiple copies of the same file:-)

Why I Developed this FreeBee

I use a lot of JavaScript in my programming for DHTML and after manually inserting .js references into IE and NS index files a couple of dozen times I said, "there has to be a better way!"  And, now there is :-)

FreeBee Features

• Automatically adds a reference to a .js file in both IE and NS index.html files.

• Eliminate mistakes made when manually referencing .js files.

• One simple dialog box does everything you need.

• Have instant access to the tool through your local Developers Exchange Tools.

FreeBee Details

Developed in ToolBook v8.1 and also available in v8.5

Get FreeBee