DW CS3 with Spry Video Workshop Tutorials

Question

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:
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.

Answer 1

OK - I got it sorted. I created a new site which is a copy of
the tutorial except that I included a new folder for the Spry
Assets so that when I added the Spry stuff DW CS3 loaded the v1.4
files into the new folder for the Spry files instead of using the
pre-existing files supplied in the tutorial - and it works as
advertised.
This may help someone else who comes across a similar problem
when using the Video Workshop files.
Although the video tutorials provide an intro into using DW
CS3 it is a pity that the tradition estalished by Macromedia of
including excellent tutorials WITH Dreamweaver have been dropped
now that Adobe has control. Those examples provided in the supplied
tutorials were excellent and would be nice to have back. They
certainly covered more ground than the pityful Help now included
with DW CS3 and the current poor examples in the Video Workshops.
Perhaps Adobe could improve the level of Quality Control on the
Video Workshops and expand the scope of the tutorials it could
improve things. This release of DW is a poor showing for Adobe
after the take-over. I just hope it gets better with the next
release - soon.