Home Help and FAQs Submit Java Link To Us Contact Us Home

Audio Effects
Banner Utilities
Browser Utilities
Color Picker
Cursor Effects
Email Forms
Fun and Games
Horizontal Rules
Image Effects
Popup Windows
Site Search
Status Bar
Text Effects
Ticker Tapes
Web Search
Website Tools
JavaFile Articles


JavaScript Help

The Basics of Javascript

You don't need to be a programmer to use javascript on your website. If you can cut-n-paste...you can add javascript to your site. All the code you need is included in every .zip file you download from our site, JavaFILE.com. When you unzip the file, you will notice 2 files: a .txt and .htm file. Note, some files also contain images for certain scripts and we'll deal with that later in the tutorial. The 2 files contain the same code. We gave you one file as a .htm file in order for you to be able to see how the script works on a webpage. The .txt version is the same code. If you like the way the script looks in the webpage, you can just cut and paste directly from the .txt file.

However, if there are some changes you'd like to make to the look, you'll need to doctor up the code first. The first thing you'll want to do is open the .htm file in your web page editor and make any changes you want to the way the code looks on a webpage. For instance, if the code includes text that shows up on your webpage, you might want to change the font size, face, color, etc. Now that you have it looking the way you want it, you need to install it into your existing webpage. This is easy. Just view the source (html code) of the webpage you've just worked on and see how the script is incorporated into the head and /or body tags of the page. Then duplicate this on your existing webpage using cut and paste.

The 2 parts to Javascript

Sometimes, there are 2 parts to a javascript. Part 1 goes between the <Head> and </Head> tags of your page, and part 2 goes in the <Body> of your document. Confused yet? Don't be...like I said before, just view the source of the .htm file to see how it's done...it's not difficult. Just see how the code is included in the sample .htm page and then insert it into your page the same way.

Changing the script and using images

Depending on the script, there will normally be 4 things you will want to change to make it fit your site. We'll explain each one of these.

1: any reference to url's.
2: text and background colors.
3: text that the script uses.
4: the url to the images you are using.

Once again, the easiest way to perform these tasks is to open the .htm file and make the changes in your web page editor. Or if you feel comfortable enough dealing with html, you can go into the .txt file and make the changes directly.

1: To change the reference to url's, simply open the file and substitute "your url" for the ones in it now.

2: Text and Background colors may be changed by looking for the color codes. These codes will look something like: <font color="000000"> This means the color of the font is Black. <bgcolor="FFFFFF"> This is a white background.

3: Obviously, you want your site name or your message on the page instead of the one we put there for an example. You will probably be able to make these changes using your web page editor. If not, you'll need to view the source of the script to make these changes. Some reference might need to be changed in both the <head> part of the script, and the <body> part of the script. The best way to do this is to run the script "as is", then change the lines of text that you want to change by viewing the source and replacing the text with yours. I suggest changing one line...trying the script...then changing the rest if it worked :) don't worry, it will. And if for some reason, it doesn't, don't panic, just take out the changes you made and re-input them. You probably made some minor mistake that caused the problem.

4: Some scripts use images, so you will have to tell the web browser where to find them. Once you do that, simply change the img src tag to reflect where your image(s) are stored.
Example: <img src="http://www.YOURSITE.com/images/dogimage.gif.>

Additional Help Resources


Copyright 1998-2012, Net3Media.com    Ad Info: Click Here    Privacy Policy