Defining a spry data set from a url variable
I am developing a family web site that, among other things, uses a single 'recipe' page to display recipes from different xml files as called by a url variable (e.g. ?xmlFile="{url}"&recipeName="{name}") from a summary page. I can get the recipe name to reproduce using a $_GET php function, but I cannot establish the data set that way. How can I define the data set from the incoming URL variable? The necessary files are:
The starting point from which I send the selected URL variable (use the scampi recipe) http://ebogott.com/recipeBox.php.
The file that is generated is http://ebogott.com/recipe.php?XMLfile=GrilledScampiOnAngelHair.xml&recipeName=Grilled%20Sh rimp%20Scampi%20on%20Angel%20Hair%20Pasta
This methodology will allow me a number of cascading selections. I know this is not unique. I just haven't figured it out.
don Carlos de la Playa
don Carlos,
The following shows the strength of the Spry framework. All very easy and simple.
<!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 dsRecipes = new Spry.Data.XMLDataSet("recipes/recipes.xml", "recipes/recipe");
var dsIngredients = new Spry.Data.XMLDataSet("recipes/{dsRecipes::url}", "recipe/ingredients/ingredient");
var dsProcess = new Spry.Data.XMLDataSet("recipes/poultrySoup.xml", "recipe/process/element");
//-->
</script>
</head>
<body>
<div class="MasterDetail">
<div spry:region="dsRecipes" class="MasterContainer">
<div class="MasterColumn" spry:repeat="dsRecipes" spry:setrow="dsRecipes" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{name}</div>
</div>
<div spry:detailregion="dsRecipes dsIngredients dsProcess" class="DetailContainer">
<div class="DetailColumn">{@genre}</div>
<div class="DetailColumn">{@serves}</div>
<div class="DetailColumn">{@time}</div>
<div spry:repeat="dsIngredients">
<div class="DetailColumn">{dsIngredients::qty}</div>
<div class="DetailColumn">{dsIngredients::measure}</div>
<div class="DetailColumn">{dsIngredients::item}</div>
</div>
<div spry:repeat="dsProcess">
<div class="DetailColumn">{dsProcess::element}</div>
</div>
</div>
<br style="clear:both" />
</div>
</body>
</html>
You will have to give a bit of style to the detail region.
I hope this helps.
Ben
Similar Messages
-
Having trouble with page refresh after targeting a spry data set from external url
ok I have a link <a href="als.htm?row=10" (when you click
on Insurance Agent forms button) on my index page
http://www.nmprc.state.nm.us/index.htm
and I finally got it to open the als page (
http://www.nmprc.state.nm.us/als.htm)
with row10 open.......Yeah!!!!!!!!!!!!
but.....
yep....with me there is always a but....
after the page loads from clicking on the button on index,
with row 10 active, it no longer loads correctly by itself.....I go
to the menu and refresh the page by loading the als.htm url fresh,
the page no longer loads right.
var dsAgents = new Spry.Data.XMLDataSet("als.xml",
"agents/agent/name",
{sortOnLoad:"name",sortOrderOnLoad:"ascending"});dsAgents.setColumnType("name",
"html");
var params = Spry.Utils.getLocationParamsAsObject();
//Set an observer so that when the data is loaded, we update
the current row to the url param value
dsAgents.addObserver({ onPostLoad: function(ds, type) {
dsAgents.setCurrentRow(params.row); }
});ok, I changed the code to the below and the page functions as
expected but with 2 errors .......I have no idea how to fix them
the page is
http://www.nmprc.state.nm.us/als.htm
one error is about the code and one is about the menubar
var params = Spry.Utils.getLocationParamsAsObject();
//Set an observer so that when the data is loaded, we update
the current row to the url param value
var defaultRowNumber = 0;
var defaultObserver = {};
defaultObserver.onPostLoad = function(ds, type)
ds.disableNotifications();
ds.setCurrentRowNumber(defaultRowNumber);
ds.enableNotifications();
// This is a one-shot observer. Let this notification
complete
// before removing it from the data set's observer list.
setTimeout(function(){ ds.removeObserver(defaultObserver); },
0);
if (typeof params.row != "undefined")
defaultRowNumber = parseInt(params.row);
dsAgents.addObserver(defaultObserver); -
How do I display a hyperlink in a Spry data set from static xml?
I have a page that should display files available for clients to open and save. The xml works because all info displays, but I get no link. I've tried putting the <a href></a> tag in, but get an 'undefined' . The current iteration gives me the title, but no link except in Opera where I still get undefined. What am I missing here? Here is the XML line in question:
<doc value="docs/MCB_Landfill_II_75_dwgs.pdf">Dwgs</doc>
This worked in another site, but that used xsd and xml docs rather than the spry dataset. Active link below.
Mille Grazie,
Karl
http://bamforth.com/project_docs.htmNever Mind. HTML & XML 101. I put the <a href> tag in the html doc and not the xml. I DID have to add an additional line to separate the name from the file name, but who cares.
See ya, ya'll.
Karl -
Target Spry RowID on page with Multiple data sets from another page
Hi all,
I am trying to target a specific data item, on a page with
multiple data sets, from a link on another page. (I also have to
pass the link through Flash, but lets start with the simple
part...)
You can take a look at the site in progress here:
http://www.3andband.com/TestSite/iframeTest3.html
From the Home page I want to link to specific news or concert
items on the News page
I have been trying to get SpryURLUtils to do it but I can't
seem to get it working.
Any help would be greatly appreciated.
Thanks!
Bendid u try if it even passes the row value?? with a simple
alert? alert(params.row)
Also maby u need to reorder the scripts to this;
<script src="../SpryAssets/SpryURLUtils.js"
type="text/javascript"></script>
<script src="../SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryCollapsiblePanel.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryEffects.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryAccordion.js"
type="text/javascript"></script>
and your js script
var params = Spry.Utils.getLocationParamsAsObject();
var dsConcerts = new
Spry.Data.XMLDataSet("includes/concerts.xml", "Concerts/concert");
dsConcerts.setColumnType("image", "image");
var dsNews = new Spry.Data.XMLDataSet("includes/news.xml",
"News/item");
//Set an observer so that when the data is loaded, we update
the current row to the url param value
dsNews.addObserver({ onPostLoad: function(ds, type) {
dsNews.setCurrentRow(params.row); }
function MM_effectBlind(targetElement, duration, from, to,
toggle)
Spry.Effect.DoBlind(targetElement, {duration: duration,
from: from, to: to, toggle: toggle});
So url params get loaded before the data -
Using Spry Data Set Variable in Recordset
I have a page that contains a spry data set and a recordset. The recordset uses one of the variables from the spry data set to filter its results. how do I apply the spry data set variable to the recordset?
I believe passing this the variable through the URL requires you to update the page, right?
Yes
Is there anyway to grab the spry data set variable direct and apply it to your recordset filter?
The SpryDataSet variable can only be used on the clientside (JavaScript) so you will have to get your recordset using JS.
A page refresh can be set in motion if you add {useCache: false, loadInterval: 500} to your dataset to then set an observer to your dataset to invoke the page refreash function.
Gramps -
Spry Data Sets and CFCs?
So, I've got the Spry Data Set working reading an XML file:
http://brad.melendy.com/projects/ajax/spry/test1.cfm
Which seems to work, the ID column sorts on click, all is
well. The actual
file it is reading is located here:
http://brad.melendy.com/projects/webservice/employee.xml
Then, I have it set to read the same data from my CFC in this
version here:
http://brad.melendy.com/projects/ajax/spry/test2.cfm
This isn't working? But I can see the data when I open the
CFC directly in
my browser like this:
http://brad.melendy.com/projects/flex/DataTest4/employees.cfc?method=FindAll
So finally, here is my code on test2.cfm that isn't working?
<!--- START CODE --->
<script src="../../../SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="../../../SpryAssets/SpryData.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
var ds1 = new
Spry.Data.XMLDataSet("
http://brad.melendy.com/projects/flex/DataTest4/employees.cfc?method=FindAll",
"response/data/row",{sortOnLoad:"id",sortOrderOnLoad:"ascending",distinctOnLoad:true});
//-->
</script>
</head>
<body>
<div spry:region="ds1">
<table>
<tr>
<th spry:sort="id">Id</th>
<th>FirstName</th>
<th>LastName</th>
<th>OfficePhone</th>
</tr>
<tr spry:repeat="ds1" spry:setrow="ds1">
<td>{id}</td>
<td>{firstName}</td>
<td>{lastName}</td>
<td>{officePhone}</td>
</tr>
</table>
<!--- END CODE --->
The two files test1.cfm and test2.cfm are the same except for
the source of
the XMLDataSet which is the static XML document in test1.cfm
and the full
URL to the CFC in test2.cfm.
Thanks for any tips, this is exactly how it is suppose to
work according to
the livedocs but it isn't.
...BradI figured this out, my problem was that although IE was
displaying identical
XML documents from my CFC and employee.xml, the output
produced by the CFC
was not a true xml document. I'm not sure exactly what was
making it fail
to be seen as an xml document, but after updating the code to
use <cfxml>
the document was created properly and then Spry could see the
data and
display it.
"Brad Melendy" <[email protected]> wrote in
message
news:[email protected]...
> So, I've got the Spry Data Set working reading an XML
file:
>
>
http://brad.melendy.com/projects/ajax/spry/test1.cfm
>
> Which seems to work, the ID column sorts on click, all
is well. The
> actual file it is reading is located here:
>
>
http://brad.melendy.com/projects/webservice/employee.xml
>
> Then, I have it set to read the same data from my CFC in
this version
> here:
>
>
http://brad.melendy.com/projects/ajax/spry/test2.cfm
>
> This isn't working? But I can see the data when I open
the CFC directly
> in my browser like this:
>
>
http://brad.melendy.com/projects/flex/DataTest4/employees.cfc?method=FindAll
>
> So finally, here is my code on test2.cfm that isn't
working?
>
> <!--- START CODE --->
> <script src="../../../SpryAssets/xpath.js"
> type="text/javascript"></script>
> <script src="../../../SpryAssets/SpryData.js"
> type="text/javascript"></script>
> <script type="text/javascript">
> <!--
> var ds1 = new
> Spry.Data.XMLDataSet("
http://brad.melendy.com/projects/flex/DataTest4/employees.cfc?method=FindAll",
>
"response/data/row",{sortOnLoad:"id",sortOrderOnLoad:"ascending",distinctOnLoad:true});
> //-->
> </script>
> </head>
>
> <body>
> <div spry:region="ds1">
> <table>
> <tr>
> <th spry:sort="id">Id</th>
> <th>FirstName</th>
> <th>LastName</th>
> <th>OfficePhone</th>
> </tr>
> <tr spry:repeat="ds1" spry:setrow="ds1">
> <td>{id}</td>
> <td>{firstName}</td>
> <td>{lastName}</td>
> <td>{officePhone}</td>
> </tr>
> </table>
> <!--- END CODE --->
>
> The two files test1.cfm and test2.cfm are the same
except for the source
> of the XMLDataSet which is the static XML document in
test1.cfm and the
> full URL to the CFC in test2.cfm.
>
> Thanks for any tips, this is exactly how it is suppose
to work according
> to the livedocs but it isn't.
>
> ...Brad
>
> -
I'm creating a page that uses a Spry Data Set for a book I'm working on. I have no problem with the data set when viewing the page in IE9 beta and Safari. Two separate testers who are using IE8 get the same error: "type="MM_SPRY_DATA_REFERENCE" .... translatorClass="MM_SPRY">Truth
Here is the page code from my version of the page, which does work for me. Another tester did not have this problem, also working in IE8. Any help would be appreciated! Thanks.
<!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>Flower Meanings</title>
<style type="text/css">
body {
background-image: url(images/baskets_bkg.jpg);
</style>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var flower_meanings = new Spry.Data.HTMLDataSet("flower_data.html", "Table1");
var Meanings = new Spry.Data.HTMLDataSet("flower_data.html", "Table1");
</script>
</head>
<body>
<h1>Common Flowers and their Meanings
</h1>
<p>
<div class="MasterDetail">
<div spry:region="Meanings" class="MasterContainer">
<div class="MasterColumn" spry:repeat="Meanings" spry:setrow="Meanings" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{Name}</div>
</div>
<div spry:detailregion="Meanings" class="DetailContainer">
<div class="DetailColumn">{Image}</div>
<div class="DetailColumn">{Meaning}</div>
</div>
<br style="clear:both" />
</div>
<p>
</body>
</html>To get the best support from this forum, it is always a good idea to give us a link to your website.
The code that you have shown us is OK although the two datasets puzzel me.
Now I am going on the guessing tour.
are you using Spry version 1.6.1
have you tried to link your files (JS) to a working outside source
have you tried IE6 and IE7
is the error in the form of a popup or is it the yellow triangle
A link to your site is still the best option.
Gramps -
Hi everybody,
I included a Spry Data Set in my already existing HTML-File and got the problem that the Browser doesn't display it.Is there something I forgot to do after including the data set?
I hope somebody can help me out here.
Here's the link: http://media-powerplant.de/media-powerplant-webdesign-beispiele.html
And here's the Code of the HTML site:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.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" />
<meta name="description" content="Modernes Webdesign für Ihre erfogreiche Internetpräsenz" />
<meta name="keywords" content="Webdesign, Webspace ,Webhosting, Web-Design , Web, Domainregistrierung, Internetdesign, Internet, Provider, HTML, Web-Space, Design, Webdesign München, Grafikdesign, kreative, innovative, Homepage, Suchmaschinenoptimierung, Matthias Damoser, Michael Peh, Michi Peh, media powerplant, media-powerplant, München" />
<title>media powerplant *** Webdesign / Webspace & Hosting / Suchmaschinenoptimierung ***</title>
<meta name="author" content="[email protected]">
<meta name="copyright" content="Webdesign: Matthias Damoser / media powerplant">
<meta name="Content-Language" content="de">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="revisit-after" content="7 days">
<link rel="SHORTCUT ICON" href="http://www.media-powerplant.de/favicon.ico">
<link href="mppLayout.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<style type="text/css">@import url(ie.css);</style>
<![endif]-->
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var dskategorien = new Spry.Data.XMLDataSet("webkategorien.xml", "produkte/kategorie");
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
var dsWebBeispiele = new Spry.Data.XMLDataSet("webexamples.xml", "websites/beispiel");
dsWebBeispiele.setColumnType("linkScreenshot", "html");
dsWebBeispiele.setColumnType("linkWebsite", "html");
dsWebBeispiele.setColumnType("screenshot", "html");
dsWebBeispiele.setColumnType("validHTML", "html");
dsWebBeispiele.setColumnType("validCSS", "html");
//-->
</script>
</head>
<body>
<div id="hauptfenster">
<div id="content">
<div id="mitte">
<div id="header">
<h1>media powerplant - Ihr Partner für Webdesign, Musikproduktion und Videoproduktion</h1>
</div>
<div id="mainnavi">
<div class="menuHome" onClick="MM_goToURL('parent','media-powerplant-home.html');return document.MM_returnValue" document.MM_returnValue></div>
<div class="menuMusik" onclick=MM_goToURL('parent','media-powerplant-musikproduktion.html');return document.MM_returnValue></div>
<div class="menuVideo" onclick="MM_goToURL('parent','media-powerplant-videoproduktion.html');return document.MM_returnValue"></div>
<div class="menuWeb" onclick=MM_goToURL('parent','media-powerplant-webdesign.html') document.MM_returnValue></div>
<div class="menuReferenzen" onclick="MM_goToURL('parent','media-powerplant-referenzen.html');return document.MM_returnValue"></div>
<div class="menuAbout" onclick=MM_goToURL('parent','media-powerplant-about.html') document.MM_returnValue></div>
<div class="menuKontakt" onclick="MM_goToURL('parent','media-powerplant-kontakt.html');return document.MM_returnValue"></div>
<div class="menuImpressum" onclick="MM_goToURL('parent','media-powerplant-impressum.html');return document.MM_returnValue"></div>
</div>
<div id="inhalt">
<h2><span class="mpp">media powerplant</span> <span class="bereich">Webdesign</span></h2>
<h2 class="unterüberschrift">Modernes Webdesign – standardkonform und flexibel.</h2>
<div id="haupthintergrundkalkulator">
<div id="fließtext">
<p>Modernes Webdesign umfasst nicht nur die Gestaltung, eine gute Struktur und eine benutzerfreundliche Navigation durch die Webseiten, sondern auch die ideale Umsetzung der Suchmaschinen-Optimierung und des barrierefreien Internets. Wir sorgen mit Seiten, die korrekt in XML oder HTML umgesetzt sind, für eine schicke Darstellung der Inhalte und fördern in gleicher Weise das gute Ranking bei Google und Co.</p>
</div>
<div id="webmain">
<div id="untermenu">
<div class="untermenuWeb" onclick=MM_goToURL('parent','media-powerplant-webdesign.html');return document.MM_returnValue document.MM_returnValue></div>
<div class="untermenuBeispiele" onclick=MM_goToURL('parent','media-powerplant-webdesign-beispiele.html');return document.MM_returnValue document.MM_returnValue></div>
<div class="untermenuKosten" onclick=MM_goToURL('parent','media-powerplant-webdesign-preiskalkulator.html');return document.MM_returnValue document.MM_returnValue></div>
</div>
<div id="Detailbereich">
<div id="beispieltext">
<h2>So könnte Ihre künftige Website aussehen</h2>
<p class="beschreibungtext">{dsWebBeispiele::nr}<br />{dsWebBeispiele::beschreibung}<br />
{dsWebBeispiele::linkScreenshot} {dsWebBeispiele::linkWebsite}</p>
<p class="hpimage">{dsWebBeispiele::screenshot}</p>
<p class="valide">{dsWebBeispiele::validText}</p>
<p class="w3c">{dsWebBeispiele::validHTML}</p>
<p class="w3c">{dsWebBeispiele::validCSS}</p>
</div>
<div class="copyrighthosting">Copyright © 2009 media powerplant | Alle Rechte vorbehalten | <a href="media-powerplant-impressum.html">Impressum</a> | <a href="media-powerplant-kontakt.html">Kontakt</a> | </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>Hi,
You do not have a Spry region enveloping your data details.
Try the following code
<div spry:region="dsWebBeispiele">
<div spry:repeat="dsWebBeispiele" spry:setrow="dsWebBeispiele" spry:hover="hover" spry:select="selected">
<p class="beschreibungtext">{nr}<br />{beschreibung}<br />
{linkScreenshot} {linkWebsite}</p>
<p class="hpimage">{screenshot}</p>
</div>
</div>
<div spry:detailregion="dsWebBeispiele">
<p class="valide">{validText}</p>
<p class="w3c">{validHTML}</p>
<p class="w3c">{validCSS}</p>
</div>
I hope this helps.
Ben -
Spry Data Set will not Refresh with New Data?
I'm using the Dreamweaver CS4 "Spry Data Set" Wizard and created the following layout on one of my pages:
In the wizard, under "Specify a Data Source", I chose "HTML", and selected my cfm page that has a simple Table with the datasource below:
<cfparam name="URL.id_com" default="1">
<cfquery name="rsTickets" datasource="Ctickets">
SELECT ticketNum, ticketType, ticketDate, acctNum, firstName, lastName, businessName, city, status, owner, ticketDetails
FROM tickets
WHERE acctNum = <cfqueryparam value="#URL.id_com#" cfsqltype="cf_sql_numeric">
</cfquery>
When I display the page in IE8, The Spry Master/Detail page will not filter my records based on the URL parameter?
(Note: All my other "Non-Spry" datasets filter fine by the URL)
Question: How do I make the Spry data "Refresh" or "Re-run the query" so the data filters properly?
Thanks,
jligBen, Thanks for the reply..
Here is my Source Data page which I created & selected in the Spry Data Wizard: http://cerberus.clearwave.com/jerry/Spry2.jpg
(this page takes my query, filtered by the URL Acct field and makes a simple table to feed the Spry Wizard)
- In the Spry Data Wizard, I selected the file and it properly found the table data: http://cerberus.clearwave.com/jerry/Spry3.jpg
- Then I clicked Next and changed a few of the field types: http://cerberus.clearwave.com/jerry/Spry4.jpg
- Next I chose Master-Detail and used the Acct field to be the Master : http://cerberus.clearwave.com/jerry/Spry5.jpg
- Lastly, I open up the webpage, click on the Tickets Spry Tab: http://cerberus.clearwave.com/jerry/Spry6.jpg
As you can see in the picture on this page: http://cerberus.clearwave.com/jerry/Spry6.jpg, the URL parameter is = 3902 which is the Acct number
being passed from the previous page in my application. (Ex..http://192.168.1.77/COE/salespipeline_mi.cfm?id_com=3902)
The first one is correct, but once I move to a different Acct number the Spry data will not update to reflect the correct Tickets?
Once I move to say, Acct 4413, the Spry Tickets Tab does not change or update to reflect this Acct's tickets?
(see link--> http://cerberus.clearwave.com/jerry/Spry7.jpg)
Here is my code listing for the Tabbed Webpage: http://cerberus.clearwave.com/jerry/Spry8.txt (see images 6 & 7)
It seems like I'm missing some kind of "Trigger" or "Requery" or "Refresh" that "Re-runs" the Source Data page (http://cerberus.clearwave.com/jerry/Spry2.jpg)..?
Thanks again,
jlig -
Can I create a data set from Excel spreadsheet?
I have been looking for help with Spry data sets. I want to know if I can create a data set directly from an spreadsheet or do I have to save it to a CSV file first. I will be upgrading to DW CS4 shortly & trying to do my homework now.
Can someone point me to an article or video explaining how to do this? I have gone through various helps with HTML tables as data sets.
Thanks.Yes, mostly.
We have a CSV data set, which is a comma-separated value file, which can easily be exported from Excel.
http://labs.adobe.com/technologies/spry/samples/data_region/CSV_sample.html
Hope this helps.
Don -
How to link within a spry data set?
Hi everybody,
I am working with DW CS4 and want to know how to insert a link to another html site within the Spry data set. All I am archieving at the moment is to write the hyperlink-addy as plain text on my website.
I have this kind of structure in my data set:
<example>
<screenshot>Pics/examples/SRB.jpg</screenshot>
<name>Sounddesign Radio SRB</name>
<sort>Music production</sort>
<link> ??? </link>
</example>
Thanks a lot for your help!
Cheers,
El TeasoHi,
thanks for taking the time to haul through the Code I produced!
Although the website isn't launched yet, you can have a look at the site on this online "test-site": http://www.media-powerplant.de/media-powerplant-referenzen.html (on the left side you'll find the Spry-master region and on the left-hand side there is the Detail-region which should include the hyperlink)
Here is the HTML-Code for the site: (the green text is the part with the embedded Spry data set that works and the red line is the part which is not working)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.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" />
<meta name="description" content="Ihr Partner für Musik- und Videoproduktionen, Webdesign, Internet, Flash, Podcasts und Grafikdesign" />
<meta name="keywords" content="gemafreie musik,lizenzfrei,lizenzfreie musik, royalty free, filmmusik,hintergrundmusik, werbespot,trailer, jingles, loops, Werbemusik, Mastering, Scoremusik, Filmproduktion,Videoproduktion,Computeranimation,Postproduktion,Filmagentur,3D Visualisierung,3D Animation,Filme,Video,Film Produktion,Grafik Design,Imagefilm,Werbefilm,Werbefilme,Werbefilmproduktion, Webdesign, Webspace ,Webhosting, Web-Design , Web, Domainregistrierung, Internetdesign, Internet, Provider, HTML, Web-Space, Design, Webdesign München, Grafikdesign, kreative, innovative, Homepage, Suchmaschinenoptimierung, Michael Peh, Michi Peh, Matthias Damoser, media powerplant, media-powerplant, München"/>
<title>media powerplant *** Musikproduktion / Videoproduktion / Webdesign ***</title>
<meta name="author" content="[email protected]">
<meta name="copyright" content="Webdesign: Matthias Damoser / media powerplant">
<meta name="Content-Language" content="de">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="revisit-after" content="7 days">
<link rel="SHORTCUT ICON" href="http://www.media-powerplant.de/favicon.ico">
<link href="mppLayout.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<style type="text/css">@import url(ie.css);</style>
<![endif]-->
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var dsreferenzen = new Spry.Data.XMLDataSet("referenzen.xml", "referenz/beispiel");
dsreferenzen.setColumnType("name", "html");
dsreferenzen.setColumnType("a", "html");
dsreferenzen.setColumnType("a/@href", "html");
dsreferenzen.setColumnType("a/@target", "html");
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
var dslinks = new Spry.Data.XMLDataSet("referenzenlinks.xml", "referenz/link");
dslinks.setColumnType("a", "html");
//-->
</script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="hauptfenster">
<div id="content">
<div id="mitte">
<div id="header">
<h1>media powerplant</h1>
</div>
<div id="mainnavi">
<div class="menuHome" onclick=MM_goToURL('parent','media-powerplant-home.html');return document.MM_returnValue document.MM_returnValue></div>
<div class="menuMusik" onclick=MM_goToURL('parent','media-powerplant-musikproduktion.html');return document.MM_returnValue></div>
<div class="menuVideo" onclick="MM_goToURL('parent','media-powerplant-videoproduktion.html');return document.MM_returnValue"></div>
<div class="menuWeb" onclick=MM_goToURL('parent','media-powerplant-webdesign.html') document.MM_returnValue></div>
<div class="menuReferenzen" onclick="MM_goToURL('parent','media-powerplant-referenzen.html');return document.MM_returnValue"></div>
<div class="menuAbout" onclick=MM_goToURL('parent','media-powerplant-about.html') document.MM_returnValue></div>
<div class="menuKontakt" onclick="MM_goToURL('parent','media-powerplant-kontakt.html');return document.MM_returnValue"></div>
<div class="menuImpressum" onclick="MM_goToURL('parent','media-powerplant-impressum.html');return document.MM_returnValue"></div>
</div>
<div id="inhalt">
<h2><span class="mpp">media powerplant</span> <span class="bereich">Referenzen</span></h2>
<h2 class="unterüberschrift">Hier finden Sie einen Überblick und einige interessante Details über unsere letzten Projekte</h2>
<p> </p>
<div id="musikproduktion">
<div id="musikprojekte">
<div id="projektescroll">
<div spry:region="dsreferenzen">
<table id="referenzTable">
<tr spry:repeat="dsreferenzen" spry:hover="rowHoverRef" spry:select="rowSelectRef" spry:setrow="dsreferenzen">
<td><img src="{screenshot}" alt="{name}" width="140" height="93" class="screenshot"></td>
<td><span class="kategorie">{kategorie}</span><br>
<span class="name">{name}</span></td>
</tr>
</table>
</div>
</div>
</div>
<div spry:detailregion="dsreferenzen">
<div id="musikmainRef">
<h2> </h2>
<p> </p>
<div id="projektbeschreibung">
<p class="beschreibung">{beschreibung}</p>
<p class="aufgabenfeld">{dsreferenzen::aufgabenfeld}</p>
<p class="aufgabenbilder">
<img src="{bild1}" width="90" height="77" class="bild"><img src="{bild2}" width="90" height="77" class="bild"><img src="{bild3}" width="90" height="77" class="bild"><img src="{bild4}" width="90" height="77" class="bild"> </p>
<p class="reflink">{dsreferenzen::a/@href}</p>
</div>
</div>
</div>
</div>
<div class="copyrightref">Copyright © 2009 media powerplant | Alle Rechte vorbehalten | <a href="media-powerplant-impressum.html">Impressum</a> | <a href="media-powerplant-kontakt.html">Kontakt</a> | </div>
</div>
</div>
</div>
</div>
</body>
</html>
Okay, and here is the XML code: (the red line shows the the code, that should be shown as a link, but isn't working)
<?xml version="1.0" encoding="UTF-8"?>
<referenz>
<beispiel>
<screenshot>Bilder/Projektbilder/SRB.jpg</screenshot>
<name>Sounddesign Radio SRB</name>
<kategorie>Musikproduktion</kategorie>
<beschreibung>Media powerplant produzierte das gesamte Sounddesign für den regionalen Radiosender SRB. Dabei wurden hauptsächlich Musikbetten und Radiojingles produziert.</beschreibung>
<aufgabenfeld>Aufgabenbereich: * Sounddesign * Musikkomposition * Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/waves.jpg</bild1>
<bild2>Bilder/Projektbilder/peakmeter.jpg</bild2>
<bild3>Bilder/Projektbilder/mixpult.jpg</bild3>
<bild4>Bilder/Projektbilder/mics.jpg</bild4>
<a target="_blank" href="http://www.google.de">www.weblink.de</a>
</beispiel>
<beispiel>
<screenshot>Bilder/Projektbilder/Logo_earthTV.jpg</screenshot>
<name>EarthTV Musik</name>
<kategorie>Musikproduktion</kategorie>
<beschreibung>Komposition und Produktion des Stückes "Steil" im Auftrag von EarthTV für deren Sendeformat bei Sevenload.</beschreibung>
<aufgabenfeld>Aufgabenbereich:* Musikkompostion * Musikproduktion</aufgabenfeld>
<bild1>Bilder/Projektbilder/peakmeter.jpg</bild1>
<bild2>Bilder/Projektbilder/headphones.jpg</bild2>
<bild3>Bilder/Projektbilder/keyboard.jpg</bild3>
<bild4>Bilder/Projektbilder/mic.jpg</bild4>
<a target="_blank" href="http://www.gmx.de">www.weblink2.de</a>
</beispiel>
</referenz>
(this shows only the first two entries)
Then, I also attached some screenshots of the Spry-Wizard. You can see, that it splits the line with the link in three seperate items. -
How do I link a Spry data set with a detail region to a html web site?
I have created a spry data set with a detail region. It works well. However, I would like to have a link from the detail region to another html web site. Can anyone help with the code? Below is the spry data set.
<?xml version="1.0" encoding="utf-8"?>
<books>
<book>
<title>The Advnentures of Crunchy and Munchy Squirrel: Field Nuts</title>
<author>Levester Williams</author>
<image>images/portfolio/tn_adventuresOfCrunchyAndMunchySquirrel.jpg</image>
<description>This delightful book for young readers teaches the importance of obedience and always doing what you know is right.</description> I
<weblink >www.crunchyandmunchy.com</weblink>
</book>
<book>
<title>More Dirty Little Secrets</title>
<author> Dr. Claud Anderson and Brant Anderson</author>
<image>images/portfolio/tn_moreDirtyLittleSecrets.jpg</image>
<description>In More Dirty Little Secrets, Dr. Claud Anderson and his son Brant Anderson, piece together little known facts about Black people, thier achievements, influence, involvement, tribulations and present them with wit and humor.</description>
<weblink>http://powernomics.com/</weblink>
</book>
</books>Hi,
In your html page, use the following notation:
<a href="http://{weblink}" title="{weblink}" target="_blank">{weblink}</a>
I hope this helps.
Ben -
Need a little help with Slimbox (Lightbox clone) and Spry data sets
Hello guys!
First of all let me say that I'm not a programmer in any way,
shape or form, and somehow I managed to build me a dynamic
thumbnail gallery that reads data from an XML file and displays it
on my webpage using a Spry data set and a slider widget (yay!)
This is of course only thanks to the many great examples
provided by the Adobe Spry team, and me being stubborn enough to
keep at it, even though I don't really understand what I'm doing :D
But I got to this point where I have basically everything
working, except that I can't get the Slimbox (Lightbox clone)
script to work with the Spry-generated thumbnail gallery.
From what I could understand from other threads on this
forum, is that I need to add an observer somewhere, only that I'm
not sure where and how (those threads are pretty old and the
examples aren't available anymore).
I'm sure you guys know what I'm talking about, anyway, here's
what I got so far:
http://www.riotdesign.com.ar/misc/gallery/test1.html
I have the thumbnail gallery populated from the external XML
file, a basic page navigation using the Sliding Panels widget, and
the Slimbox script which works only on the static test image.
Okay I guess that's it for now, sorry for the long post and
of course any help with this will be GREATLY appreciated :)
Thanks & bye!Kev,
Where exactly does the .evalScripts = true; text need to go?
Does it go in the href call?
<a href="ManageNotes.asp" title="Manage Notes" onClick="this.blur();
Modalbox.show(this.href, {title: 'Manage Notes', width: 575}); return false;">View your notes.</a>
Thanks for any assistance.
J Bishop -
I'm having trouble getting the Spry data set to display in my
local testing environment. Can someone glance at my code and give
me some tips? I have the XML file in the same folder as the HTML
page.
<!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=ISO-8859-1" />
<title>Croxton Gray Commercial Properties, Greenville,
SC - Search Company Listings</title>
<link href="../css/master.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript"
src="../includes/xpath.js"></script>
<script type="text/javascript"
src="../includes/SpryData.js"></script>
<script type="text/javascript">
var dsListings = Spry.Data.XMLDataSet("listings.xml",
"listings/property");
</script>
</head>
<body id="listings">
<div id="wrapper">
<div class="padding10">
<?php include('../php/header.php'); ?>
<p class="date"><?php
echo date('l, F jS, Y');
?></p>
<div id="contentWrapper">
<div id="contentInner">
<div id="contentColumn" spry:region="dsListings">
<table width="100%" border="0" cellspacing="0">
<tr>
<th>Property</th>
<th>Price</th>
<th>Availability</th>
</tr>
<tr spry:repeat="dsListings"
onclick="ds.Listings.setCurrentRow('{ds_RowID}')">
<td>{name}</td>
<td>{price}</td>
<td>{availability}</td>
</tr>
</table>
</div><!-- Closes content column -->
<div id="rightColumn" spry:detailregion="dsListings">
<h2>{name}</h2>
<p>{description}</p>
<p align="center"><img
src="assets/{img}"/></p>
<p><strong>Call</strong>: {contact}
</p>
</div><!-- Closes right column -->
</div><!-- Closes content inner -->
</div><!-- Closes content wrapper -->
Here's the sample XML file I'm testing with. Again, it's
located in the same folder as the HTML page.
<?xml version="1.0" encoding="ISO-8859-1"?>
<listings>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
<property>
<name>100 South Main</name>
<price>$100,000</price>
<availability>for sale</availability>
<image>asset_images/sunset.jpg</image>
<description>This is a short description of the
property.</description>
</property>
</listings>
Thanks to whomever takes the time. I really appreciate the
extra set of eyes and any tips!With those 2 changes I mentioned above ... and the fact that
I had to fix the markup because there were missing end tags, which
I was assuming was just a copy paste problem ... it all worked fine
for me. Of course I made sure the includes I used were in the
correct place.
After re-reading your original message above, you never
really mentioned what you are seeing in the browser. Are there any
errors being thrown? Are you seeing data references instead of
values? If you are in need of help, we could diagnose things much
faster if you had an URL we could take a peek at.
Also what platform and browser are you using?
Did you try loading the XML file directly in to your browser
like ZeusChicago suggested? That would instantly tell you if your
server was serving your XML up with the correct content-type or
not.
--== Kin ==-- -
Hi, I Currently have a glossary using the Spry Tabbed Panels with Spry Data Sets embedded in each tab. I had it working great in pre IE8.
Once we upgraded to IE8 it just wont load or display the data sets in the tabs. Below is the page code. (I used the JS straight from the Spry Framework no alterations, except in the CSS files). Any help would be great =).
<!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"><!-- InstanceBegin template="../../../../composition/Templates/profile_spone.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Glossary</title>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" -->
<script src="/composition/SpryAssets/xpath.js" type="text/javascript"></script>
<script src="/composition/composition002/profile_processes/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="/composition/SpryAssets/SpryData.js" type="text/javascript"></script>
<link href="/composition/composition002/profile_processes/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="/composition/SpryAssets/SpryStackedContainers.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var ds1 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defnum", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds2 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defa", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds3 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defb", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds4 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defc", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds5 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defd", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds6 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defe", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds7 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/deff", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds8 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defg", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds9 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defh", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds10 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defi", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds11 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defj", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds12 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defk", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds13 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defl", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds14 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defm", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds15 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defn", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds16 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defo", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds17 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defp", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds18 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defq", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds19 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defr", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds20 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defs", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds21 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/deft", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds22 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defu", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds23 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defv", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds24 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defw", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds25 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defx", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds26 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defy", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
var ds27 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defz", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
</script>
<!-- InstanceEndEditable -->
<link href="../../../../composition/css/profile_sp1.css" rel="stylesheet" type="text/css" media="screen" />
<link href="../../../../composition/css/print1.css" rel="stylesheet" type="text/css" media="print" />
</head>
<body>
<div id="top1">
<table width="100%" height="75px" border="0" cellpadding="3" cellspacing="0">
<tr bgcolor="#000000">
<th width="6%" height="36" align="left" valign="middle" scope="col"><img src="/composition/composition002/Profile_Processes/graphics/globe2.gif" alt="globe" width="70" height="68" border="0" /></th>
<th width="94%" align="left" valign="top"><span class="whitebanner">Composition Learning Center</span><br />
<span class="whitebanner2"><strong>Learn. Grow. Succeed.</strong></span></th>
</tr>
</table>
</div>
<div id="Layer4"><!-- InstanceBeginEditable name="Content" -->
<h1 align="center">Glossary</h1>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" style="display:none" tabindex="0"></li>
<li class="TabbedPanelsTab" tabindex="0">A</li>
<li class="TabbedPanelsTab" tabindex="0">B</li>
<li class="TabbedPanelsTab" tabindex="0">C</li>
<li class="TabbedPanelsTab" tabindex="0">D</li>
<li class="TabbedPanelsTab" tabindex="0">E</li>
<li class="TabbedPanelsTab" tabindex="0">F</li>
<li class="TabbedPanelsTab" tabindex="0">G</li>
<li class="TabbedPanelsTab" tabindex="0">H</li>
<li class="TabbedPanelsTab" tabindex="0">I</li>
<li class="TabbedPanelsTab" tabindex="0">J</li>
<li class="TabbedPanelsTab" tabindex="0">K</li>
<li class="TabbedPanelsTab" tabindex="0">L</li>
<li class="TabbedPanelsTab" tabindex="0">M</li>
<li class="TabbedPanelsTab" tabindex="0">N</li>
<li class="TabbedPanelsTab" tabindex="0">O</li>
<li class="TabbedPanelsTab" tabindex="0">P</li>
<li class="TabbedPanelsTab" tabindex="0">Q</li>
<li class="TabbedPanelsTab" tabindex="0">R</li>
<li class="TabbedPanelsTab" tabindex="0">S</li>
<li class="TabbedPanelsTab" tabindex="0">T</li>
<li class="TabbedPanelsTab" tabindex="0">U</li>
<li class="TabbedPanelsTab" tabindex="0">V</li>
<li class="TabbedPanelsTab" tabindex="0">W</li>
<li class="TabbedPanelsTab" tabindex="0">X</li>
<li class="TabbedPanelsTab" tabindex="0">Y</li>
<li class="TabbedPanelsTab" tabindex="0">Z</li>
<li class="TabbedPanelsTab" tabindex="0">0 to 9</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds2" class="StackedContainers">
<div spry:repeat="ds2" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds3" class="StackedContainers">
<div spry:repeat="ds3" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds4" class="StackedContainers">
<div spry:repeat="ds4" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds5" class="StackedContainers">
<div spry:repeat="ds5" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds6" class="StackedContainers">
<div spry:repeat="ds6" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds7" class="StackedContainers">
<div spry:repeat="ds7" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds8" class="StackedContainers">
<div spry:repeat="ds8" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds9" class="StackedContainers">
<div spry:repeat="ds9" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds10" class="StackedContainers">
<div spry:repeat="ds10" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds11" class="StackedContainers">
<div spry:repeat="ds11" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds12" class="StackedContainers">
<div spry:repeat="ds12" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds13" class="StackedContainers">
<div spry:repeat="ds13" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds14" class="StackedContainers">
<div spry:repeat="ds14" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds15" class="StackedContainers">
<div spry:repeat="ds15" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds16" class="StackedContainers">
<div spry:repeat="ds16" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds17" class="StackedContainers">
<div spry:repeat="ds17" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds18" class="StackedContainers">
<div spry:repeat="ds18" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds19" class="StackedContainers">
<div spry:repeat="ds19" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds20" class="StackedContainers">
<div spry:repeat="ds20" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds21" class="StackedContainers">
<div spry:repeat="ds21" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds22" class="StackedContainers">
<div spry:repeat="ds22" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds23" class="StackedContainers">
<div spry:repeat="ds23" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds24" class="StackedContainers">
<div spry:repeat="ds24" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds25" class="StackedContainers">
<div spry:repeat="ds25" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds26" class="StackedContainers">
<div spry:repeat="ds26" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds27" class="StackedContainers">
<div spry:repeat="ds27" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div spry:region="ds1" class="StackedContainers">
<div spry:repeat="ds1" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
<span class="RowColumn">{definition}</span>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:0});
</script><!-- InstanceEndEditable -->
</div>
</body>
<!-- InstanceEnd --></html>Thanks Gramps.
I totally forgot about the Xpath filtering.
Trusty Hammer
altruistic gramps <[email protected]>
01/11/2011 05:06 PM
Please respond to
[email protected]
To
patrick dennis <[email protected]>
cc
Subject
Spry Data Sets and IE8
A quick fix: add the following to your document
A better fix: reduce the number of datasets to just one and use Xpath
filtering triggered by an onclick event, as in clicking the relevant tab.
Gramps
For a more specific answer, please supply a link to your site.
Maybe you are looking for
-
Hi, The USB connection used for connecting to a printer failed. Trying to fix it I removed the Standard USB Host Controller Port_#0001.Hub_#0009 and as a result the device is now marked as "unknown device" with status= error#43. How can I fix it? Tha
-
I installed iWork in my old 2007 macbook can i transfer it to my new 2011 mac pro?
my old mac has a broken screen so i cant see what im doing
-
How long does it take to burn? 12, 15, 25 hours?
Hello friends, I have firewired, if that's a word, my one hour long Imovie6 movie from my MacBook to another Mac to burn in IDVD6 which also has IMovie6. It has been 12 hours now that it has been burning, encoding the audio being the most complex par
-
HI What are the steps to create a dynamic ALV ? can some one help me out.
-
Attempted to read or write protected memory source CR for VS 2010
Hye everyone, I'm working on VS2010 : C# Application WPF. When I try to instance a Crystal Report, I receive this message CrystalReport2 newCR = new CrystalReport2(); Attempted to read or write protected memory. source=crystaldecisions.crystalreports