Upload
nicholas-watts
View
215
Download
2
Embed Size (px)
Citation preview
Processing using XML(hierarchy data structure)
Please use speaker notes for additional information!
<?xml version="1.0" ?><!-- Data for BCC Departments --><bcc> <department> <deptname>Computer Information Systems</deptname> <optiontype> <typename>Career</typename> <option> <optionname>Programming</optionname> <optionadv>Grocer</optionadv> </option> <option> <optionname>Webmaster</optionname> <optionadv>Grocer</optionadv> </option> <option> <optionname>Networking</optionname> <optionadv>Arruda</optionadv> </option> <option> <optionname>Business Information</optionname> <optionadv>Grocer</optionadv> </option> <option> <optionname>Multimedia/Internet</optionname> <optionadv>Vieira</optionadv> </option> </optiontype> <optiontype> <typename>Transfer</typename> <option> <optionname>Computer Science</optionname> <optionadv>Ferreira</optionadv> </option>
<option> <optionname>Information Systems</optionname> <optionadv>Grocer</optionadv> </option> </optiontype> </department> <department> <deptname>Business</deptname> <optiontype> <typename>Career</typename> <option> <optionname>Accounting</optionname> <optionadv>Garand</optionadv> </option> <option> <optionname>Marketing Management</optionname> <optionadv>Leonard</optionadv> </option> <option> <optionname>Retail Management</optionname> <optionadv>Dickens</optionadv> </option> </optiontype> <optiontype> <typename>Transfer</typename> <option> <optionname>Business Administration</optionname> <optionadv>Leonard</optionadv> </option> </optiontype> </department></bcc>
bcc
department
optiontype
option
<html><head><title>BCC Departments</title><style>body { background:beige; }#Page_Header { font-style:bold; font-size: 26pt; text-align:center; color:brown; }#Sub_Header { font-style:bold; font-size: 22pt; text-align:center; color:brown; }#List_Header { font-size:16pt; color:brown; border-bottom: solid 1 brown; }#Dept_Minor { font-size:16pt; color:brown; }
Later in the program when id is set to List_Header, we see the style that we setup here:
<p id="List_Header">Department Option List</p>
table { color:brown; }.fortable { border:solid thick brown; width:400pt; }.forcell { border:solid thin brown; text-align:center; width:200pt; }.forheader { border:solid thick brown; text-align:left; width:200pt; font-size:14pt; background:brown; color:beige; font-style:bold; }.forbutton { color:beige; background:brown; }</style>
The button uses the class defined here as .forbutton:
<button class="forbutton"
<body><xml id="Dept_Data" src="bccoptions.xml"></xml><p id="Page_Header">Bristol Community College</p><p id="Sub_Header">777 Elsbree Street<br>Fall River, MA</p><p id="List_Header">Department Option List</p><span id="Dept_Minor" datasrc="#Dept_Data" datafld="deptname"></span><br/><br/>
Span can be used to bind data - in this case I am binding the data from Dept_Data, specifically deptname and therefore displaying it.
This ties Dept_Data to the physical data bccoptions.xml.
<table class="fortable" datasrc="#Dept_Data" datafld="optiontype"> <tr> <td><span class="forheader" datafld="typename"></span></td> <td class="forheader">Advisor</td> </tr> <tr> <td><table datasrc="#Dept_Data" datafld="option"> <tr> <td><span class="forcell" datafld="optionname"></span> </td> </tr></table></td> <td><table datasrc="#Dept_Data" datafld="option"> <tr> <td><span class="forcell" datafld="optionadv"></span> </td> </tr></table></td> </tr></table>
<br /><br /> <button class="forbutton" onClick="Dept_Data.recordset.moveNext(); if (Dept_Data.recordset.BOF)Dept_Data.recordset.moveFirst()"> Next Department </button></body></html>