The JavaScript Source: Miscellaneous : Filler Text on Demand

Home

Filler Text on Demand

Append filler text on demand through functional links added via JavaScript. Very useful in Web page design layout.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod

The JavaScript Source: Miscellaneous : Filler Text on Demand

Simply click inside the window below, use your cursor to highlight the script, and copy [Control]+C the script into a new file in your text editor (such as Note Pad) and save [Control+S]. The script is yours!!!

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Alessandro Fulciniti :: http://web-graphics.com/mtarchive/001667.php */

var words=new Array("lorem", "ipsum", "dolor", "sit", "amet", "consectetuer", "adipiscing", "elit", "sed", "diam", "nonummy", "nibh", "euismod");

function AddText(el){
  var s="",n,i;
  n=RandomNumber(20,80);
  for(i=0;i<n;i++)
    s+=words[RandomNumber(0,words.length-1)]+" ";
  var t=document.createElement("p");
  t.appendChild(document.createTextNode(s));
  el.parentNode.insertBefore(t,el);
}

function RandomNumber(n1,n2){
  return(Math.floor(Math.random()*(n2-n1))+n1);
}

window.onload=function(){
  AddFillerLink("content","navigation");
}
//-->
</script>

<div id="content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
</div>
<div id="navigation">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
</div>

Copy the script to the same folder as the pages you want to test. Then, paste the designated lines in the head section. You can easily change the sections to be filled. They are identified by an id attribute in the markup. In this case, they are "content" and"navigation".

window.onload=function(){
      AddFillerLink("content","navigation");
    }

Any number of ids are accepted. Just be sure to put them between quotes and separate them by commas.

Did you use this script? Do you like this site? Please link to us!

Add a comment, suggestion, or correction

Comments feed

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]