Spry:repeat and CDATA
Hi all,
I'm trying to get CDATAs from a XML-file. But it doesn't work
within a spry:repeat so far, but maybe I'm missing something (see
code). All I get is an empty field-column. {field} is tagged with
CDATA. The {@id} is performing well.
Any ideas?
Thank you,
Thomas
Hi all,
I'm trying to get CDATAs from a XML-file. But it doesn't work
within a spry:repeat so far, but maybe I'm missing something (see
code). All I get is an empty field-column. {field} is tagged with
CDATA. The {@id} is performing well.
Any ideas?
Thank you,
Thomas
Similar Messages
-
Problem with Spry:Repeat and Slide Effect on IE6
I run the website for my kids' hockey association and I'm not
a web programmer. I am trying to display events in a Spry region
using spry:repeat. The data is coming from a Google Calendar . I
display the event date and title on the main page. I have the
onclick set to call a javascript function that exposes the details
using the spry slide effect. It works ok except in IE6.
The following creates my dataset from a method call to a
Coldfusion component that returns the XML I need:
<script type="text/javascript">
var ds1 = new Spry.Data.XMLDataSet("
http://tornadoyouthhockey.org/Events.cfc?method=EventXML",
"events/event",{distinctOnLoad:false});
</script>
The following function slides open the detail:
<script type="text/javascript">
function startBlind(rid) {
var contentdiv = document.getElementById('panel'+ rid
+'Content');
var panel_height = contentdiv.clientHeight;
if (panel_height<100){
var bd = new Spry.Effect.Blind('panel'+ rid +'Content',
{duration: 800, to: '100px', toggle: true});
else {
var bd = new Spry.Effect.Blind('panel'+ rid +'Content',
{duration: 800, to: '0px', toggle: true});
bd.start();
</script>
Within the repeat I have:
<div class="EventPanelLabel"
onclick="startBlind({ds_RowID});">{startDate} —
{title}</div>
I think the XML looks OK but for some reason when the page
loads, IE6 returns:
Exception caught while loading
http://tornadoyouthhockey.org/Events.cfc?method=EventXML:
[object Error]
The page seems to work fine in Safari and Firefox on the Mac
and IE7 as well as Firefox on Windows. Just IE6 seems to be having
the problem. Could you please take a look at
http://tornadoyouthhockey.org
and provide any suggestions you may have?
Also, is there a way to hide the {startDate} - {title} I'm
seeing while the page loads?
Thanks,
KevinKin:
Thanks for your reply. I made the changes you suggested but,
unfortunately, IE6 is still giving me the same error when the page
loads:
Exception caught while loading
http://tornadoyouthhockey.org/Events.cfc?method=EventXML:
[object Error]
Could this be part of the problem an need to be changed as
well? :
<div id="panel{ds_RowID}Content"
Any other ideas? The page is live if you'd care to look...
http://tornadoyouthhockey.org
Kevin -
AIR: Problem with Spry Repeat and JavaScript Action
Hi there,
I've tried to convert my Spry Intranet application to AIR but
there are some issues with my "hacky" JavaScript function calls.
AIR does not allow to execute them. How can i solve that problem?
It seems to that AIR Runtime don't like the generated Functions by
Spry:repeat.
code:
<div spry:repeat="banCategory" id="{ban_cat_name}"
class="{ban_cat_name}"> <img src="pic/{ban_cat_icon}.png"
/> {ban_cat_name}, {ban_cat_colorcode}, {ban_cat_icon} <a
href="#" onclick="editCat('{ban_cat_id}')">edit </a>|<a
href="#" onclick="removeCat('{ban_cat_id}')"> remove</a>
</div>
</div>Which version of Spry are you using?
We made changes in 1.6.1 specifically for AIR compatibility.
Have you seen this?
http://labs.adobe.com/technologies/spry/articles/air/photo_gallery.html -
Help. I am new to Spry (although been doing JS for years) and
am attempting to get a handle on it. Here is my issue. I am
attempting a simple spry:repeat and all I am getting is my last
node.
Here is the XML chunk:
<?xml version="1.0" encoding="iso-8859-1"?>
<newHire>
<quickStart>
<quickLink linkUrl="#">Accessing Activant systems and
launching the VPN</quickLink>
<quickLink linkUrl="#">Navigating the Employee
Intranet</quickLink>
<quickLink linkUrl="#">Using the Employee Training
Portal</quickLink>
<quickLink linkUrl="#">Using CEP</quickLink>
</quickStart>
</newHire>
HTML...
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<title>Spry Test</title>
<script src="includes/xpath.js"
type="text/javascript"></script>
<script src="includes/SpryData.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
// STEP 1: Create a data set.
var dsNewHireQuickStart = new
Spry.Data.XMLDataSet("newHire.xml", "newHire/quickStart");
//-->
</script>
</head>
<body>
<div id="quickLinks" spry:region="dsNewHireQuickStart">
<ul>
<li
spry:repeat="dsNewHireQuickStart">{quickLink}</li>
</ul>
</div>
</body>
</html>
Thoughts?
~ClayHi,
change your xml structure so that each quickLink tag is
wrapped in a quickStart tag, like this:
====================== new xml =================
<?xml version="1.0" encoding="iso-8859-1"?>
<newHire>
<quickStart>
<quickLink linkUrl="#">Accessing Activant systems and
launching the VPN</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Navigating the Employee
Intranet</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Using the Employee Training
Portal</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Using CEP</quickLink>
</quickStart>
</newHire> -
Spry:repeat works in Mozilla and not IE 6
I made this little test in Spry.
It happens to work in Mozilla but not in Internet Explorer 6
which is quite weird since I almost copy/pasted from one of the
included examples (the example worked fine everywhere).
Can anyone point me in the right direction please?
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>
<title>Club voleibol bargas</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<script language="JavaScript" type="text/javascript"
src="scripts/spry/xpath.js"></script>
<script language="JavaScript" type="text/javascript"
src="scripts/spry/SpryData.js"></script>
<script language="JavaScript" type="text/javascript">
var dsNews = new
Spry.Data.XMLDataSet("scripts/xml_noticias.php", "/allnews/news");
</script>
</head>
<body>
<div spry:region="dsNews">
<div spry:repeat="dsNews">{header}</div>
</div>
</body>
</html>
The XML needed for this looks like this:
<allnews>
<news>
<id>26</id>
<header>Morbi mauris.</header>
</news>
<news>
<id>23</id>
<header>Lorem ipsum dolor sit amet</header>
</news>
<news>
<id>8</id>
<header>Proin convallis. Duis sed est ut ligula
ullamcorper bibendum.</header>
</news>
</allnews>I spent days trying to figure it out and the minute I post it
here the solution comes to me!
The problem was that the XML file was being generated by a
PHP script which was not outputting the appropriate headers.
You can use:
header('Content-Type: text/xml');
Or use this other one if your charset is NOT US-ASCII:
header('Content-Type: application/xml'); -
How do I set up the spry repeat to show an image repeat in 3
rows of 3?
img img img
img img img
img img img
and to continue to repeat even if it's more than 9 items, say
10? to continue repeating based off of dynamic XML content:
img img img
img img img
img img img
img
I've looked at the demo:
http://labs.adobe.com/technologies/spry/demos/gallery/index.html
but had difficulty finding the js for the repeat instead of
the player function.
Thanks!Hi,
See my reply to your other post, again use CSS to achieve
this
<div class="photobox">
<div class="thumbNail" spry:repeat="Photos">
<a
href="ePhotos.asp?imgUrl={Photos::imgUrl}&imgAlt={Photos::imgAlt}"
target="_blank" ><img src="{Photos::imgUrl}"
alt="{Photos::imgAlt}"></a> </div>
</div>
</div>
The CSS for photobox div is straight forward
.photobox {
width: 720px;
The CSS for thumbNail in the previous post sizes them at
200px wide. so since they are contained in the photobox div they
are limted to a div 720px wide (since 4x200px = 800 > 720 the
4th image must start a new row). So you can only fit three images
across (inline) per row and you achieve exactly what you require.
Cheers
Phil -
Help with Spry Rating Widget within a Spry Repeating Region
My link http://www.youthinkyougotitbad.com
This is a long question, but it seems to me if answered somewhere it could help alot of people in the spry community creating comment boards as it uses three important spry widgets: rating, repeating, and tabbed panels. I am trying to use spry rating widget within a spry repeating region within a spry tabbed panel with xml. I was trying to go with the pulse light script (http://forums.adobe.com/message/3831721#3831721) but Gramps told me about the spry rating widget. But I have ran into a couple more problems. First, I couldnt find that much information on the forums or online about how to do the php page with the spry rating widget. None of these have any information on how to do it:
http://labs.adobe.com/technologies/spry/articles/rating_overview/index .html
http://labs.adobe.com/technologies/spry/articles/data_api/apis/rating. html
http://labs.adobe.com/technologies/spry/samples/rating/RatingSample.ht ml
And it seems that the official examples are so poor (or I am just ignorant, which def could be a possiblity) it shows
to set the initial rating value from the server, but uses a static value of 4
http://labs.adobe.com/technologies/spry/samples/rating/RatingSample.html
<span id="initialValue_dynamic" class="ratingContainer">
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<input id="spryrating1_val" type="text" name="spryrating1" value="4" readonly="readonly" />
<span class="ratingRatedMsg sample">Thanks for your rating!</span>
</span>
<script>
var initialValue_dynamic = new Spry.Widget.Rating("initialValue_dynamic", {ratingValueElement:'spryrating1_val'});
</script>
I finally found a site that has the php and mysql setup.
http://www.pixelplant.ro/en/articles/article-detail/article/adobe-widgets-for-download.htm l
But its not perfect. It has the same problem that I ran into with Pulse light, that you had to use php echo within the spry repeating region to set the initial value from the server:
<span id="spryrating1" class="ratingContainer">
<span class="ratingButton"></span>
<input type="text" id="ratingValue" name="dynamic_rate" value="<?php echo $row['average']?>"/>
</span>
<script type="text/javascript"
var rating1 = new Spry.Widget.Rating("spryrating1", {ratingValueElement:'ratingValue', afterRating:'serverValue', saveUrl: 'save.php?id=spryrating1&val=@@ratingValue@@'});
</script>
So instead, I tried with three of my panels (www.youthinkyougotitbad.com) to get the average rating from xml by using the following queries:
Recent
Returns the blurts in most recent order along with average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt Group By Id_blurt ORDER BY Blurt.`Date` DESC
Wet Eyed
Returns the blurts in highest ratings order along with the average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt AND ratings.rating_value > 0.1 Group By Id_blurt ORDER BY average_r Desc
Dry Eyed
Returns the blurts in lowest rating order along with the average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt AND ratings.rating_value > 0.1 Group By Id_blurt ORDER BY average_r
These all return the correct xml in the correct order.And they return the average rating of each blurt which I can send to my page with xml.
My first question is that I dont know how to configure the query on my fourth panel Empathized & Advised the same way because it already has a Group By for the Comment Id.
SELECT `Comment`.id_Blurt, COUNT(*) as frequency, Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date FROM Blurt, `Comment` WHERE Blurt.Id_blurt = `Comment`.id_Blurt GROUP BY `Comment`.id_Blurt ORDER BY COUNT(*) DESC";
Not sure if you guys need more information to understand that all, if so just ask.
So after I get my average value through xml to the first three panels, I set my spry repeating region up like this:
(Blurt panel)
<div spry:region="pv1" spry:repeatchildren="pv1">
<div class="blurtbox">
<!-- most recent blurt tab-->
<h3> "{pv1::Blurt}"</h3>
<p> Blurted from {pv1::Location} at {pv1::Date}</p>
<p>Empathize or Advise about {pv1::Name}'s Blurt #<a href="detailblurt.php?blurtid={pv1::Id_blurt}"> {pv1::Id_blurt}</a></a></p>
<span id="{pv1::Id_blurt}" class="ratingContainer">
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingRatedMsg">Thank You! Your tears have been tallied.</span>
<input type="text" id="ratingValue" name="dynamic_rate" value="{pv1::average_r}"/>
</span>
<script type="text/javascript">
// overview of available options and their values:
// http://labs.adobe.com/technologies/spry/articles/rating_overview/index.html
var rating1 = new Spry.Widget.Rating("{pv1::Id_blurt}", {ratingValueElement:'ratingValue', afterRating:'serverValue', saveUrl: 'save.php?id={pv1::Id_blurt}&val=@@ratingValue@@'});
</script>
<br/>
</div>
</div>
Ok, it registers the right vote in the database with the right blurt id each time. But I am having two problems so far:
One, even though {pv1::average_r} returns the correct average through xml, it doesn't show the initial rating value for each of the repeating blurts. It seems to show the first one correct, and then just repeat that same value to the other ones that follow. I just dont understand since it can get the correct server value right after you vote (afterRating:'serverValue), that I can't manipulate spryrating.js in some way that I could just replace 'ratingValue' in ratingValueElement:'ratingValue' with something to give me the initial server value.
Two: Is even more mysterious to me, if you play around with voting on the site, sometimes you are unable to vote on different blurts. Its weird. It seems like that the javascript is completely off just on those blurts. And sometimes its a whole row, sometimes none. But so far its never a problem on the first tabbed panel (Recent), only on the other three. As far as I know, the coding is exactly the same in each tab's repeating region except for the different xml input.
And, now on the live server, sometimes the pics of tears used to voting dont show up until you click.
Any help on those three questions (how to query the fourth panel, how to show the initial server value, and the glitches with voting) would be greatly appreciated!! I looked pretty hard on adobe forums and other sites, and didnt see much on how to really use the spry rating widget with php and xml.
Thanks!!Update:
Ok, the first query on the Recent tab doesnt work for me because it wont show unless its already voted, and since these are supposed to be new blurts, that kind of breaks the whole site:
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt Group By Id_blurt ORDER BY Blurt.`Date` DESC";
So I replaced it with what I originally had.
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date FROM Blurt ORDER BY Blurt.`Date` DESC";
But this doesn't provide me with the initial average rating:( -
How to update Spry-table and present the updated table in a div element?
Hello!
I am using a very interesting AJAX-framework called Spry when designing a web page. Here the web page is: Link.
I need some help.
Every time a new project or shift is added, the changes are written to an xml-file. When the page is reloaded, Spry reads data from xml-files.
This is caused by this code:
dsProjects = new Spry.Data.XMLDataSet("timetable/projects.xml", "projects/project");
dsShifts = new Spry.Data.XMLDataSet("timetable/{dsProjects::url}", "project/shift"); //look inside projects.xml and //extrac xml-file. url
dsName = new Spry.Data.XMLDataSet("timetable/{dsProjects::url}", "project");
I call this function that I have written: loadProjectsIntoDivElement ().
This function does the following: [See attached code.]
It iterates through the Spry-datastructure and puts the data in a table inside of the div-element called 'projectsList'.
Now, when I add a new project, I want it to be inserted into the Spry-datastructure and then cause the new data to be written into the div element called 'Specials_DIV'.
I have found out how to update a Spry-datastructure (e.g. dsProjects above), but I don't know how to update the table containing the data without refreshing the page. This should be done using Spry.
Some code:
1:
2:
3:
function loadProjectsIntoDivElement () {
$('#projectsList').html('');
$('#projectsList').append('<table id="Specials_Table"><tr><th spry:sort="id">ID</th><th spry:sort="NAME">Name </th><th spry:sort="hoursestimated">Nr. of hours estimated</th><th spry:sort="hoursworked">Nr. of hours worked</th><th spry:sort="costperhour">Cost per hour.</th></tr>{function::init_hours}<tr spry:repeat="dsProjects" onclick="chooseProject({ds_RowID})"><td>{id}</td><td>{NAME}</td><td>{hoursestimated}</td><td>{hoursworked}</td><td>{costperhour}</td></tr></table><br/>{function::get_hours}<br/>');
I have tried to accomplish this in various ways but I don't succeed.
I want to do it without refreshing the page.
Update: I found some code here that I will try: Link
Thanks in advance!
Anders Branderud
My blogHello!
Thanks!
I don't succeed with the implementation in any browser.
I have found a way to it, but I would like a way that updates the data quicker and without reloading all of the page. After all, I am only adding one row on the end of the data structure, so there should be no need to read in all data again.
Now I do it like this:
When a project is added, do this:
1. Store a new row in the project file through a php script.
2. When the post-call to the php-file returns, do refresh of the whole page.
Then the newest version of the xml file will be read in.
However, I don't want to read the data from a xml file each time that a new project is created.
I know how to add the new data to a Spry-datastructure [in my code 'dsProjects'], but I don't know how to display the updated data without reloading the whole page.
I have tried some various ways to do it, but haven't succeded.
Thanks!
Anders Branderud -
Work around for spry:repeat="ds1 ds2" limitation
I need to have both data sets repeat when using a Spry repeating region:
<div id="apDiv4" spry:region="ds1 ds2">
<table class="sprytable" border="1">
<tr>
<th spry:sort="Q#">Q#</th>
<th spry:sort="Category">Category</th>
<th spry:sort="Question">Question</th>
<th spry:sort="You">You</th>
</tr>
<tr spry:repeat="ds1 ds2">
<td>{ds1::Q#}</td>
<td>{ds1::Category}</td>
<td>{ds1::Question}</td>
<td>{ds2::You}</td>
</tr>
</table>
</div>
If I use ds1 in the spry:repeat, ds1 data will repeat (but ds2 will use the first value); or if I specify ds2, ds1 will use the first value.
I need them both to repeat.
I have spent so much time in forums, etc. and can't seem to find a workaround.
My only work around is to combine ds1 and ds2 and reload them together from the server - yuk!
ds1 is fixed and large. ds2 is small and dynamic so reloading really sucks.
Following are the ds Vars - probably irrelevent:
var ds1 = new Spry.Data.HTMLDataSet(null, "rsfamily", {sortOnLoad: "Q#", sortOrderOnLoad: "ascending" }); ds1.setColumnType("Q#", "number"); var ds2 = new Spry.Data.HTMLDataSet("youranswersIRtab.php", "youranswerstab", {}); I will worship the person who gives me an idea.
ThanksThanks V1, timkho and coolsanwa for your thoughts. Since you've been so patient (and understanding) let me briefly tell you what I'm trying to do.
I'm considered good at multi-dimensional databases and have recently fallen in love with DreamWeaver to build a pretty complex site so I don't have to be a real expert at PHP, Spry, Ajax, JavaScript, DOM, HTML, CSS etc (I suck, but most everything is working).
I wish I could point you to a site but I need to keep it secret for a bit - its strictly on my PC for now.
Let me explain the snippit, which I still don't have working .
ds1 has three columns and ds2 has one.
ds1 ds1 ds1 ds2 ds3
Q# Category Question You Compare1
1 Boats How big? 24 36
2 Boats What color? Blue Red
3 House Number rooms? 3 6
4 House Sq feet? 1000 3000
5 House Have garage? No Yes
etc to 200+
ds1 doesn't change and I don't want to reload it
ds2 are your saved answers (I will have a form to fill in and a Submit- different subject)
ds3 is user selected comparisons, retrieved from a MD database (academic because ds2 has me stopped).
Category has table row classes (to whole row), which will drive Tabbed Panels.
ds1, ds2, ds3 data have the class assigned to each row (setRowSelector) classes for columns(setColumnSelector).
I want a Spry Table with its many neat features (eg. sorting) that combines the 3 ds's (lets worry about 2 for now).
Incredibly simple but I'm stuck.
Timko suggestion results in syntax error- removing single quotes.
Collsanwa suggestion creates new columns so repeat is done for each row after You column:
24,Blue,3,1000,No
24,Blue,3,1000,No
24,Blue,3,1000,No
24,Blue,3,1000,No
24,Blue,3,1000,No
24,Blue,3,1000,No
200+ times
(I'll repeat the snippit) . Could you point me to an explanation for the spry:if id/mmid
Thanks so much.
<div id="apDiv4" spry:region="ds1 ds2">
<table class="sprytable" border="1">
<tr>
<th spry:sort="Q#">Q#</th>
<th spry:sort="Category">Category</th>
<th spry:sort="Question">Question</th>
<th spry:sort="You">You</th>
</tr>
<tr spry:repeat="ds1">
<td>{ds1::Q#}</td>
<td>{ds1::Category}</td>
<td>{ds1::Question}</td>
<td spry:repeat="ds2" spry:if="'{ds1::id}' == '{ds2::mmid}'">{ds2::You}</td>
<!-- <td spry:repeat="ds2" spry:if="{ds1::id} == {ds2::mmid}">{ds2::You}</td> Syntax error w/o quote-->
</tr>
</table>
</div> -
Hello everyone,
I've recently started using Spry for a project I've been
asked to work on and I've run in to a few issues since my spec
changed on me today. So any help or advice anyone has is very much
welcome as I'm very much out my comfort zone at the moment.
Original Spec
The idea originally was to have a drop down of roles which
was created from the role tag within a xml file which I was able to
do as you can see below in the attached code. Once the user had
picked a role it would then
ds2.setCurrentRowNumber(this.selectedIndex) and this would trigger
the spry detail region I have to populate the fields I setup to get
out of the xml the role, process and info.
At the time I was told a role would only appear once in the
file but this is now not the case :(
My problem / New Spec
Unfortunately with the xml now having a role more then once
I've been asked to include a dynamic region which will display the
process and info fields from other records which have this role
name. Which is the bit I'm having problems with. I've been playing
with creating a spry:repeat for each field and then using
Spry:if="'{Role}'.search(^/myVar/) != -1; but I've had no luck
getting a value into a variable and I'm lack of experience is
running out of ideas.
Hope I've made sense this is my first time using spry and
JavaScript, so any help is greatly welcome.
Thanks Nick.
Example of the XML file - Please note this is very much a cut
down version.tried changing the Region HTML table cell attributes to width:75pct, but this has no effect.Unsurprisingly. Use a valid CSS length specification.
-
Spry accordion and #wrapper issue
Hi
I am in the process of trying to put together a portfolio site as part of a CIW course. If you look at the current site www.jmacphot.com you will see on the equipment page I have tried to add a spry accordion and then a spry tabbed menu inside the accordion. However you will see that when I insert a large amount of information into the content area it pushes the tab over the footer and does keep the footer at the very bottom of the page... I am stumped as I have not set any specific height on my CSS to keep moving.
Can someone please advise where I might be going wrong here. Sorry if this question has been asked repeatedly but I am very new to web design.
Your help with this is greatly appreciated!
Regards
JohnThanks ben, I initially thought if I left the height of my wrapper blank and also the height of the spry content blank they would expand as more information was entered? Is there possibly and issue with CSS hierarchy?
Thanks again for your help!!
John -
Spry Regions and Mouseover Effects
I want to use a mouseover effect on a spry master region
element that calls the spry details region data of the master
region element. Any tips or pointers?
I have tried searching the web for how to-s and even tried
the Adobe Spry sites and samples...did not locate any specifics on
how to change the click event of the master region element to a
mouseover event.
Any links, tips or detailed instructions is appreciated at
this point; have been searching about 4 hours now.
Thanks,
nitefisherYou can apply focus to form elements and anchors/links. In this case I am attempting to set the focus to the <a href> tag.. but only the first in the repeating region.
<HTML>
<BODY>
<a id="foo1" href="#"> This</a>
<a id="foo2" href="#"> That</a>
<script type="text/javascript">
// selects 'that'
document.getElementById("foo2").focus();
</script>
</BODY>
</HTML> -
Hi all-
I'm new to using spry and xml, but not new to xhtml and layout, having said that. I'm trying to store file paths in my xml and parse that xml to repace <href> tags in an image map. For example (the actual cooridnates in the map are just made up for the example below, the actual map has 88 locations and very detailed coordinates, as it is a state map):
<head>
<script src="../SpryAssets/xpath.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
var ds1 = new Spry.Data.XMLDataSet("../files/research/counties_census.xml", "ohio");
</head>
<body>
<div spry:region="ds1">
<img src="../images/CountyMap.gif" width="565" height="611" usemap="#Map">
<map id="Map" name="Map">
<area shape="rect" coords="103,156,155,202" href="../files/research/{Location}" />
<area shape="rect" coords="216,156,286,210" href="../files/research/{OtherLocation}" />
</map>
</div>
</body>
Am I just making a syntax error or is this just outside the scope of what I can use spry for? Any help is appreciated.
thanks in advanceI have one more question. What you gave me worked like a charm btw. Thanks a lot. Onto the question:
I'd like to use the same XML to also power a drop down menu, here's a snippet of the XML/XHTML below. I can't seem to get it to work on the drop down, the image map works great.
XML snippet:
<locations>
<location>
<filepath>P1008.pdf</filepath>
<coords>192,496,193,497,194,497,195,497,196,497,197,497,199,497,201,497,201,498,202,498,2 01,498,201,499,202,499,203,500,204,500,204,501,205,502,206,502,206,503,207,503,207,504,207 ,506,207,510,207,511,207,512,207,514,207,518,207,521,207,522,207,524,207,525,207,526,207,5 27,207,528,207,529,207,530,207,531,207,532,207,533,207,535,207,537,207,538,207,539,207,540 ,207,541,207,542,207,543,207,545,207,547,207,548,207,549,207,550,206,552,206,554,206,555,2 06,556,206,558,206,559,206,560,206,562,206,563,206,564,206,565,206,566,206,567,206,568,206 ,569,206,570,206,571,205,571,205,572,204,572,204,573,203,573,203,574,203,573,202,573,201,5 73,201,572,200,572,200,571,200,570,199,570,199,569,199,568,199,567,198,566,197,566,197,565 ,196,565,196,564,195,564,194,564,194,563,193,563,192,563,192,562,191,562,190,562,189,562,1 88,562,187,562,186,562,186,561,187,561,186,561,185,561,184,561,183,561,182,561,182,560,181 ,560,180,560,179,559,178,558,177,557,176,557,176,556,175,556,174,556,174,555,173,555,172,5 55,171,556,169,556,168,556,168,557,167,557,166,557,165,557,164,557,164,558,163,558,162,558 ,161,558,160,559,159,559,159,560,158,560,158,561,158,562,158,563,157,563,157,564,157,565,1 57,566,156,567,155,567,155,568,154,568,153,568,153,567,152,567,151,567,150,566,149,566,149 ,565,149,564,149,563,149,562,149,561,149,560,149,559,149,558,149,557,149,555,150,555,150,5 54,150,553,150,552,150,551,150,549,150,548,150,547,150,546,150,545,150,544,151,543,151,541 ,151,540,151,538,151,537,151,536,151,534,151,532,152,531,152,530,152,529,152,528,152,527,1 52,526,152,525,152,523,152,522,152,521,152,520,152,519,153,519,153,518,153,517,153,516,153 ,515,153,514,153,513,153,512,153,510,153,508,153,507,154,506,154,505,154,504,154,503,154,5 02,155,502,156,502,159,502,160,502,161,502,162,502,163,502,164,502,165,502,165,501,166,501 ,167,501,168,501,169,501,170,501,170,500,171,500,172,500,173,500,174,500,175,500,175,499,1 76,499,177,499,178,499,179,499,180,499,180,498,182,498,184,498,188,497,189,497,190,497,191 ,497</coords>
<county>Adams County</county>
</location>
<location>
<filepath>P1009.pdf</filepath>
<coords>132,183,132,184,132,185,132,186,132,187,132,188,132,189,132,190,132,192,132,194,1 31,195,131,196,131,197,131,199,131,201,131,202,131,203,131,204,131,206,131,207,131,208,131 ,209,131,210,131,211,131,212,131,213,131,214,131,216,131,217,131,218,131,219,131,220,131,2 21,131,223,131,224,131,225,131,226,131,227,131,228,131,229,130,229,129,229,126,229,125,229 ,124,229,123,229,122,229,119,229,118,229,117,229,116,229,114,229,113,229,112,229,111,229,1 10,229,109,229,108,229,107,229,106,229,105,229,104,229,102,229,102,227,102,226,100,226,99, 226,98,226,97,226,96,226,95,226,92,226,90,226,89,226,87,226,87,225,87,224,87,222,87,221,85 ,221,84,221,83,221,82,221,81,221,80,221,78,221,77,221,76,221,75,221,72,221,71,221,69,221,6 8,221,65,221,65,220,65,219,65,218,65,217,65,216,65,215,65,214,65,212,65,211,65,210,65,209, 65,207,65,206,65,205,65,204,65,203,65,201,65,200,65,199,66,199,67,199,68,199,70,199,71,199 ,72,199,73,199,73,197,73,196,73,195,73,194,73,193,73,192,74,192,75,192,76,192,77,192,79,19 2,80,192,81,192,82,192,83,192,84,192,85,192,86,192,87,192,88,192,90,192,91,192,92,192,95,1 92,99,192,100,192,101,192,102,192,102,191,102,190,102,188,102,187,102,186,102,185,105,185, 106,185,107,185,108,185,109,185,110,185,111,185,113,185,114,185,115,185,116,185,117,185,11 7,184,117,183,117,182,118,182,119,182,120,182,121,182,122,182,123,182,124,182,125,182,126, 182,127,182,128,182,129,183</coords>
<county>Allen County</county>
</location>
</locations>
Here's my XHTML:
<div spry:region="ds1">
<p>Click on a county, or select from the following:
<select onchange="jumpMenu(this)" name="menu1">
<option spry:repeat="ds1" value="../files/research/{filepath}">{county}</option>
</select>
</p>
</div>
<div spry:region="ds1"> <img src="../images/OhioCountyMap.gif" usemap="#Map">
<map id="Map" name="Map">
<area spry:repeat="ds1" shape="poly" coords="{coords}" href="../files/research/{filepath}">
</map>
</div> -
Spry:Content and Dynamic Spry Data
Is there a way to get the spry:content attribute to work well
with dynamic data generated from PHP/MySQL? I have read the
progressive enhancement article and I am totally lost on it.
The provided examples in the documentation deal with static
data but there are so example of using spry:content and dynamic
data.
Can anyone help?
ThanksHi Arnout
These are the urls:
http://www.grafikkaos.co.uk/pages/front/test_home.php
- this one displays the spry:content properly, but in the source,
it does not show the 5 articles.
http://www.grafikkaos.co.uk/pages/front/test_home_2.php
- I applied a PHP repeat region here. In the source, it shows 5
articles being shown but on page view, each title and date is
repeated 5 times.
Any ideas?
Thanks -
Spry hover and selected classes
Been working withCS3, and I like it, but a lot of stuff
doesn't seem to work properly. I'm trying to create something
similar to the Events example, where I have a list of data rows,
synced to a detail region. Clicking the detail row displays the
detailed content for the selected row. THAT part works fine, but
the HOVER and SELECTED classes seem to be ignored. What I'd like is
to change the foreground and background color for the row on
mouseover, and to keep a different background color when a row is
selected. It works in the example, but not in the code that the
Spry table wizards constructs. I notice in the example that they
use the Spry:repeatchildren construct, which is different than the
wizard generates, but I'm wondering if it's an older approach; I
can't even find a reference to repeatchildren in the online help.
Here's my code, if anyone can help with this;
<table cellpadding="10" bgcolor="#FFFFFF">
<tr>
<td valign="top"><div spry:region="dsTest">
<table cellpadding="3">
<tr>
<th spry:sort="NewsDate"><div
align="left">Date</div></th>
<th spry:sort="BriefTitle"><div
align="left">Summary</div></th>
</tr>
<tr spry:repeat="dsTest" spry:setrow="dsTest"
spry:hover="rowHover" spry:select="rowSelected">
<td><div
align="left">{NewsDate}</div></td>
<td><div
align="left">{BriefTitle}</div></td>
</tr>
</table>
</div></td>
<td valign="top"><div
spry:detailregion="dsTest">
<h2 align="left">{NewsTitle}</h2>
<p align="left" class="date">{NewsDate}</p>
<p align="left">{NewsContent}</p>
</div></td>
</tr>
</table>Been working withCS3, and I like it, but a lot of stuff
doesn't seem to work properly. I'm trying to create something
similar to the Events example, where I have a list of data rows,
synced to a detail region. Clicking the detail row displays the
detailed content for the selected row. THAT part works fine, but
the HOVER and SELECTED classes seem to be ignored. What I'd like is
to change the foreground and background color for the row on
mouseover, and to keep a different background color when a row is
selected. It works in the example, but not in the code that the
Spry table wizards constructs. I notice in the example that they
use the Spry:repeatchildren construct, which is different than the
wizard generates, but I'm wondering if it's an older approach; I
can't even find a reference to repeatchildren in the online help.
Here's my code, if anyone can help with this;
<table cellpadding="10" bgcolor="#FFFFFF">
<tr>
<td valign="top"><div spry:region="dsTest">
<table cellpadding="3">
<tr>
<th spry:sort="NewsDate"><div
align="left">Date</div></th>
<th spry:sort="BriefTitle"><div
align="left">Summary</div></th>
</tr>
<tr spry:repeat="dsTest" spry:setrow="dsTest"
spry:hover="rowHover" spry:select="rowSelected">
<td><div
align="left">{NewsDate}</div></td>
<td><div
align="left">{BriefTitle}</div></td>
</tr>
</table>
</div></td>
<td valign="top"><div
spry:detailregion="dsTest">
<h2 align="left">{NewsTitle}</h2>
<p align="left" class="date">{NewsDate}</p>
<p align="left">{NewsContent}</p>
</div></td>
</tr>
</table>
Maybe you are looking for
-
Can a user editable frame be created for "Notes" and emailed from within the app?
Hello, I am super new to the digital publishing process. Our church has published devotional content for some time and this year we are taking those publications digital. One of the key aspescts to our design is for readers to be able to have space t
-
Transfer videos in Iphoto to External Hard drive
How do I transfer videos that were imported from a camera into Iphoto to an External Hard Drive? I transferred Videos from Imovie but I am having difficulty moving the IPhoto videos
-
SWFloader loads SWF movie within Flex but not when compiled
When I run my app in Flex, SWFLoader loads the SWF okay as a movie clip but as soon as I Export/Release Build, the new app SWF that is generated won't show the movie clip anymore. If I take another SWF that is an app (not a movie clip) and give it t
-
Downloading Large PPT file from Email - not working
I emailed to myself a large 12 MB PPT file and in my email touched this assuming it would open and allow me to use iWork to open the file. I do have iWork Keynote on my iPad. However, it does not open. I touch the file and the hourglass keeps thinkin
-
Hi buddies! I noticed this messages is continuosly appearing in the alert log file. MTTR advisory is disabled because either FAST_START_IO_TARGET or LOG_CHECKPOINT_INTERVAL is set Is there something I should do about it. I tried to google but couldn'