T his is an extremely unique generator. It will take the words you type in the box and change the size and color of all the letters. All you need to do it copy and paste the generated code in the <BODY> section your document where you want it to appear.
For your Information:
The above effect has been located within an "I" Frame for a specific reason. Reason being that if it was located on this page, when you generate the code, the page jumps down to accommodate the extra text. To avoid this (what we call) little annoyance, we just placed the code itself on another page and used a defined "I" Frame to call the effect. This is basically just for cosmetics and to elevate the height of professionalism you want to generate with your site. If you do not understand or need a little refresher on "I" Frames, grab the below link and you are there.
[ I Frames Explained ]
W e have tested the code in IE6.0, Firefox1.5.0.3, Opera8.54, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms with one (1) variation observed in Netscape8.1.
- Variation:
- When you generate the text, it will not show an example, just the generated code in the form box.
- This is no way hampers the operation of this effect, it just does not show the colored example.
D epending on your knowledge of HTML and javascripts, this is an easy two part copy and paste code that goes in both the <HEAD> and <BODY> sections of your document with "No" reconfigurations other than the below little "Extras" we have added.
Little Extras Not Included In The Script: If you have noticed in the above effect two things.
- When you clicked inside the form where you type your words the original text vanished.
- The "Reset" Button.
T he first effect is called "Automatic Form Field Clearing". This is an easy two part copy and paste add-on that goes in the <HEAD> section and the other part goes directly into the form field itself which is located in the <BODY> section of code. See below:
<------ Start HEAD Section ------>
<script language="Javascript">
<!--
function doClear(theText) {
if (theText.value == theText.defaultValue) {
theText.value = ""
}
}
//-->
</script>
<------ End HEAD Section ------>
T he last part as we said goes directly into the form field itself which is located in the <BODY> section of code. See below on where and howto:
<form name="myform" action="javascript:randomise()">
<input name="wordlist"
value="Type your words in this box to see the effect" size="50"onFocus="doClear(this)">
<br>
<select name="randomiseby">
I
n other words, paste the below little snipplet of code as we have shown in the above example.
onFocus="doClear(this)"
T he last little add-on is the "Reset" button which will be located in the <BODY> section of code. See the below on where and howto add this into the script:
<form name="myform" action="javascript:randomise()">
<input name="wordlist" value="Type your words in this box to see the effect" size="50">
<br>
<select name="randomiseby">
<option value="">Randomize by letter</option>
<option value=" ">Randomize by word</option>
</select><br>
<input type="submit" value="Transform Text"
<br><br>
<span id="looks_like"></span>
<br><br>
<textarea name="code" rows="5" cols="50"></textarea>
<input type="reset" value="Reset">
</form>
I
n other words, paste the below little snipplet of code as we have shown in the above example. Be sure it is before the closing </form> tag or it will not work!
<input type="reset" value="Reset">
W
e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. 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 ]
