Having a bit of a moment and need some direction. I've got an xml feed that i've been playing around with as practice.

 

At the moment it's displaying everything in one long list and I want to have it spread accross how ever many pages it needs. say 15 items per page.

 

 

Here's what i've got (it may take a while to load). http://www.fastestfurniture.com/xmltest/XMLsprytest.html

I'm figuring out the functionality so there's no styling what so ever.

Are you working on it right now?

It keeps crashing my browser?

no, doing some artwork for something else. Its trying to load the whole xml list, about 1000 items or something like that.

 

Heres the source

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<script src="SpryAssets/xpath.js" type="text/javascript"></script>

<script src="SpryAssets/SpryData.js" type="text/javascript"></script>

<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

<!--

var ds1 = new Spry.Data.XMLDataSet("Waterstones_2.xml", "products/product", {sortOnLoad: "name", sortOrderOnLoad: "ascending"});

//-->

</script>

</head>

 

<body>

<div class="MasterDetail" ice:editable="*">

 

<div spry:region="ds1" class="MasterContainer">

<div class="MasterColumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{name}<br />

<img src="{imageUrl}" alt="image" align="middle" /></div>

</div>

<div class="DetailContainer" id="maindesc" spry:detailregion="ds1">

<div class="DetailColumn">

<h3>{name}</h3>

</div>

 

<div class="DetailColumn"><img src="{imageUrl}" alt="image" align="middle" /></div>

<div class="DetailColumn">{description}</div>

<div class="DetailColumn"><strong>£{price}</strong></div>

<div class="DetailColumn"><a href="{productUrl}">Buy now</a></div>

</div>

<br style="clear:both" />

</div>

</body>

 

</html>