Today is . Page created 12/31/05, updated 04/06/07
 
|
H ow do I make HTML into something like an image, that I can use in my web pages, more than once, without copying it? I want to be able to change the HTML in one area and have it automatically reflected to all the places in my website where it is used.
W e have tested the converter in IE6.0, Firefox1.0.7, Opera8.51, Netscape7.02, Netscape8.0.4 and AOL Explorer1.2. This script (converter/generator) worked well in all platforms with no variations observed.
T
he technical and hand-coded explanations are lengthy and involved and we will address them on the below "Technical Information" link. To simplify things, you can either use the above "Converter/Generator" and make your own external .js scripts or Add This Converter To Your Site.
[ Technical Information ]
W ith the use of the above Converter/Generator, it takes all the work out of hand-coding all the external .js scripts. Just a few copies, pastes, save as and uploads and you are done.
Note of Importance ~ In reference to generating the external .js file that needs to be copied, and pasted into a "Notepad" and uploaded into your editor. If you use the Converter/Generator or you hand code, you need to remember this:
Once you need to paste and "Saved As", you should use a notepad. If you have a Notepad replacement and not using the Microsoft® Notepad, this will not work. You Need To Save it with the Microsoft® Notepad. Reason being is quite simple. Not everyone is using the notepad replacement you are. And by uploading it in the replacement, not all systems will be able to read the external Javascript. The notepad replacement is software that is installed on the individual system (computer). Not all systems will have the installed software for the replacement notepad you may be using. (it is a good bet though that just about every system does have the Microsoft® Notepad). This means your system will not be able to read it and the effect will not work.
I
f you are going to add this effect into your pages, depending on your knowledge of HTML and javascripts, it is an easy three ( 3 ) part copy and paste code that goes in both the <HEAD> and <BODY> sections of your document. The site you get the script from has it set up as a complete HTML document. Carefully read through it to see what parts you really don't require. There is alot of technical information that you may not want to add into the converter page you are building. The third part of this script is a .js file you need to save to your harddrive then upload into the same directory that this effect will be located. The script site "Does Not" give you the external .js file you need. Right click on the below link, and when a box appears, select "Save Target As". This is the external .js file named jst.js you will need in order for this effect to work correctly.
[ jst.js ]
The jst.js script will be going into the <HEAD> section of your document. This, by the way is the only part of the effect that goes in the <HEAD> section of your document.
<head>
<script type="text/javascript" src="jst.js"></script>
</head>
Note of Importance ~ If you are going to upload the jst.js into a different directory than where this effect will be, then you need to reconfigure the below part of the code to reflect where this external script needs to be called from. For example, if you upload this .js script into a directory called "my_js_scripts", then the below code would have to reflect this change.
Default
<script type="text/javascript" src="jst.js"></script>
Reconfigured
<script type="text/javascript" src="my_js_scripts/jst.js"></script>
T
he copy and paste code you would be getting from the script site is incorrect and incomplete. We notified them of this on 12/31/05. Until they can rectify this little problem, grab the below link, you can get a good copy of the code. The script site has the code as a complete HTML document including all the technical information included. We have highly documented the entire HTML document on what you actually need and what you don't.
[ Get Code Here ]
Note Of Importance: On the page you are going to have this effect on or any page that will link to the page with this effect is on, be sure of one thing within either the linking URL or the URL this effect is on. Be sure you "Do Not" have the backslash-forward slash / (which ever you call it) at the end of the linking URL. If you do, the effect "Will Not Work!. If this sounds confusing, see the below example:
S elect the links above to see what we are explaining about the Right and Wrong URL address.
I
f you would like to add this effect into your pages, grab the respective below link and you are there. We hope our tutorial was easy to follow and we covered everything in detail. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ]
[ Rate This Page ]
For your Information: ~ To show you actually how this works, everything from below this paragraph is being called from an external .js script. If you would view our source code (we have it well documented), all you would see is the below.
<!------ Start External .js Code ------>
<script type="text/javascript" src="jscripts/quick6blue.js"></script><!------ End External .js Code ------>
B ut in reality, you are seeing everything below from the above little sniplet of code.