Buttons on a form can be programmed to move an element around the screen. This can be done using the CSS style elements left, right, top and bottom or posTop and posLeft.
The Javascript for this is:
function up()
{document.all.item("gnu",0).style.posTop -=5;}
This is repeated for each function: down(), left() and right(). The form consists of four buttons, each of which calls the respective function.
The home page of the ICT Department was implemented with a range of techniques. This page demonstrates how drop-down menus can be created from Dynamic HTML and Javascript. First of all some arrays are declared:
var generalMenuItems = new Array(
["AboutICT", "aboutit.htm", "About ICT"],
["WorkSpaceExplorer", "using_work_space_explorer.htm",
"Work Space Explorer"],
["WebSpaceExplorer", "using_web_space_explorer.htm",
"Web Space Explorer"],
["Quiz", "../../quiz/mts_quiz_pages.htm", "Quiz
Pages"]);
There is a new array for each menu item. Note the round brackets around the array, the commas between elements, the semi-colon to close the array and the square brackets around each element.
Each element in the array has three parts, the name of the menu, the file to be loaded and the text to be displayed in the menu.