I have an exercise where the radio button is used to toggle back and forth between Cabinet Refrigerators and Freestanding Refrigerators. The document should first display only the Cabinet Refrigerators and then I toggle to the Freestanding Refrigerators. I can not get this function to work. The way the questions read are;
1) Edit the Cabinet Refrigerators radio button so that it displays the first record in the Refr_Info2 data island.
2) Edit the Freestanding Refrigerators radio button so that it displays the last record in the Refr_Info2 data island.
If you need the XML data files contact me (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) and I will forward them to you.
The following is the html document.
<html>
<head>
<title>Freezing Point Refrigerators</title>
<style>
body {background-color:rgb(255,255,192)}
#Page_Data {float:left; width:290; padding:5px}
#Page_Title {font-family:Arial, Helvetica, sans-serif;font-size:24pt;font-weight:bold;
color:green}
#Page_Subtitle {font-family:Arial, Helvetica, sans-serif; font-style:italic; color:green;
border-bottom: solid 1 brown}
#Page_Text {color:brown}
#Page_Author {color:brown; border-bottom:solid 1 brown;margin-bottom:20px; padding-bottom:10px}
#DName {color:green; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
a {color:green}
.colhead {font-family:Arial, Helvetica, sans-serif; color:white;font-size:8pt;font-weight:normal}
.celltext {font-size:8pt}
</style>
</head>
<body>
<xml id="Sinfo" src=http://www.webdeveloper.com/forum/archive/index.php/"SInfo.xml"></xml>
<xml id="Ref_Info2" src="Refg1.xml"></xml>
<div id="Page_Data">
<div id="Page_Title" datasrc="#SInfo" datafld="Title">Page Title</div>
<div id="Page_Subtitle" datasrc="#Sinfo" datafld="Subtitle"></div>
<div id="Page_Text" datasrc="#Sinfo" datafld="Purpose"></div>
<div id="Page_Author">For more information, contact:
<a datasrc="#Sinfo" datafld="Author_Email">
<span datasrc="#Sinfo" datafld="Aurhor">Author</span>
</a>.
</div>
View:<br>
<input type="radio" name="model_type" value="Cabinet" checked onclick="Inventory.firstPage()">
Cabinet Refrigerators<br>
<input type="radio" name="model_type" value="Freestanding" onclick="Inventory.lastPage()">
Freestanding Refrigerators
</div>
<center>
<span id="DName" datasrc="#Ref_Info2" datafld="MType"></span><br>
</center>
<table id="Inventory" datasrc="#Ref_Info2" width="460" border="1">
<thead>
<th bgcolor="green" width="150" align="center"><span class="colhead">Product</span></th>
<th bgcolor="green" width="80" align="center"><span class="colhead">Capacity/Dimensions</span></th>
<th bgcolor="green" wdith="30" align="center"><span class="colhead">Energy Efficient</span></th>
<th bgcolor="green" width="50" align="center"><span class="colhead">Freezer</span></th>
</thead>
<tr><td align="center" bgcolor="white" width="150">
<img datafld="Photo" width="70" height="74"><br>
<span class="celltext" datafld="Name"></span>
(<span class="celltext" datafld="Price"></span>)
</td>
<td valign="top" bgcolor="white" align="center">
<span class="celltext" datafld="Capacity"></span><br>
<span class="celltext" datafld="Dimensions"></span>
</td>
<td valign="top" bgcolor="white" align="center">
<span class="celltext" datafld="Energy"></span>
</td>
<td valign="top" align="center" bgcolor="white">
<span class="celltext" datafld="Freezer"></span>
</td>
</tr>
</table>
</body>
</html>
Thanks
Desmond
1) Edit the Cabinet Refrigerators radio button so that it displays the first record in the Refr_Info2 data island.
2) Edit the Freestanding Refrigerators radio button so that it displays the last record in the Refr_Info2 data island.
If you need the XML data files contact me (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) and I will forward them to you.
The following is the html document.
<html>
<head>
<title>Freezing Point Refrigerators</title>
<style>
body {background-color:rgb(255,255,192)}
#Page_Data {float:left; width:290; padding:5px}
#Page_Title {font-family:Arial, Helvetica, sans-serif;font-size:24pt;font-weight:bold;
color:green}
#Page_Subtitle {font-family:Arial, Helvetica, sans-serif; font-style:italic; color:green;
border-bottom: solid 1 brown}
#Page_Text {color:brown}
#Page_Author {color:brown; border-bottom:solid 1 brown;margin-bottom:20px; padding-bottom:10px}
#DName {color:green; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
a {color:green}
.colhead {font-family:Arial, Helvetica, sans-serif; color:white;font-size:8pt;font-weight:normal}
.celltext {font-size:8pt}
</style>
</head>
<body>
<xml id="Sinfo" src=http://www.webdeveloper.com/forum/archive/index.php/"SInfo.xml"></xml>
<xml id="Ref_Info2" src="Refg1.xml"></xml>
<div id="Page_Data">
<div id="Page_Title" datasrc="#SInfo" datafld="Title">Page Title</div>
<div id="Page_Subtitle" datasrc="#Sinfo" datafld="Subtitle"></div>
<div id="Page_Text" datasrc="#Sinfo" datafld="Purpose"></div>
<div id="Page_Author">For more information, contact:
<a datasrc="#Sinfo" datafld="Author_Email">
<span datasrc="#Sinfo" datafld="Aurhor">Author</span>
</a>.
</div>
View:<br>
<input type="radio" name="model_type" value="Cabinet" checked onclick="Inventory.firstPage()">
Cabinet Refrigerators<br>
<input type="radio" name="model_type" value="Freestanding" onclick="Inventory.lastPage()">
Freestanding Refrigerators
</div>
<center>
<span id="DName" datasrc="#Ref_Info2" datafld="MType"></span><br>
</center>
<table id="Inventory" datasrc="#Ref_Info2" width="460" border="1">
<thead>
<th bgcolor="green" width="150" align="center"><span class="colhead">Product</span></th>
<th bgcolor="green" width="80" align="center"><span class="colhead">Capacity/Dimensions</span></th>
<th bgcolor="green" wdith="30" align="center"><span class="colhead">Energy Efficient</span></th>
<th bgcolor="green" width="50" align="center"><span class="colhead">Freezer</span></th>
</thead>
<tr><td align="center" bgcolor="white" width="150">
<img datafld="Photo" width="70" height="74"><br>
<span class="celltext" datafld="Name"></span>
(<span class="celltext" datafld="Price"></span>)
</td>
<td valign="top" bgcolor="white" align="center">
<span class="celltext" datafld="Capacity"></span><br>
<span class="celltext" datafld="Dimensions"></span>
</td>
<td valign="top" bgcolor="white" align="center">
<span class="celltext" datafld="Energy"></span>
</td>
<td valign="top" align="center" bgcolor="white">
<span class="celltext" datafld="Freezer"></span>
</td>
</tr>
</table>
</body>
</html>
Thanks
Desmond