Accordion with spry data on IE8
Hi,
I have an accordion with spry data and everything works fine on IE8 and FF, but on IE8 when i click on a accordion tab it doesnt focus on that open panel. It takes me at the very top of where my accordion begins. I notice the same thing happens to the accordion with spry data site. It's a problem for me because my page has a long accordion and our users have small laptop screens. Does anyone know how this can be fixed in IE8?
Sorry i dont have a sample link or code, because it's on our company intranet. but i used the exact same method on the spry accordion with data page.
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html
thanks!
Good. I am sure you can figure it out.
http://labs.adobe.com/technologies/spry/articles/pager/index.html
Let us know.
Donald Booth
Adobe Spry Team
Similar Messages
-
Paging of accordion with spry data
Hello everyone !
It is possible to paginate
this
example in order to show a specific number of accordion divs
per page ?
I've tried to insert and adapt the
Massimo
Foti's spry data paging but without success considering that
I'm not very familiar with javascript.
Thanks,
GabetuGood. I am sure you can figure it out.
http://labs.adobe.com/technologies/spry/articles/pager/index.html
Let us know.
Donald Booth
Adobe Spry Team -
I've seen a number of questions with regards to populating an
Accordion with Spry data. I can load the data but the widget
breaks. Is there a solution? I've tried using states with no
success. My current code:
<div spry:region="dsMedia">
<div spry:state="loading">loading...</div>
<div spry:state="ready">
<div id="menu" class="Accordion">
<div class="AccordionPanel" spry:repeat="dsMedia">
<div class="AccordionPanelTab">{@title}</div>
<div class="AccordionPanelContent"><a
href="{@path}">{@description}</a></div>
</div>
</div>
</div>
</div>
--sb.Excellent! - that does the trick. Guess I should learn about
observers.
My site is a work in progress - but here's the link:
squarehead
Thanks again,
--sb. -
How to i add an image path with spry data set
hi
how to i add an image path with spry data set. I made a xml file and then created a data set in html but image won't load
this is my XML
<?xml version="1.0" encoding="UTF-8"?>
<banner width = "185" height = "400">
<item>
<image scr = "nui-panforte-recipe_01.jpg" ></image>
<description>CHOC-COCONUT PANFORTE</description>
<text1>Try this delicious GLUTEN FREE Christmas treat</text1>
<text2>CHOC-COCONUT PANFORTE</text2>
</item>
</banner>
this is my HTML
<!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>
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.XMLDataSet("recipe_banner.xml", "banner/item");
//-->
</script>
</head>
<body>
<div spry:region="ds1">
<table>
<tr spry:repeat="ds1">
<td>{image}</td>
<td>{description}</td>
<td>{text1}</td>
<td>{text2}</td>
<td>{text3}</td>
<td>{text4}</td>
<td>{link}</td>
<td>{url}</td>
<td>{target}</td>
</tr>
</table>
</div>
</body>
</html>It would be helpfull if you actually created an <img> tag to start with
<img src="{image/@src}" />
would work. -
As I'm learning, I also am experiencing some difficulties.
I've tried to combine some XML data with an accordion. Since
the <div> solutions gave me errors, I found some inspiration
in the following
thread.
Can somebody help me and explain why this isn't working? (PS
I'm a newbie).
Some explanation what you might see in the code below:
- List view => ok = list generated from XML
- Manual Accordion => ok = HTML for the accordion
- Accordion from XML data => NOK = attempt to combine List
view and Manual Accordion =
Final goal
----------------------------------------Beginning of the
code----------------------------------------
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>00r05</title>
<!--Link the Spry libraries-->
<script type="text/javascript"
src="../Spry_1_6_1_022408/includes/xpath.js"></script>
<script type="text/javascript"
src="../Spry_1_6_1_022408/includes/SpryData.js"></script>
<script language="JavaScript" type="text/javascript"
src="../Spry_1_6_1_022408/includes/SpryNestedXMLDataSet.js"></script>
<script type="text/javascript">
var dsSubjects = new
Spry.Data.XMLDataSet("00r03_content.xml", "subjects/subject");
var dsSubSubjects = new
Spry.Data.NestedXMLDataSet(dsSubjects, "subsubject");
</script>
<!--Accordion-->
<script language="JavaScript" type="text/javascript"
src="../Spry_1_6_1_022408/widgets/accordion/SpryAccordion.js"></script>
<link
href="../Spry_1_6_1_022408/widgets/accordion/SpryAccordion.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<!--
<div spry:region="dsSubjects">
<ol>
<li
spry:repeat="dsSubjects">{dsSubjects::name}</li>
</ol>
</div>
-->
<p>---------List View---------</p>
<div spry:region="dsSubjects dsSubSubjects">
<ul>
<li spry:repeat="dsSubjects">{name}
<ul>
<li
spry:repeat="dsSubSubjects">{dsSubSubjects::name}</li>
</ul>
</li>
</ul>
</div>
<p>---------Manual Accordion---------</p>
<div id="testAccordionManual" class="Accordion">
<ul class="AccordionPanel">
<li class="AccordionPanelTab">home</li>
<ul class="AccordionPanelContent">
</ul>
</ul>
<ul class="AccordionPanel">
<li class="AccordionPanelTab">Products</li>
<ul class="AccordionPanelContent">
<li>Product 1</li>
<li>Product 2</li>
</ul>
</ul>
<ul class="AccordionPanel">
<li class="AccordionPanelTab">Contact</li>
<ul class="AccordionPanelContent">
</ul>
</ul>
</div>
<p>---------Accordion from XML data---------</p>
<div id="testAccordionAuto" class="Accordion"
spry:region="dsSubjects dsSubSubjects">
<ul class="AccordionPanel">
<li class="AccordionPanelTab"
spry:repeat="dsSubjects">{dsSubjects::name}</li>
<ul class="AccordionPanelContent">
<li
spry:repeat="dsSubSubjects">{dsSubSubjects::name}</li>
</ul>
</ul>
</div>
<script>
var acc1 = new Spry.Widget.Accordion("testAccordionManual");
var acc2 = new Spry.Widget.Accordion("testAccordionAuto");
</script>
</body>
</html>
----------------------------------------Ending of the
code----------------------------------------quote:
Originally posted by:
V1 Fusion
Your missing a </li>
<li spry:repeat="dsSubjects">{name}
Many thanks. That seams the be the issue.
However, I'm not able to resolve it. After experimenting I've
noticed that either:
- I can get the </li> correct, but then the script
generates only the three panel tabs without the content
- or I have the issue with the </Li> as you explained
So the issue must be with the way I define my list. But I'm
missing something to get it right.
Help is more then welcome.
quote:
Originally posted by:
V1 Fusion
and uhm:
Did u check this example for your accordion data issues?
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html
Yes I did. I even managed to reconstruct it with my own data.
But what if you would like to see the 5 addresses of "Edward
Smith"? While working with this example I experienced a counter
issue. The example was not elaborative enough to be useful too me
(and a lot of others if you read trough this forum).
quote:
Originally posted by:
Idriel
Here you can se Accordation from XML and Nested DataSet. I
have all created.
http://zagreb-rugby.hr/igraci.html?id=seniori
Wow, impressive! I'll hope I manage to get as smart as you
are and built something just like that.
It took me a while before I got the concept. And you
explained it very well. The concept contains 2 kind of data sets,
one external and the other embedded.
I also tested it and it is a workaround. Unfortunately, as
I'm studying the AJAX and SPRY concepts, I want to see how far I
can go ... with as little as help and workarounds as possible.
That said, I of course welcome all help when needed, but I
need the challenge as well.
PS I'll hope you have a great rugby season with your team ;-) -
A working YUI Calendar With Spry Data
Hi,
I've seen a number of posts about linking Spry data with the YUI calendar widget.
Well I've done that here. http://www.pwhitehurst.f2s.com/yui%20calendar.html. through a little perserverance and reading the Yahoo calendar API
The calendar dates are highlighted based on the event dates in the SPRY data. I haven't added any other functionality yet as I'm just taking it one step at a time. But this page should give others the base code for getting started. The key is to declare a YAHOO namespace so you can reference the calendar in your spry region postload notifications or other spry functions etc.
Any questions please reply and I'll see if I've worked it out. I'm away over Easter but intend to add functionaility so that when you click a date on the calendar it filters the spry data via a non destructive filter etc. I also want the calendar to move to the right month as I click events.
Cheers
PhilThanks,
Unfortunatley my page hasn't gone live yet, so I can't show you what I mean, but I think I've found the problem.
I've managed to config the YUI calendar to accept dates in DD/MM/YYYY format (using some of the localisation features described on the Yahoo developers pages: http://developer.yahoo.com/yui/examples/calendar/germany.html) so now my calendar will accept and properly shade any date passed to it in DD/MM/YYYY format (which is what my spry dataset is in) and it will also return any date selected from the calendar in DD/MM/YYYY format, as it should. So, all good on the calendar front...
...but spry is still operating in standard MM/DD/YYYY mode, so if I set my "start_date" and "end_date" columns as type = "date" (which I want to do for sorting purposes) it doesn't recognise any date after the 12th day of the month! (because it still thinks the DD segment is a MM segment and so has a maximum poss value of 12! doh!). So far I've got around this by defining both date columns as "strings", so the combining function you describe above (much appreciated btw :-)) passes the date string to the calendar exactly as entered, and because my calendar is set up to recognise this date string, theres no problem, and i can shade any date in the calendar (including the 13th to the 31st!)
so the only problem i have now is being able to sort my dates. one solution seems to be to have 2 columns - one with the date in DD/MM/YYYY format which is used for display (as it is now) and another in american MM/DD/YYYY format which is used to sort, but this seems to me a bit of a waste of time, and theres always the possibility that one column will have an error in it, especially since I'm not used to working in the american format.
sorry, a bit of a ramble there. I suppose my question is this: is there a simple step i'm missing where I can tell spry that my date columns are in a specific format? ie. dd/mm, not mm/dd?
something like:
var ds1 = new.Spry.Data.HTMLDataSet("myData.html", "table1", {sortOnLoad: "start_date", sortOrderOnLoad: "ascending"});
ds1.setColumnType("start_date", "date", {format:dd/mm/yyyy});
if not, there really should be!
*any admins reading, mental note for the next release please...! :-)*
I suppose i could give in and convert all my dates to the american system which would solve all the problems, but i never like being bullied by the Yanks! -
Using alternate rows with Spry Data Set
Can anyone provide more information on how to implement alternate row colors with a Spry Data Set? What I have done is:
Create spry data set using HTML page as the data set
The html page that displays the data set is: <div spry:region="equipment">
In the default.css page that is linked, I added the info in note #1 below
When the page displays, no colors appear. Tried changing the colors and still no luck. Is there another step to do?
Note #1:
within the default.css, the following are declared:
#equipment odd {
background-color: #CCC;
#equipment even {
background-color: “#F2F2F2;
Note #2:
Here is a link to see the actual pages referenced above.
Any ideas? Getting frustrated!! Thanks in advance for any advice.You are going to kick yourself, but, you haven't assigned any page element the ID #equipment. The region is called that but the table or the DIV does not have an idea and your selector matches nothing...
-
How do you set up Paged View with Spry Data Sets
Hope someone can help. I have constructed a Spry data set using a html table and want to use the paged view javascript to limit the amount of rows displayed on one page at a time to 10 then forcing a new page. Have found the java script file in the spry 1.6 download and attached it to the spry assets folder and have followed the instructions found at the Adobe development center http://labs.adobe.com/technologies/spry/articles/pager/index.html with no luck. Have attached files to show what I have done. If someone could look at this and point out my error or suggest a better way I would be grateful. I am not a code warrior so simple instructions would be so helpful. Many thanks in advance.
Here is the code
<!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/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script src="SpryAssets/SpryPagedView .js"></script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.HTMLDataSet("table.html", "ds1", {sortOnLoad: "Name", sortOrderOnLoad: "ascending"});
ds1.setColumnType("Phone", "number");
var pv1 = new Spry.Data.PagedView( ds1 ,{pageSize: 10});
//-->
</script>
</head>
<body>
<input type="button" value="First" onclick="pv1.firstPage();" />
<input type="button" value="Prev" onclick="pv1.previousPage();" />
<input type="button" value="Next" onclick="pv1.nextPage();" />
<input type="button" value="Last" onclick="pv1.lastPage();" /
<div class="MasterDetail">
<div spry:region="ds1" class="MasterContainer">
<div class="MasterColumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{Name}</div>
</div>
<div spry:detailregion="ds1" class="DetailContainer">
<div class="DetailColumn">{Name}</div>
<div class="DetailColumn">{Product}</div>
<div class="DetailColumn">{Contact}</div>
<div class="DetailColumn">{Phone}</div>
</div>
<br style="clear:both" />
</div>
<input type="button" value="First" onclick="pv1.firstPage();" />
<input type="button" value="Prev" onclick="pv1.previousPage();" />
<input type="button" value="Next" onclick="pv1.nextPage();" />
<input type="button" value="Last" onclick="pv1.lastPage();" /
</body>
</html>Your region needs to refer to the pageview, not the dataset. Your paged view var is already looking at/pulling in the ds.
I would change the following code:
<div spry:detailregion="ds1" class="DetailContainer">
<div class="DetailColumn">{Name}</div>
<div class="DetailColumn">{Product}</div>
<div class="DetailColumn">{Contact}</div>
<div class="DetailColumn">{Phone}</div>
</div>
to read the following:
<div spry:region="pv1">
<table>
<tr spry:repeat="pv1">
<td>{Name}</td>
<td>{Product}</td>
<td>{Contact}</td>
<td>{Phone}</td>
</tr>
</table>
Regards,
Michael -
How to create a category/sucategory list with spry data
I am trying to create a a menu list that looks like this using spry:
Category Name
subcategory1
subcategory2
subcategory3
my mysql query is:
SELECT myp_category_cat.idmnu_cat, myp_category_cat.category_cat, myp_subcat_sct.subcat_sct, myp_subcat_sct.id_sct FROM (myp_category_cat LEFT JOIN myp_subcat_sct ON myp_subcat_sct.idcat_sct=myp_category_cat.id_cat) WHERE myp_category_cat.idmnu_cat=1
i have ben trying to use xpath filtering but i am getting an error. My datasets look like this:
var dsCategories = new Spry.Data.XMLDataSet("myincludes/categories.php", "export/row/category", {sortOnLoad: "category", sortOrderOnLoad: "ascending", distinctOnLoad: true});
var dsList = new Spry.Data.XMLDataSet("myincludes/categories.php", "export/row/subcat");
now i try to combine like this but getting error:
<div spry:region="dsCategories" class="SpotlightAndStacked">
<div spry:repeat="dsCategories dsList" class="SpotlightAndStackedRow">
<div class="SpotlightContainer">
<div class="SpotlightColumn"> {category} {subcat} </div>
</div>
<br style="clear:both; line-height: 0px" />
</div>
</div>
i am now getting a failed to retrieve dataset. Both dataset work perfectly when not combined.You have to declare all your SPRY Datasets in the region:
div spry:region="dsCategories dsList" class="SpotlightAndStacked">
Kevin -
Hi,
I have page that uses a spry data set called 'dsSupport',
however i do not want to use a table to select the item in the list
i am instead using a spry select box:
<div spry:region="dsSupport">
<h1>Step1: Select your product:</h1>
<form id="form1" name="form1" method="post" action="">
<p><strong>Choose from a
list:</strong><br />
<span id="spryselect1">
<label>
<select name="prodlist" id="prodlist">
<option spry:repeat="dsSupport" spry:setrow="dsSupport"
value="{model}">{name}</option>
</select>
</label>
<span class="selectRequiredMsg">Please select an
item.</span>
</span>
</p>
</form>
</div>
This is connected to a spry detail region so i can pull up
more details from the data set, but when i change the option in the
select box nothing happens. Is this possible? If so can anyone
help!
If i drop a spry table in to the div tag as well i can select
the items in there and the detail region does change so i know its
linked ok and all the table items are showing in the select box, i
just cannot get it to change when i select something different in
the select box!fixed it using:
<select spry:repeatchildren="dsSupport"
spry:choose="choose" name="prodlist"
onChange="dsSupport.setCurrentRow(this.selectedIndex);">
<option spry:when="{ds_RowNumber} ==
{ds_CurrentRowNumber}" selected="selected">{name}</option>
<option spry:default="default">{name}</option>
</select> -
Spry collapsible panel with spry data
I have created a spry collapsible panel and wanted to put
srpy data in it, to dynamically load.
i also want to hide the entire panel if no data is available.
It will show the data, but the click to open/close does not
work.
here is the code.I have made some progress, thanks, however im still getting
some odd formatting issues, for example, the 1st panel shows with
different design to the rest of the panels.
this is my code;
<div id="region" spry:region="ds1">
<div id="repeat" spry:repeat="ds1">
<div id="CollapsiblePanel{ds_RowID}"
class="CollapsiblePanel">
<div class="CollapsiblePanelTab"
tabindex="{ds1::ds_RowID}"> <h1>{title} - last amended
{amended}</h1></div>
<div
class="CollapsiblePanelContent"><strong>{message}</strong>
Added by <strong>{owner}</strong> on
<strong>{added} </strong>(REF:
<strong>{id}</strong>) <a href="/service/index.asp"
target="_self">View full details</a></div>
</div>
<script type="text/javascript">
<!--
var CollapsiblePanel{ds_RowID} = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel{ds_RowID}");
//-->
</script>
As you can see, I am inserting {ds_RowID} in the variable
name, in order for the panels to operate independantly, however
have I coded it correctly? -
Tabbed Panels: Opening panel with panel number doesn't work with Spry Data
I have some data inside a TabbedPanelsContent div, and would
like to be able to open tabs using links, but it only seems to work
with static content.
Clicking on tabs themselves loads content correctly, whereas
clicking on links does nothing. I tried both - panel number and
panel ID - neither worked. What gives?
See code below.
<div spry:region="ds1">
<div class="TabbedPanels" id="tp1">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Asset
Management</li>
<li class="TabbedPanelsTab"
tabindex="0">Brokerage</li>
<li class="TabbedPanelsTab" tabindex="0">Mutual
Funds</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<p spry:repeat="ds1"
spry:test="'{@industry01}'.search(/^Asset Management/) !=
-1;">{ds1::client}</p>
</div>
<div class="TabbedPanelsContent">
<p spry:repeat="ds1"
spry:test="'{@industry02}'.search(/^Brokerage/) !=
-1;">{ds1::client}</p>
</div>
<div class="TabbedPanelsContent">
<p spry:repeat="ds1"
spry:test="'{@industry03}'.search(/^Mutual Funds/) !=
-1;">{ds1::client}</p>
</div>
</div>
</div>
<script type="text/javascript">
var tp1 = new Spry.Widget.TabbedPanels("tp1");
</script>
</div>
<a href="#" onclick="tp1.showPanel(0); return
false;">Asset Management</a>
<a href="#" onclick="tp1.showPanel(1); return
false;">Brokerage</a>
<a href="#" onclick="tp1.showPanel(2); return
false;">Mutual Funds</a>Try to declare the variable out side of the region
<script> var tp1;</script>
<div spry region ... >
tab panel stuff
<script type="text/javascript">
tp1 = new Spry.Widget.TabbedPanels("tp1");
</script>
</div> -
Working with Spry Data Elements
As I understand it, I have to format elements such as dates,
currency, etc. myself. Can someone can tell me how to manipulate
the data elements in Spry (JS/DOM/?). I don't (necessarily) need
date and currency examples, just something simple to get me
started.
For instance, I would like to alter the way {currency} and
{date} appear below:
<tr spry:repeat="dsList">
<td>{currency}</td>
<td>{date}</td>
</tr>
Currently, this is pretty ugly...
<tr spry:repeat="dsList">
<td>2006-10-02 10:18:35.983</td>
<td>16500000.0000</td>
</tr>
Any JS example will help me... for instance, the code adding
one (+1) to the currency value would get me through this;)
Not vital to this question, but this is a cfquery that's
using Raymond Camden's toXML component (which rocks) to convert my
queries to XML variables for Spry.
many thanks...Nevermind... I figured it out.
I simply added the following code in between the query object
and the conversion to xml:
<cfif len(myQuery.date)>
<cfoutput query="myQuery">
<cfset query.date=DateFormat(query.date,"mm/dd/yyyy")/>
</cfoutput>
</cfif>
Raymond's toXML
http://ray.camdenfamily.com/projects/toxml/
Maybe it'll help someone else ;) -
Reference: Converting Database Queries to XML
Reference Link:
Labs
Example
I have converted various database queries (i.e.standard
queries and JOINED Tables) to XML however as I filter the DB Query
to pass/receive a URL Parameter from (i.e projectsID = projectsID
(URL Param) so that I can click on one record from one
category_detail page and view the details of that record on the
product_detail page, XML does not seem to accept that because when
I go to product_detail page to create dsProject (dataset), the
schema only shows <row> and not the columns from the MySQL
database.
Why is that and is there a way to pass a URL Parameter from
one page to the next and have XML recognize that?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 -
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
-
Dynamic variable value based on a value from xml
I have a invoice template and it is for 4 different companies in my organization. Based on the organization I need to have a different value for a variable that adds blank lines to the end of the invoice. Is there anyway to assign a value to variable
-
Hi, I wonder if anyone can help me with this. I'm at University, trying to connect my MacBook to a printer, but my Uni doesn't support Macs. I've got the instructions for connecting to the address in command prompt in Windows. Does anyone know of a w
-
Someone hasa stolen my new iPod Touch, I do have the serial number. I need to know if I can locate it an dlock it.
-
Hi, I'm teaching myself CSS and am having trouble when I'm creating multiple navigation menus. I've got the navs in separate divs, but each time I set new CSS properties to the new nav it seems to be leaking into the other divs and applying some form
-
25p material recorgnised as 25i
Hi, Shooting 25p using a Canon HF100 PAL. After import FCPX identify it as 25i. Looks like a incompatibility. What shall I do as workaround? Change the properties for each clip, project or both? Or does it not matter. At first look the output from F