Add date text script


Skip navigation.

Site search

Site navigation

Details and download

Add date text script

This script can insert text or HTML inside or beside any element, depending on when the element was created. A typical use of this would be to show "New" beside links that were created within the last few days. However, it extends this idea so that you can add content to a range of ages, for example, only to elements that were created between 5 and 10 days ago.

Note: if you have access to server side scripting, this script is better done using a server side script. However, this script is naturally accessible, so if you do not have access to server side scripting, you can use this script and keep a clean conscience.

It is a fully DOM based script, so as well as working with regular HTML, it will also work with XHTML documents served with the XHTML content type header. In non-DOM browsers, it falls back to showing a tooltip with the creation date. By being a DOM based script, it helps keep your document clean, so there is no need to litter it with a script call every time you want to create a 'NEW' image. It runs through the elements for you, and checks which ones need the extra content.

It is a flexible script with several options:

To download the script(s), see the script license, and check details like browser compatibility, use the links on the navigation panel at the top of this page.


In this demonstration, the script will add a 'NEW' image into the end of all links created in the last 5 days, and it will add the words 'Not so new' before every link that is between 5 and 10 days old.

Code used in the demonstration:

<script type="text/javascript">
window.onload = function () {

	var foo = document.createElement('img');
	foo.setAttribute('alt','New'); = '5px';

	addDateText(5,10,document.getElementsByTagName('a'),0,'Not so new ');

This site was created by Mark "Tarquin" Wilton-Jones.
Don't click this link unless you want to be banned from our site.