Lorem Ipsum Generator - Tested in IE7.0, Netscape8.1.2, Opera9.20, Firefox2.0.0.3 and AOL Explorer1.5

When laying out Web sites, it is sometimes necessary to fill the areas of the page with some text. This script will do that for you, generating as much or as little text as you need. Simple to use.

We have tested the code in IE7.0, Firefox2.0.0.3, Opera9.20, Netscape8.1.2 and AOL Explorer1.5. This script worked well in all platforms with no variations observed.

Depending on your knowledge of HTML and javascripts, this is an easy three (3) part copy and paste code that goes in both the <HEAD> and <BODY> sections (anywhere you want it to appear) of your document. It also makes use of an external .js script you need to save and upload into your directory then add a snipplet of code into the <HEAD> section to call the external.js file.

Note Of Importance: If you are not sure of howto make the external .js file and make use of it within your document, grab the below link and it is fully explained.
[ .js File Howto ]

For your Information: If you are not comfortable or prefer not to use the external.js file, you can use the traditional cut/copy and paste instead of the external .js file. If you need a little refresher on what is required to achieve this, grab the below link and it is fully explained.
[ Traditional Cut/Copy and Paste ]

Depending on which of the above methods you have selected (external.js file or Traditional Copy/Cut & Paste), you will add either the snipplet of code (after you have uploaded the external.js file) into the <HEAD> section or the completed section of code that you added the opening and closing script tags.

Snipplet Of Code
<script type="text/javascript" src="loremIpsumDolor.js">
</script> Traditional Copy/Cut and Paste
<SCRIPT LANGUAGE="JavaScript">

<HEAD> Section of code goes here

// End -->
</script>

External .js file

Traditional Copy/Cut & Paste Code with opening & closing tags that you had to add into the <HEAD> section of code that was originally earmarked to be an external .js file.

If you would like to see an example of this effect using the "Traditional Cut/Copy & Paste" method, grab the below link and you are there. Examine our "Source" code (on the page you will be opening) to see how we had to reconfigure it to make it work. We have it very well documented for your convenience.
[ Traditional Cut/Copy & Paste Method ]

O nce you have completed either of the above steps for the <HEAD> section, all that is left is to paste the <BODY> section of code where you want the effect to appear with minimal (size of textarea form,) if any reconfigurations. There are three (3) places in which you can do this reconfiguration. See below where and howto.

First Place

<form name="theForm" action="javascript:objectTag();" id="theForm">
<strong>Select language type ...</strong>
<select name="loremString" style="width: 100%;">
<option value="latin" selected="selected">Lorem ipsum dolor sit amet...</option>

Second and Third Place

</select>
<input type="text" name="numbers" value="8" size="4">
<input type="submit" name="btnOK" value="Generate">
<br>
<textarea rows="10" name="output" style="width: 100%;">
</textarea>

Note Of Importance On the site you will be getting the copy and paste code, there is an error within the <BODY> section of the code and if you do not change it, the effect will not work and you will get an error message in the task bar and wonder why. See below where and howto change the error within the code.

Incorrect Code

<form name="theForm" action="javascript:objectTag();" id="theForm">
<strong>Select language type ...</strong>
<select name="loremString" style="width: 100%;">

Correct Code

<form name="loremForm" action="javascript:objectTag();" id="loremForm">
<strong>Select language type ...</strong>
<select name="loremString" style="width: 100%;">

Reason for the correction is quite simple. The external loremIpsumDolor.js (or if you opt to use the traditional copy and paste for this section) file being called from the <HEAD> section of the document is configured to use the form name and id of loremForm, not theForm. So..... in order for this effect to work, both (<HEAD> and <BODY>) sections must be in agreement for which form name and id to call. We have notified the original script site of this minor error as of 04/22/07. Until they correct the minor error, just make the correction as shown above.

We 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 ]