• Reported by Alessandro

While preparing a series of articles on CSS layouts, I felt the need of a simpler way than editing the markup to fill up page elements to test them. So I developed a very short script that I find very handy, and I'd like to present here.

Basically the script appends on demand a filler text through functional links added via javascript... but it's easier to see than explain, so here it goes the example page I prepared.

The script is quite short, almost DOM-based and most of all unobtrousive. For its usage no javascript knowledge and no modification are necessary. If you look at the HTML of the example page there are just few lines in the head section that enable a filler text on demand, as is:

<script type="text/javascript" src="ftod.js"></script>
<script type="text/javascript">
window.onload=function(){
    AddFillerLink("content","navigation");
    }
</script>

In order to use the filler script, simply copy the script in the same folder of the pages you want to test and paste the above lines in the head section. The only part that probably you'd want to change are the sections to fill, wich are identified by id attribute in the markup and in the case of the above code are in bold. Any number of IDs is accepted, just be sure to put them between quotes and separate them by commas and you've done.