Question
DW CS3 with Spry Video Workshop Tutorials
Hi
Has anyone else has attempted to go thru the Video Workshop tutorials for using Spry with DW CS3 Trial version?
I am trying to learn how to use Spry and have gone thru the Using Spry Framework for Ajax by Joseph Lowery. The problem I have is that the example demonstrated in the tutorial simply does not work as advertised in the video presentation (at least not using my copy of DW CS3 Trial download). Getting exasperated I decided to follow step by step the process in the accompanying HTML version of the exersize only to discover glaring errors in the text of the exersize - (Steps 9 and 10 have NOTHING to do with the example - but thats beside to point here).
Here is what I have done so far:
1. I downloaded the zip file with the code for the tutorials, created a DW local development copy and uploaded the files to the testing server. The "testing server" is Apache on my XP Pro SP2 system.
2. In the root directory of the sample site used ion the tutorial has a number of files which can be used as a starting point for the tutorials. I have selected a file called 05_ajax_spry.htm and followed the steps in the tutorial to create the Master / Detail regions and the Master data table.
3. At the completion of the exersize I should be able to perform the following:
3. Neither of these work - The only thing that does work is:
- The Master Region Table gets created OK as does the Detail Region
- When I browse over the data in the Master Region each separate row gets highlighted
- Onlky the first detail image and detail description are displayed in the Detail Region and they never change when I click on a row in the Master Region.
4. Now, I have gone thru the process several times in the belief that I must have missed something - but so far I cant pinpoint what that could be.
So, I decided to have a look at the next example which applies an Accordian Widget to the page. This example is based on another file in the root of the tutorial site called http://beta/dwcs3spry/06_spry_widgets.htm. This file essentially starts off where the previously worked on exersize finishes. Upon examining the code of this file I noted a difference in the Spry code applied to the table rows in the Master Region. The code for the Master table in each example is:
05_ajax_spry.htm after completion of the exersize:
<table id="events">
<tr>
<th spry:sort="name">Name</th>
<th spry:sort="location">Location</th>
</tr>
<tr spry:repeat="dsEvents" spry:setrow="dsEvents" spry:hover="rowHover" spry:select="rowSelected">
<td>{name}<br />
{date}</td>
<td valign="top">{location}</td>
</tr>
</table>
06_spry_widgets.htm - untouched or edited in the associated exersize:
<table id="events">
<tr>
<th onclick="dsEvents.sort('name','toggle')">Name</th>
<th onclick="dsEvents.sort('location','toggle')">Location</th>
</tr>
<tr spry:repeat="dsEvents" onclick="dsEvents.setCurrentRow('{ds_RowID}');" spry:hover="rowHover" spry:select="rowSelected">
<td class="eventNameTD">{name}<br />
{date}</td>
<td class="locationTD">{location}</td>
</tr>
</table>
Note the onclick events in the latter version.
I guess my question is "How do I get these onclicks in place using DWCS3's" wizards ?" - I am using the Trial version of DW CS3. And, I note when I checked the code for the SpryData.js that it is Version 1.3. This i is the SpryData.js file that is included in the downloaded zip file for the DW CS3 Video Workshop Spry tutorials.
Many thanks.
Has anyone else has attempted to go thru the Video Workshop tutorials for using Spry with DW CS3 Trial version?
I am trying to learn how to use Spry and have gone thru the Using Spry Framework for Ajax by Joseph Lowery. The problem I have is that the example demonstrated in the tutorial simply does not work as advertised in the video presentation (at least not using my copy of DW CS3 Trial download). Getting exasperated I decided to follow step by step the process in the accompanying HTML version of the exersize only to discover glaring errors in the text of the exersize - (Steps 9 and 10 have NOTHING to do with the example - but thats beside to point here).
Here is what I have done so far:
1. I downloaded the zip file with the code for the tutorials, created a DW local development copy and uploaded the files to the testing server. The "testing server" is Apache on my XP Pro SP2 system.
2. In the root directory of the sample site used ion the tutorial has a number of files which can be used as a starting point for the tutorials. I have selected a file called 05_ajax_spry.htm and followed the steps in the tutorial to create the Master / Detail regions and the Master data table.
3. At the completion of the exersize I should be able to perform the following:
Sort either of the two columns in the
Master Region's Table
click on a data row in the master
table and observe the correct image and description forthat row in
the Detail Region.
3. Neither of these work - The only thing that does work is:
- The Master Region Table gets created OK as does the Detail Region
- When I browse over the data in the Master Region each separate row gets highlighted
- Onlky the first detail image and detail description are displayed in the Detail Region and they never change when I click on a row in the Master Region.
4. Now, I have gone thru the process several times in the belief that I must have missed something - but so far I cant pinpoint what that could be.
So, I decided to have a look at the next example which applies an Accordian Widget to the page. This example is based on another file in the root of the tutorial site called http://beta/dwcs3spry/06_spry_widgets.htm. This file essentially starts off where the previously worked on exersize finishes. Upon examining the code of this file I noted a difference in the Spry code applied to the table rows in the Master Region. The code for the Master table in each example is:
05_ajax_spry.htm after completion of the exersize:
<table id="events">
<tr>
<th spry:sort="name">Name</th>
<th spry:sort="location">Location</th>
</tr>
<tr spry:repeat="dsEvents" spry:setrow="dsEvents" spry:hover="rowHover" spry:select="rowSelected">
<td>{name}<br />
{date}</td>
<td valign="top">{location}</td>
</tr>
</table>
06_spry_widgets.htm - untouched or edited in the associated exersize:
<table id="events">
<tr>
<th onclick="dsEvents.sort('name','toggle')">Name</th>
<th onclick="dsEvents.sort('location','toggle')">Location</th>
</tr>
<tr spry:repeat="dsEvents" onclick="dsEvents.setCurrentRow('{ds_RowID}');" spry:hover="rowHover" spry:select="rowSelected">
<td class="eventNameTD">{name}<br />
{date}</td>
<td class="locationTD">{location}</td>
</tr>
</table>
Note the onclick events in the latter version.
I guess my question is "How do I get these onclicks in place using DWCS3's" wizards ?" - I am using the Trial version of DW CS3. And, I note when I checked the code for the SpryData.js that it is Version 1.3. This i is the SpryData.js file that is included in the downloaded zip file for the DW CS3 Video Workshop Spry tutorials.
Many thanks.
