Function of detailed area of the Spry in Dreamweaver CS3

In Dreamweaver CS3 compositive we know Spry function, the function that Spry has pair of XML data processing we also experience passes, appear to see rarely to the detailed area function of Spry nevertheless.

Spry detailed area is similar to news system a bit medium news list page and advocate the function of detailed page. When for instance we watch news, among them a page can show the caption of all news only, should open a new webpage to this caption can be being clicked when this caption is interested, can examine the entire content of this news. So we call the page that shows all caption list " homepage " , and the page that shows specific news content is called " detailed page " .

Very apparent, this advocate detailed page most at least must be two pages. And the Spry detailed area that we use is OK show on a piece of webpage, and be do not have refresh.

　 One, build a webpage, bind decide Spry XML data set


Open in the webpage [insert] face plate, click [Spry] below label [Spry XML data set]

2, choose XML data source


Play piece [Spry XML data set] dialog box, [XML source] can be the XML data below this locality catalog, also can be the long-range XML data that crosses region.

Click [get a framework] pushbutton is in [travel element] the element repeats valuably in XML data choosing in list casing, choose namely here " Item " element (mark top right corner has + number expresses to circulate many) .

If P.S makes the page of real XML data group, still can choose [ban with XML data cache] , the time that chooses automatic refresh data with obtaining long-range data synchronism automatically.

3, insert Spry watch, data of indication Spry XML is in page

Click [insert] face plate [Spry] below label [Spry is expressed] pushbutton, play the dialog box lieutenant general that give not to need to show [row] undertake deleting.

A very main operation must choose to click namely will use when travel " update " detailed area.

[affirmatory] insert Spry watch, clew needs to insert Spry section. Because all Spry XML data must be in Spry area,ability shows.

　　 4, insert Spry detailed section

Above all, mouse cursor stays in had inserted in the page " Spry is expressed " later, continue to click [insert] face plate [Spry] below label [Spry area] pushbutton.

In shooting the dialog box that give [type] must choose to be " detailed area " just expressing is Spry detailed area currently.

5, will " detailed content " insert Spry detailed section

Mouse cursor stays inside Spry detailed area, open [bind calm] face plate, choice " Description " element [insert] in Spry detailed area.

Save a webpage to be able to hint we save Spry effect file, along with wants when remembering uploading these files upload together.


　 6, preview the effect

Cross region to show long-range XML data, click every caption to be able to not have refresh to open content to examine in current page at the same time, very good.