<html>

 

<head>

<!-- ####################### start copying the HEAD code(DMA) here ####################### -->

<script language="javascript">

<!--//

//new Option("text","value")

//this code changes menus

 

 

 

function nullOptionsDMA(aMenu){

var tot=aMenu.options.length

for (i=0;i<tot;i++)

{

aMenu.options[i]=null

}

aMenu.options.length=0;

}

 

function MySubjectDMA0(aMenu){

nullOptionsDMA(aMenu)

 

with (aMenu){

 

//Rewrites the text and values

options[0]=new Option("Select a page","none");

options[1]=new Option("What's in a name - Anchors","../HTMLGuide/anchors.htm");

options[2]=new Option("Background Images - Ken Ward's HTML Tutorial","../HTMLGuide/background_images.htm");

options[3]=new Option("Formatting - HTML Tutorial","../HTMLGuide/Bold.htm");

options[4]=new Option("Form Components - HTML Guide - Buttons, Text Area, Action, etc","../HTMLGuide/buttons.htm");

options[5]=new Option("Aligning Table Cells","../HTMLGuide/CellProperties.htm");

options[6]=new Option("HTML Colour names","../HTMLGuide/ColChart.htm");

options[7]=new Option("HTML Colour names","../HTMLGuide/ColChartBeingWorkedOn.htm");

options[8]=new Option("HTML Comments","../HTMLGuide/Comments.htm");

options[9]=new Option("Contents of HTML Tutorial.","../HTMLGuide/Contents.htm");

options[10]=new Option("Default Target Code","../HTMLGuide/DefaultTargetCode.htm");

options[11]=new Option("Paragraphs - the P Tag!","../HTMLGuide/ExParagraph.htm");

options[12]=new Option("The Font Tag","../HTMLGuide/font.htm");

options[13]=new Option("Foreground Colour (Example Page)","../HTMLGuide/forground_colour.htm");

options[14]=new Option("Posting a form","../HTMLGuide/form-post.htm");

options[15]=new Option("Forms","../HTMLGuide/forms.htm");

options[16]=new Option("Menus in Forms","../HTMLGuide/FormSelect.htm");

options[17]=new Option("Page Testing Special Targets","../HTMLGuide/frameIndx.htm");

options[18]=new Option("Frame Testing Special Targets","../HTMLGuide/FrameParenttype.htm");

options[19]=new Option("Let's Get Framed HTML Tutorial","../HTMLGuide/frames1.htm");

options[20]=new Option("HTML Tutorial - Frames Code","../HTMLGuide/frames2.htm");

options[21]=new Option("Frame Page Split in Two Columns","../HTMLGuide/frames2colls.htm");

options[22]=new Option("HTML Code for 2 Columns","../HTMLGuide/frames2collsCode.htm");

options[23]=new Option("2 Rows Example","../HTMLGuide/frames2Frames.htm");

options[24]=new Option("Frame Split in Two Rows","../HTMLGuide/frames2rows.htm");

options[25]=new Option("Rows and Columns in Frames","../HTMLGuide/frames3.htm");

options[26]=new Option("Caught in frames","../HTMLGuide/framesCaught.htm");

options[27]=new Option("Frames Dividing into Columns First","../HTMLGuide/framesColFirst.htm");

options[28]=new Option("Rows and Columns Frame Page","../HTMLGuide/framesFColsRows.htm");

options[29]=new Option("No Frames Frame Page","../HTMLGuide/framesFNoFrames.htm");

options[30]=new Option("HTML Tutorial Frames - Intro","../HTMLGuide/framesFrame.htm");

options[31]=new Option("Frames The Columns First","../HTMLGuide/framesFrame1.htm");

options[32]=new Option("Frames Hyperlinks","../HTMLGuide/framesHyperlinks.htm");

options[33]=new Option("Frameset","../HTMLGuide/frames-simple1.htm");

options[34]=new Option("The frames in a frameset","../HTMLGuide/frames-simple2.htm");

options[35]=new Option("HTML Frames: Columns in Rows","../HTMLGuide/frames-simple3.htm");

options[36]=new Option("Headings","../HTMLGuide/Headings.htm");

options[37]=new Option("Horizontal Rules","../HTMLGuide/horizontal_rules.htm");

options[38]=new Option("HTML Tutorial - Words and Definitions","../HTMLGuide/HTMLWords.htm");

options[39]=new Option("Hypertext Links","../HTMLGuide/hypertext_links.htm");

options[40]=new Option("Iframes","../HTMLGuide/iframes.htm");

options[41]=new Option("Iframes2: opening pages in an iframe from a drop-down menu","../HTMLGuide/iframes2.htm");

options[42]=new Option("Iframes3 - Opening a link in one iframe in another iframe","../HTMLGuide/iframes3.htm");

options[43]=new Option("Image Alignment","../HTMLGuide/ImageAlignment.htm");

options[44]=new Option("Image Maps","../HTMLGuide/imageArea.htm");

options[45]=new Option("Images with Links","../HTMLGuide/ImageHyperlink.htm");

options[46]=new Option("HTML Tutorial In-line Images","../HTMLGuide/images.htm");

options[47]=new Option("HTML Tutorial Contents - many pages!","../HTMLGuide/index.html");

options[48]=new Option("How to Make Web Pages Using HTML","../HTMLGuide/introHTML.htm");

options[49]=new Option("Lists in HTML","../HTMLGuide/Lists.htm");

options[50]=new Option("Page to Return you to Meta Tags","../HTMLGuide/metaRefresh.htm");

options[51]=new Option("Meta Tags","../HTMLGuide/metaTags.htm");

options[52]=new Option("MyMenuPage","../HTMLGuide/MyMenuPage.htm");

options[53]=new Option("Navigation in HTML Pages","../HTMLGuide/navigation.htm");

options[54]=new Option("No Frames Code for Basic Frame Page","../HTMLGuide/noframes.htm");

options[55]=new Option("No Frames Tag","../HTMLGuide/noframesSeen.htm");

options[56]=new Option("Page Colour","../HTMLGuide/PageColour.htm");

options[57]=new Option("Table Illustrating Colspan and Rowspan","../HTMLGuide/RowAnd ColSpans.htm");

options[58]=new Option("Table Illustrating Colspan and Rowspan","../HTMLGuide/RowAndColSpans.htm");

options[59]=new Option("Search Engine Problems","../HTMLGuide/SearchEngines.htm");

options[60]=new Option("Tables as seen by Search Engines","../HTMLGuide/SearchEngineSees.htm");

options[61]=new Option("Special Characters","../HTMLGuide/specialCharacters.htm");

options[62]=new Option("Special Characters 2","../HTMLGuide/specialCharacters2.htm");

options[63]=new Option("Special Characters 3","../HTMLGuide/specialcharacters3.htm");

options[64]=new Option("Special Characters 8000 numbers","../HTMLGuide/specialcharacters8000.htm");

options[65]=new Option("Doing it with Style!&gt;","../HTMLGuide/Style.htm");

options[66]=new Option("Table Cell Padding","../HTMLGuide/TableCellPadding.htm");

options[67]=new Option("HTML Tables","../HTMLGuide/tables.htm");

options[68]=new Option("More HTML Table Properties","../HTMLGuide/tables2.htm");

options[69]=new Option("Difference between top and parent","../HTMLGuide/TopParent.htm");

options[70]=new Option("Uniform Resource Locators, URLs","../HTMLGuide/urls.htm");

options[71]=new Option("Microcontent - Making Headings, Titles, and Subheads clear","../HTMLGuide/Writing.htm");

options[0].selected=true

 

 

}

}

function MySubjectDMA1(aMenu){

nullOptionsDMA(aMenu)

 

with (aMenu){

 

//Rewrites the text and values

options[0]=new Option("Select a page","none");

options[1]=new Option("Onload and OnUnload Alerts","alertOnLoad.htm");

options[2]=new Option("Prompts for Input","alertPrompts.htm");

options[3]=new Option("Alerts","alerts.htm");

options[4]=new Option("Creating image buttons","alertsImages.htm");

options[5]=new Option("Text Alerts","alertsText.htm");

options[6]=new Option("Two Dimensional Arrays in JavaScript","Array2D.htm");

options[7]=new Option("Menus with Text Descriptions","ArrayText.htm");

options[8]=new Option("Menus with Text Descriptions","ArrayText2.htm");

options[9]=new Option("Image Descriptions","ArrayTextImage.htm");

options[10]=new Option("Using an array to write your table of contents","ArrayToContents.htm");

options[11]=new Option("A copy of the file: ArrayToCotents.js","ArrayToContentsJSFile.htm");

options[12]=new Option("Back and Forward Buttons","BackForward.htm");

options[13]=new Option("Back Forward Buttons 2","BackForwardNew.htm");

options[14]=new Option("Code for the new back-forward buttons","BackForwardNewCode.htm");

options[15]=new Option("Back and forward using simple code","BackForwardSimple.htm");

options[16]=new Option("Table of Contents - produced on the fly by JavaScript","contentsByJavaScript.htm");

options[17]=new Option("How to use cookies in JavaScript","cookie1.htm");

options[18]=new Option("More on setting JavaScript cookies","cookie2.htm");

options[19]=new Option("Getting information from JavaScript cookies","cookie3.htm");

options[20]=new Option("Using cookies to remember the user's name","cookie4.htm");

options[21]=new Option("Allowing the user to change the name stored in cookies","cookie5.htm");

options[22]=new Option("Telling users how many times they have visited the page. ","cookie6.htm");

options[23]=new Option("Writing with Java Script","documentWrite.htm");

options[24]=new Option("Writing where you like","documentWrite2.htm");

options[25]=new Option("Writing new text to a page when it loads","docWrite1.htm");

options[26]=new Option("Writing to a new pager after loading (Document.write 2)","docWrite2.htm");

options[27]=new Option("Adding text to a new pager after loading and keeping the original","docWrite3.htm");

options[28]=new Option("Adding text to a new pager after loading and keeping the original","docWrite3a.htm");

options[29]=new Option("Adding the contents of a scrolling text box to the page","docWrite4.htm");

options[30]=new Option("Writing to a new page from a select","docWrite5.htm");

options[31]=new Option("Text Alerts","doing_it_without_a_button.htm");

options[32]=new Option("Double Drop-Down Menu 1","Doublemenu.htm");

options[33]=new Option("Double Drop-Down Menu 2","Doublemenu2.htm");

options[34]=new Option("Hyperlinks in Frames","frameHyperlinks.htm");

options[35]=new Option("Loading orphan frames in their proper parent.","frames_onLoad.htm");

options[36]=new Option("Hyperlinks in Frames - More","FramesHyperlinks2.htm");

options[37]=new Option("free java script editor to help create code.","freeEditor.htm");

options[38]=new Option("Forward and Backwards, using history buttons","history.htm");

options[39]=new Option("Hover Buttons","HoverButtons.htm");

options[40]=new Option("Image Slide Show using JavaScriptImage Slide Show using JavaScript","imageSlideShow.htm");

options[41]=new Option("Images - Preloading","imgpre.htm");

options[42]=new Option("How to do Java Script - tutorial in javascript ","index.html");

options[43]=new Option("Using Buttons in JavaScript","jsButtons.htm");

options[44]=new Option("Getting information from JavaScript cookies","jscookie3.htm");

options[45]=new Option("Download the JavaScript Tutorial now ...","jsDownload.htm");

options[46]=new Option("java script editor to help create code - free download","jsEditorShareware.htm");

options[47]=new Option("java script editor single and multi-user licenses","jsEditorSharewareMultiUser.htm");

options[48]=new Option("Frames in Java Script","jsFrames.htm");

options[49]=new Option("Jump Function","jumpfunction.htm");

options[50]=new Option("Drop-Down Menu usings iffs","menu_iffs.htm");

options[51]=new Option("A Simple Drop Down Menu","menu1.htm");

options[52]=new Option("Menus from Arrays","menuArray.htm");

options[53]=new Option("Menus with Text Descriptions 2","MenuDescriptions.htm");

options[54]=new Option("Menus without Buttons","menuSelectOnChange.htm");

options[55]=new Option("Using a menu to write a menu","menuWrite.htm");

options[56]=new Option("New Image Every Time You Visit the Page - nearly!","newImage.htm");

options[57]=new Option("A JavaScript Search Engine","searchEngine.htm");

options[58]=new Option("Search Engine Using Frames","searchFrame.htm");

options[59]=new Option("A JavaScript Search Engine IFRAMES","searchEngineIFrames.htm");

options[60]=new Option("Using Selects as Menus","searchEngineSelect.htm");

options[61]=new Option("A JavaScript Search Engine Using Frames","searchMain.htm");

options[62]=new Option("The Slide Show - Introduction","slide_show_intro.htm");

options[63]=new Option("A JavaScript slide show using frames","slideShow.htm");

options[64]=new Option("Arrays and HTML Code Slide Show using Frames - 1","slideshow1.htm");

options[65]=new Option("Slide Show using Frames - 2","slideshow2.htm");

options[66]=new Option("Slide Show using Frames - 3","slideshow3.htm");

options[67]=new Option("Slide Show using Frames - 4","slideshow4.htm");

options[68]=new Option("The mystery of time","time1.htm");

options[69]=new Option("JavaScript: Time: the days of the week","time2.htm");

options[70]=new Option("JavaScript: Time: the months","time3.htm");

options[71]=new Option("JavaScript: Time: Days to Christmas","time4.htm");

options[72]=new Option("JavaScript triple drop down menu: setting up the form","tripleMenu.htm");

options[73]=new Option("No title found","tripleMenu.jsback.htm");

options[74]=new Option("JavaScript triple drop down menu 2: Detecting which topic has been selected.","tripleMenu2.htm");

options[75]=new Option("JavaScript triple drop down menu 3: Populating the sujbects' menu","tripleMenu3.htm");

options[76]=new Option("JavaScript triple drop down menu 4: Detecting which subject has been selected","tripleMenu4.htm");

options[77]=new Option("JavaScript triple drop down menu 5: Adding the list of files","tripleMenu5.htm");

options[78]=new Option("JavaScript triple drop down menu 6: simple go menu","tripleMenu6.htm");

options[79]=new Option("Code for the javascript triple drop down menu","tripleMenuCode.htm");

options[80]=new Option("User Information","userInfo.htm");

options[81]=new Option("Creating New Windows","WindowNew.htm");

options[82]=new Option("How to create new windows","WindowNew2.htm");

options[83]=new Option("Creating Windows in Java Script","WindowNewControl.htm");

options[84]=new Option("How to use hyperlinks in new windows","WindowNewHyperlinks.htm");

options[85]=new Option("Example Creating New Windows 2","WindowNewMod2.htm");

options[0].selected=true

 

 

}

}

function MySubjectDMA2(aMenu){

nullOptionsDMA(aMenu)

 

with (aMenu){

 

//Rewrites the text and values

options[0]=new Option("Select a page","none");

options[1]=new Option("Pop-up alert code in java script","../JavaScript2/alertCode.htm");

options[2]=new Option("Java Script Tutorial - Appending Text","../JavaScript2/appendingText.htm");

options[3]=new Option("Java Script Tutorial - Appending Text 2","../JavaScript2/appendingText2.htm");

options[4]=new Option("Simple Arrays in JavaScript","../JavaScript2/array.htm");

options[5]=new Option("Changing background colour (bgColor) in java script","../JavaScript2/changingBgColor.htm");

options[6]=new Option("Changing background colour style backgroundColor instead of bgColor","../JavaScript2/changingBgColor2.htm");

options[7]=new Option("Changing fgColor in java script","../JavaScript2/changingfgColor.htm");

options[8]=new Option("Changing foreground colour in java script with style color instead of fgColor","../JavaScript2/changingfgColor2.htm");

options[9]=new Option("Java Script Tutorial - Strings charAt()","../JavaScript2/charAt.htm");

options[10]=new Option("Java Script Tutorial - Checking for Numbers","../JavaScript2/charAt2.htm");

options[11]=new Option("Confirm messages","../JavaScript2/confirm.htm");

options[12]=new Option("Java Script Tutorial - Deleting Text in a Page","../JavaScript2/deletingText.htm");

options[13]=new Option("Writing with java script","../JavaScript2/documentWrite.htm");

options[14]=new Option("Java Script Tutorial - getElementById","../JavaScript2/getElementByID.htm");

options[15]=new Option("Help!!!","../JavaScript2/help.htm");

options[16]=new Option("If conditions in java script","../JavaScript2/if.htm");

options[17]=new Option("JavaScript Tutorial - A new approach","../JavaScript2/index.html");

options[18]=new Option("Finding a string in a bigger string.","../JavaScript2/indexOf.htm");

options[19]=new Option("Java Script Tutorial - innerHTML","../JavaScript2/innerHTML.htm");

options[20]=new Option("Java Script Tutorial - Inserting Text (Radio buttons) using dhtml","../JavaScript2/insertingText.htm");

options[21]=new Option("JavaScript Tutorial Contents","../JavaScript2/JavaScriptTutorial.htm");

options[22]=new Option("JavaScript Tutorial - Strings lastIndexOf() - Finding the last position of a","../JavaScript2/lastIndexOf.htm");

options[23]=new Option("Location object","../JavaScript2/location.htm");

options[24]=new Option("Java Script Tutorial - Inserting Text","../JavaScript2/modifyingExistingText.htm");

options[25]=new Option("JavaScript: Formatting numbers","../JavaScript2/money.htm");

options[26]=new Option("New lines in java script","../JavaScript2/newLines.htm");

options[27]=new Option("onMouseOver events in java script","../JavaScript2/onMouseOver.htm");

options[28]=new Option("How to know whether java script is working","../JavaScript2/scriptTags.htm");

options[29]=new Option("JavaScript Select Boxes","../JavaScript2/select.htm");

options[30]=new Option("Java Script Tutorial - Using Arrays in a menu","../JavaScript2/selectArray.htm");

options[31]=new Option("JavaScript Tutorial: Here is the code for the function","../JavaScript2/selectArrayCode.htm");

options[32]=new Option("Code for the Select Box","../JavaScript2/selectCode.htm");

options[33]=new Option("Using split","../JavaScript2/split.htm");

options[34]=new Option("Correcting split","../JavaScript2/split_correct.htm");

options[35]=new Option("The status bar","../JavaScript2/status.htm");

options[36]=new Option("Java Script Tutorial - Strings substrings - How to extract a string from a bigger","../JavaScript2/substring.htm");

options[37]=new Option("Doing sums with java script","../JavaScript2/sums.htm");

options[38]=new Option("User input from a text box using java script","../JavaScript2/textBoxInput.htm");

options[0].selected=true

 

 

}

}

function MySubjectDMA3(aMenu){

nullOptionsDMA(aMenu)

 

with (aMenu){

 

//Rewrites the text and values

options[0]=new Option("Select a page","none");

options[1]=new Option("Alignment in Cascading Style Sheets","../StyleSheets/alignment.htm");

options[2]=new Option("Anchors in Cascading Style Sheets","../StyleSheets/anchors.htm");

options[3]=new Option("Bullets","../StyleSheets/bullets.htm");

options[4]=new Option("Class Selectors","../StyleSheets/class.htm");

options[5]=new Option("Creating Style Sheet Files","../StyleSheets/CreatingStyleSheetFiles.htm");

options[6]=new Option("Cursors in CSS","../StyleSheets/cursors.htm");

options[7]=new Option("Declarations","../StyleSheets/declarations.htm");

options[8]=new Option("FONT selector","../StyleSheets/fonts.htm");

options[9]=new Option("Headings","../StyleSheets/headings.htm");

options[10]=new Option("index","../StyleSheets/index.html");

options[11]=new Option("Inheritance","../StyleSheets/inheritance.htm");

options[12]=new Option("More on Selectors","../StyleSheets/more_on_selectors.htm");

options[13]=new Option("Selectors","../StyleSheets/selectors.htm");

options[14]=new Option("Standard Color Names","../StyleSheets/standardColorNames.htm");

options[15]=new Option("What's the use of style sheets?","../StyleSheets/WhatUse.htm");

options[0].selected=true

 

 

}

}

/* ####################### goDM() ####################### */

 

function goDMA(aMenu){

if (aMenu.options.value!="none")

{

location=aMenu.options[aMenu.selectedIndex].value

}

 

}

 

/* ####################### setUp ####################### */

 

function setUpDMA(){

with (document.formDoubleMenuDMA) {

if (menuSubjectsDMA.selectedIndex==0){

menuSubjectsDMA.options[0].selected=true

menuFilesDMA.options[0].selected=true

}

 

if (menuSubjectsDMA.selectedIndex==1)

MySubjectDMA0(menuFilesDMA)

if (menuSubjectsDMA.selectedIndex==2)

MySubjectDMA1(menuFilesDMA)

if (menuSubjectsDMA.selectedIndex==3)

MySubjectDMA2(menuFilesDMA)

if (menuSubjectsDMA.selectedIndex==4)

MySubjectDMA3(menuFilesDMA)

 

}

}

 

/* ####################### changeFiles ####################### */

 

function changeFilesDMA(){

aMenu=document.formDoubleMenuDMA.menuSubjectsDMA

aMenu2=document.formDoubleMenuDMA.menuFilesDMA

with (aMenu){

 

switch (selectedIndex) {

case 0:

aMenu2.options.length=0;

aMenu2.options[0]=

new Option("Pages appear here","none")

aMenu2.options[0].selected=true;

history.go(0)

break

case 1:

MySubjectDMA0(aMenu2)

aMenu2.options[0].text="HTML Subjects"

break

case 2:

MySubjectDMA1(aMenu2)

aMenu2.options[0].text="JavaScript Subjects"

break

case 3:

MySubjectDMA2(aMenu2)

aMenu2.options[0].text="JavaScript 2 Subjects"

break

case 4:

MySubjectDMA3(aMenu2)

aMenu2.options[0].text="Style Sheet Subjects"

break

 

}

}

 

}

//-->

</script>

<!-- ####################### end copying code (DMA) from the HEAD ####################### -->

</head>

<!-- ####################### don't forget to copy the body code! ####################### -->

<body onLoad="setUpDMA()">

 

<!-- ####################### copy the code below to where you want the menu to appear ####################### -->

 

<form name="formDoubleMenuDMA" >

 

<p><font size="2">Select a subject and then a page to go!</FONT>:<br>

 

<!-- This menu holds the subjects-->

<select name="menuSubjectsDMA" onChange="changeFilesDMA()">

<option value="none" >Select a subject

<option value="">HTML

<option value="">JavaScript

<option value="">JavaScript 2

<option value="">Style Sheet

</select>

<!-- this menu holds the files to go-->

<select name="menuFilesDMA" onChange="goDMA(this)" style="width:300">

<option value="none"> Pages appear here

 

 

 

</select>

 

 

 

<p>

 

</form>

<!-- ####################### stop copying the menu code (DMA) here ####################### -->

 

</body>

 

</html>