Spry Data in HTML Panel
I'd like to load a page w/ dynamic data content through an
HTML Panel. Can it be done?
Hi,
There is some problem in Spry where in if the loaded content
has any spry:regions or dataset objects, those are not executed as
expected. You need to replace the Spry.Utils.setInnerHTML function
with the following code
Spry.Utils.setInnerHTML = function(ele, str, preventScripts)
if(!ele)
return;
ele = Spry.$(ele);
var scriptExpr =
"<script[^>]*>(.|\s|\n|\r)*?</script>";
ele.innerHTML = str.replace(new RegExp(scriptExpr, "img"),
if (preventScripts)
return;
var matches = str.match(new RegExp(scriptExpr, "img"));
if (matches)
var numMatches = matches.length;
for (var i = 0; i < numMatches; i++)
var s = matches
.replace(/<script[^>]*>[\s\r\n]*(<\!--)?|(-->)?[\s\r\n]*<\/script>/img,
var oScript = document.createElement("script");
oScript.text = s;
ele.appendChild(oScript);
Spry.Data.initRegions(Spry.$(ele));
It should work fine.
-JV
Similar Messages
-
Currently I am making a site with spry Datasheet (with a
HTML). I have two datasheet that i use. The spry-masterdetail part
contains two sets of rows with thumbs of the datasheet file.
Somewhere on my page I have the spry-detail. If i click on one of
the thumb it shows in de spry-detail the result. This works with
the first of the rows with thumbs. The second row doesn't work.
This is because the first result (when you click on the thumb of
the first row) is on top of second result (when you click on the
thumb of the second row).
These are my codes for the result when clicking on the thumb:
<div spry:detailregion="dsgr dsva"
class="DetailContainer">
<div class="DetailColumn">{Picture}</div>
</div>
As you can see the detailregion contains two datasheets (dsgr
ad dsva). But it can't choose which one to set on top. How do i
deal with this problem. Javascript (I don't know how to do this)?
I've read somewhere to use spry:choose but this isn't very clearly
for me.Hi,
There is some problem in Spry where in if the loaded content
has any spry:regions or dataset objects, those are not executed as
expected. You need to replace the Spry.Utils.setInnerHTML function
with the following code
Spry.Utils.setInnerHTML = function(ele, str, preventScripts)
if(!ele)
return;
ele = Spry.$(ele);
var scriptExpr =
"<script[^>]*>(.|\s|\n|\r)*?</script>";
ele.innerHTML = str.replace(new RegExp(scriptExpr, "img"),
if (preventScripts)
return;
var matches = str.match(new RegExp(scriptExpr, "img"));
if (matches)
var numMatches = matches.length;
for (var i = 0; i < numMatches; i++)
var s = matches
.replace(/<script[^>]*>[\s\r\n]*(<\!--)?|(-->)?[\s\r\n]*<\/script>/img,
var oScript = document.createElement("script");
oScript.text = s;
ele.appendChild(oScript);
Spry.Data.initRegions(Spry.$(ele));
It should work fine.
-JV -
Images not loading in Spry HTML Panel
Hallo everyone
I am using links to load html fragments in a Spry HTML Panel, just like in the example page
http://labs.adobe.com/technologies/spry/widgets/htmlpanel/SpryHTMLPanel.html
The whole structure is inside a Spry Tabbed Panel.
All works ok if the target html pages are in the same directory as the mother page.
Images are standard in the "images" folder
The problem starts when I try to organise all the html fragments in a separate directory.
Updating links in all the html files is of course done correctly, images included.
Then the problem starts.
The html fragments load but with no images.
When I open the html fragments directly by the browser all is ok.
Any ideas would be appreciated
Thanks!Can you upload your pages to a server and give us a link?
If your images are in your site folder (no matter which directory), but they are not showing up in your fragments, it is likely that the paths are wrong. The images (it seems to me) should exist on the fragment and be linked from there.
I won't have a chance to fiddle around with this right now, but if your images are linked to the fragment locations and that does NOT work, try linking them as if they were on the page that is showing the fragments. I'm not familiar (yet) with this widget.
Beth -
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 -
Spry.Data.HTML Firefox .vs. IE
Hi,
I have a relatively simple page with two HTML table data
sources.
ds1 = Flashcontent.html and ds2 = PDFcontent.html and their
respective tables, FlashDemoContent and PDFDemoContent.
I'm using a Spry Tab widget that contains two tabs, and Spry
repeats in each tab to show the content from
the tables above.
It all works just great on IE. HOWEVER, on Firefox (2.x and
3.x), I get the error:
Spry.Data.HTMLDataSet: 'PDFDemoContent' is not a valid
element ID.
Data shows up on the first tab (FlashContent) but not on the
2nd tab.
Any thoughts? I'd be happy to share the code if need be.
thanks for any pointers.
mikeHi,
Thanks for replying. I really appreciate it. Unfortunately, I
don't have a URL handy that I can publish to. (Behind the corp
firewall with no access to my home server)
However, I think I might have figured it out. When
referencing the column names (ie: {FullName}, {Directory}), if you
are using the same name more than once, you should reference as
follows:
{ds1::FullName}
{ds2::FullName}
etc...
Once I clarified that, it worked well in both IE7 and Firefox
(3.0).
I dare say, this has been enjoyable! Thanks again for
replying. I'd appreciate if someone could verify my findings.
mike -
Need to control page view to 20 from an html data source for a spry data repeating region
</style>
<script src="SpryAssetPan/SpryData.js" type="text/javascript"></script>
<script src="SpryAssetPan/SpryHTMLDataSet.js" type="text/javascript"></script>
<script src="SpryAssetPan/SpryPagedView.js" type=”text/javascript”></script>
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.HTMLDataSet("wrapAround_master2.html", "wrap2", {distinctOnLoad: true, sortOnLoad: "Item", sortOrderOnLoad: "ascending"});
var pv1 = new Spry.Data.PagedView( ds1 ,{pageSize: 20 });
//-->
</script>
</head
<body>
<div id="wrapper">
<div spry:region="ds1">
<div id="repeatOne" spry:repeat="ds1">
<p>{Photo_2}<br />
{Item}</p>
</div>
Here you can find the file that I need to Create Paged View data set navigation
http://www.hohmangraphics.com/masterProductGuide/WrapAround_art/joestest_2.htmlThank you,
With some adjustments it worked, see source code below,
<script src="SpryAssetPan/SpryData.js" type="text/javascript"></script>
<script src="SpryAssetPan/SpryHTMLDataSet.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript" src="SpryAssetPan/SpryPagedView.js"></script>
<script language="JavaScript" type="text/javascript">
var ds1 = new Spry.Data.HTMLDataSet("wrapAround_master2.html", "wrap2", {distinctOnLoad: true, sortOnLoad: "Item", sortOrderOnLoad: "ascending"});
var pv1 = new Spry.Data.PagedView( ds1 ,{pageSize: 10});
//-->
</script>
</head>
<body>
<div id="wrapper">
<p>
<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();" />
<br />
</p>
<div spry:region="pv1 ds1">
<div id="repeatOne" spry:repeat="pv1">
<p>{Photo_2}<br />
{Item}</p>
</div> -
Spry data set and html table with multiple images
I use "Spry Data Set" in my Dreamweaver CS4 site. I need to make one html file (a product page) and all the product data comes from a separate html table.
So, I have a html table that contains the product data and the images. Each row is one product.
Column 1 contains a product name
Column 2 contains product information
Column 3 contains products thumbnail image 1
Column 4 contains products thumbnail image 2
Column 5 contains products large image 1
Column 6 contains products large image 2
This a simple example of the idea. In reality, there is lot more content.
So the actual question is that:
How can I show in the product page all the thumbnail images, but only one large picture at a time?
And when the thumbnail is clicked the large picture changes accordingly.It depend entirely on what you want.
One way would be to show a shadow box as per http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=shadowbox&search_exchange=&num =25&startnum=1&event=search&sort=0&interim_dummy_tmpfield=&Submit= or http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=lightbox&search_exchange=&sear ch_license=&search_rating=&search_pubdate=&Submit=Search&num=10&startnum=1&event=search&so rt=0&dummy_tmpfield=
Another way is to have a master/detail area where the large image appears after clicking in the master area like this http://labs.adobe.com/technologies/spry/demos/products/index.html
You could also use tooltips as in http://labs.adobe.com/technologies/spry/samples/data_region/TooltipwithData.html.
There are many more ways, but you need to make the desicion based on the layout of your page.
Gramps -
Spry HTML Panel Widget breaks ICE
I'm using the spry html panel widget to load a side bar
across my site. It has Ice tags as do the main pages its loaded
into. When editing a main page, it will not save saying. "the html
sent to save was not in the page". (referring to my spry sidebar).
Taking ICE out of the side bar page allows it to work.
Is there a work around to use this adobe spry widget with in
context editing? It would be a shame is the sidebar can't be
edited, or has to be done for every page it loads into not using
the spry widget.Hello Addis,
I'm not entirely clear on your workflow, but InContext
Editing does not support editable or repeating region groups inside
Spry Dynamic Regions.
You can create editable regions on the html page that loads
into the spry html panel widget, but you cannot have editable
regions on the
dynamic widget region itself.
Essentially, you can apply InContext Editing editable regions
to the content in the external HTML page (e.g.,
panelWidget.loadContent('
widget_contents.html'). Then, when you want to edit the
content that loads into the widget on the main pages, you would
edit the
widget_contents.html page with InContext Editing. You can
also apply InContext Editing editable regions to any
static content regions on your main pages.
Please let me know if this needs clarification.
Best regards,
Corey -
No Script are working in SPRY HTML panel
I'm getting trouble with this website :
http://dubezy-faure.com.linkfirst-preprod.linkeo.org/
I've have 2 HTML fragments with lightbox and a spry contact
form in them but no one is working. When I bypassed the HTML panel,
my scripts work fine.
I've use the evalScripts:true but still nothing.
Below is the code :
<div id="menuhaut">
<ul>
<li><a href="index1.htm"
onclick="hpanel.loadContent(this.href); return
false;">Accueil</a></li>
<li><a href="real1.htm"
onclick="hpanel.loadContent(this.href); return
false;">Réalisations</a></li>
<li><a href="contact1.htm"
onclick="hpanel.loadContent(this.href); return
false;">Contact</a></li>
</ul>
</div>
<script language="JavaScript" type="text/javascript">
var hpanel = new
Spry.Widget.HTMLPanel("main",{evalScripts:true});
</script>
I've added the scripts in the HTML fragments as followed :
FOR LIGHTBOX
<link href="css/lx.css" rel="stylesheet" type="text/css"
/>
<script type="text/JavaScript"
src="script/lx.js"></script>
FOR the SPRY VALIDATION SCRIPT
<link href="css/validate.css" rel="stylesheet"
type="text/css" />
<script type="text/JavaScript"
src="script/validate.js"></script>
Could someone help me...Thanks Diana !
My contact form is now working fine, but what about the
lightbox for the page Realisation? It has a lightbox effect on
clicking an image inside the HTML fragment. This lightbox do not
work. No error message is reported in firebug. I find this odd.
The lightbox effect works fine for the button plan, because
it's found outside the HTML fragment. Anything in the HTML panel
fails.
Thanks in advance for the support -
Spry HTML Panel and Google Indexing
I've started working with Google analytics and am now realizing that my use of the Spry HTML Panel as cool and efficient as it is, is not being index by Google. I am using the links with php pages that query a FileMaker database for it's content and need to have Google be able to open and index the pages. What changes can I make to the standard HTML Panel Code to allow this to happen. I'm getting ready to take on a large project and this will be very necessary.
Thanks in Advance
JoeAjax requests / all javascript are not seen by spiders / bots. Its a
common issue with Ajax applications.
There a few ways to get them indexed. Point to it with a general site
map. So it get indexed through a other way.
Place links on the page that does the ajax calls to the urls. And
replace the urls with your HTML panel content.
So Spiders will follow the normal links and users will get the content.
Other way it to completely ditch html panel and just show it on the
page it self :P
Arnout Kazemier | Adobe Spry Community Expert
Internet: http://www.3rd-eden.com
Twitter: http://www.twitter.com/3rdEden | http://www.twitter.com/AdobeSpry -
Controlling a Spry HTML panel with a Jump Menu
Hi, I wonder if anyone can help.
I've implemented a HTML panel within a page to display different page elements and have it working no problem with a simple href and an onClick event but I would like to control what is displayed by using a jump menu (drop down list) - any idea how I can control that to populate the necessary DIV?
eg: <select name="site" size=1 onChange="hpanel.loadContent(this.href); return false;"> (obviously this doesn't work!)
Thanks in advance
NeilIt works fine, but your pages arent found;
http://www.thedesignforge.co.uk/clients/elsevier/laure/v2/dollar_rates.html
See its missing.
But
http://www.thedesignforge.co.uk/clients/elsevier/laure/v2/dollar_rate.html
Exists. So it seems to me you are linking to a incorrect file. -
I have a working rating widget but when I use it in an HTML panel (part of the HTML file) it does not show up. I tried including all of the rating widget functions in both files but to avail. DO I need to use an observer since the rating widget is in another HTML being populated by the HTML panles widget?
Thanx!Jus to clarify for me:
I should include the <script src="path/to/rating.js"></script> in my main file. The page that displays all of my galleries.(for me it is galleries.html)
I will change it all around and see what happens
EDIT*****************************************************
It still looks as it did before, not sure what I did. heres the link again wioth all updated info
http://directory-sexy.com/categories/gallery/galleries.html
I may just consider using jquery for the rating as I am under a bit of a time crunch - I have school starting in two weeks and really need to get this up and running soon. I will also be adding comments to each image but that may require a bit more research.
Thanx again. -
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 -
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. -
Spry Data Set, include external page and javascript
I have a problem with Spry Data Set... I have necessity to
include a html page with javascript functions (static html page) in
another but doesn't work.
This is an example with "Elevator Panel Magic" extension
(projectseven.com):
Home page with dataset (home.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/SpryData.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.HTMLDataSet("include_header.html",
"header_menu_test");
ds1.setColumnType("column0", "html");
//-->
</script>
<link href="p7epm/epm1/p7EPM01.css" rel="stylesheet"
type="text/css" media="all" />
<script type="text/javascript"
src="p7epm/p7EPMscripts.js"></script>
</head>
<body>
<span spry:detailregion="ds1">{column0}</span>
</body>
</html>
External page with elevator panel magic
("include_header.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">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="header_menu_test">
<div id="p7EPM_1" class="p7EPM01">
<div id="p7EPMt_1" class="p7epm_trigs">
<ul>
<li class="t1"><a href="#p7EPMc1_1"
id="p7EPMtrg1_1">New Heading Text 1</a></li>
<li class="t2"><a href="#p7EPMc1_2"
id="p7EPMtrg1_2">New Heading Text 2</a></li>
</ul>
<div class="p7epm_ie5clear"> </div>
</div>
<div id="p7EPMdw_1">
<div id="p7EPMw1_1" class="p7epm_cwrapper">
<div id="p7EPMc1_1" class="p7epm_content pan1">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Quisque congue tristique eros. Nulla facilisi. Quisque sem
mauris, ullamcorper ac, gravida id, mattis id, sapien. Nullam
adipiscing enim dapibus felis. Fusce a nisi in odio pulvinar
fringilla. Nunc blandit interdum metus. Duis leo nunc, sollicitudin
ut, fermentum congue, pharetra eu, massa. Suspendisse potenti.
Morbi commodo mauris. Ut at pede. Ut id nisi. Donec scelerisque
urna quis ligula. Praesent est. Vestibulum scelerisque. Curabitur
quam. Fusce rhoncus pellentesque ipsum. Aenean venenatis metus ac
quam. Maecenas lacus lacus, sagittis vitae, congue at, euismod eu,
urna. Maecenas vitae purus. Praesent eros lectus, porta et, semper
nec, molestie eget, tortor.</p>
</div>
</div>
<div id="p7EPMw1_2" class="p7epm_cwrapper">
<div id="p7EPMc1_2" class="p7epm_content pan2">
<p>Lorem ipsum dolor sit amed sed diam nonummy nibh
euismod tincidunt ut. Duis autem vel eum iriure dolor in hendrerit
in vulputate velit esse molestie consequat, eu feugiat nulla at
vero eros et accumsan et odio qui blandit praesent luptatum augue
duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amed sed diam nonummy nibh
euismod tincidunt ut. Duis autem vel eum iriure dolor in hendrerit
in vulputate velit esse molestie consequat, eu feugiat nulla at
vero eros et accumsan et odio qui blandit praesent luptatum augue
duis dolore te feugait nulla facilisi.</p>
</div>
</div>
</div>
<!--[if IE 5]><style>.p7epm_trigs a {height:
1%;}.p7epm_ie5clear {clear: both;}</style><![endif]-->
<!--[if IE 6]><style>.p7epm_trigs, .p7epm_trigs
a {height: 1%;}</style><![endif]-->
<script type="text/javascript">
<!--
P7_opEPM('p7EPM_1',1,1,1,0,0,1000,0);
//-->
</script>
</div>
</div>
</body>
</html>
**********************I think it is a bit too late you're 'finally experimenting' with Spry.
Spry has been deprecated from Adobe and is now been made Open Source on GIT - meaning Adobe will no longer officially support Spry tools. The next major release of DW will most probably get rid of Spry, for good.
Read here: http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
jQuery is the way ahead. You may want to switch to jQuery - since anyway you've mentioned you're just 'experimenting' at the moment. That way, you're not spending time on something that is no longer being supported/ developed by their developers.
-ST
Maybe you are looking for
-
Can't print wirelessly with HP 7410 printer using Airport Extreme
I've got 3 Macs (2 laptops, one desktop) that I was using successfully with my wireless HP 7410 all in one printer using my old Airport Base (snow) Station (822 b & g). Just upgraded for a variety of reasons to the new Airport Extreme Base station an
-
DVD+R 4.7GB 1-16x speed - will it be read and can i burn it on...
Hi, Can such a DVD be burnt and or read on the new MacBook Pro's 8x SuperDrive (DVD±R DL/DVD±RW/CD-RW)? It says on the DVD that one has to check whether the drive supports 16x speed DVD+R discs... Thank you for your guidance! Best, Jonathan
-
Sleep Issues with 20" Intel iMac
I am having trouble with the iMac not "waking up" from sleep mode. In fact, it's not a full sleep. I have the machine set to "never" go to sleep. I do have the screen set to go dark after 30 minutes of inactivity. I also have the "turn hard drives of
-
Integration of icefaces in jdev 11gTP2
Hi, I want to know if it is possible to integrate icefaces with TP2 or any other framework Thanks
-
Activation email.. anyone still waiting?
Hey everyone. Just got the IPhone today and am waiting for the activation email for the past three hours.. I was just wondering if anyone is still getting this and when I should expect to get this email. I know it took quite sometime the first few da