Javascript Tutorials

JavaScript Zone

Thompp Nation > JS Zone > JS Scripts > Item Of the Day Tutorial

Menu

Bookmark This Page

Introduction
Pre-requisites
Installation

14. Item Of the Day JavaScript

Introduction

Links

Thompp's Javascripts Index

Thompp nation Home Page

This script allows you to show your site visitors an "item of the day" at random. A very brief description can be included, plus a thumbprint and link to a larger image.

There are also hyperlinks to the item in question, and also to select the next link or one at random.

The items are stored in a table within the Javascript (see below) making the list of items easy to maintain.

Item of the Day Demonstration

Pre-requisites

there are no pre-requisites for this tutorial

Installation

Update your html page - add the following code as indicated:

1/2. Add the following code to the <head> part of the page: =========================================================== <! -- script for Link of the Day -- !> <script language="JavaScript">  </script> 2/2. then insert the following html into the body of the html page for the navigation links: ============================================================================================ <! -- Item of the Day -- !> <br> <table width=100% bgcolor="#c0c0c0" border=1><tr><td width=100%> <Span Id="itxt" style="position:relative;top:1px;padding:5px 5px 5px 5px;font-family:Arial;font-size:10pt;width:100%;overflow:auto;height:150px"> </Span> </table> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Page last updated 8th August 2002