Spry Expanding Region problem

I have a group of Spry expanding regions on my page. I have
modified the default CSS to that an open tab uses one background
image and a closed one a different image (think of the plus/minus
of a tree control, or Windows Explorer).
I works fine, except that I've set two regions to be open by
default -- yet these two show the "closed" CSS background image. If
I close them, and re-open, then they show the "open" image.
Why is this, and how can i fix this?

Thanks for your response. The website link is:
http://www.jobs4theenvironment.com/index6.html.
You will not be able to access every link on all the pages because
I am re-creating the site and have not uploaded all of them to the
server, but the primary pages are there for you to see. Any help
with this Spry Menu bar issue would be fantastic. It's been really
frustrating and I'm too much of a novice to figure out what went
wrong.
Thanks,
Derek

Similar Messages

Spry expanding region - wrong CSS shows?

I'm using a series of expanding regions. Via their CSS, I'm
displaying one background image in the tab when open, a different
one when closed.
Two of the regions I have set to start in their opened state.
Although they are open, they are displaying the "closed" image. If
I close them, then open them, then they correctly display the
"open" image.
Why is this? How can I ensure that the divs that start "open"
display the image set in the css?
.CollapsiblePanelTab {
...other stuff...
background: #899F55 url(../images/plus.gif) no-repeat 5px
center;
border-bottom: 1px solid #686155;
.CollapsiblePanelOpen .CollapsiblePanelTab {
background: #899F55 url(../images/minus.gif) no-repeat 5px
center;

The partial answer is that I was using incorrect syntax. I
started going through the SimpleAutosuggest, and found the
following:
quote:
Spry.Data.Region.addObserver(regionID, { onPostUpdate:
function(notifier, data) {
self.attachClickBehaviors();
Which was basically the syntax I was looking for, which
allows me to use the object notation instead of the function
notation, and call through an object that each autosuggest object
is tied to.
However, it brings me back to my original problem. I've gone
through the Region Observer Notifications documentation here:
http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WS57937FB2-D8C1-424d-B3E4-655FD 7A7899B.html
... and in another place, I read that in a callback, you cannot
pass variables because it will run the call back immediately, and
not when you expect it to. That seems to be my problem, but
regardless of if I pass parameters, I get no call back when I
expect it. If I pass parameters, I get the call back immediately,
but not later, if I don't pass parameters, I never get the
callback.
It's got to be something dumb, but I don't see what it is,
and unfortunately, I have no way of putting the code outside our
firewall until it goes live. :(
Thank you for trying.

Spry Vertical Submenu - Expanding Box Problem, white background

Hello everyone. I've recently incorporated a Spry Vertical Menu on my site for the first time and I'm experiencing problems with the submenu in IE7. (Things look fine in FF, Safari, and Opera.) A white box appears behind the text area (the "bios" and "contact us" links). And....In IE6 the entire menu bar becomes a horizontal mess.
I've come to learn that this is called an Expanding Box Problem but I don't know how to fix it. Perhaps this is seperate issue from the white panel issue altogether. I dunno. Can anyone be of assistance? I've been trying to solve this problem for days.
http://www.exposedproductionsnyc.com
Below is the CSS:
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 8em;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 31.5px;
    background-color: #000;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 160px;
    background-color: #000;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
    margin: -5% 0 0 95%;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    left: -1000em;
    top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
    left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
    width: 100px;
    padding-left: 29px;
    padding-top: 3px;
    margin-top: 1px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
/* Submenu containers have borders on all sides */
/*ul.MenuBarVertical ul
    border: 1px none #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    background-color: #000;
    padding: 0.5em 0em;
    color: #FFF;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
    background-color: #000;
    color: #6CC3D7;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
    background-color: #000;
    color: #6CC3D7;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: transparent;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: transparent;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarVertical li.MenuBarItemIE
    display: inline;
    f\loat: left;

Long answer = z-index
http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/
Nancy O.

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">
            
            <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:(

Help with Spry Detail Regions, XML Data Sets, for IMG gallery

Hello,
I'm working on a site for a friend of mine, a photo gallery. You can see the gallery here, it's a temporary one I'm working on
http://www.emiliajozefa.com/a_index.html
Here are some important parts of my code:
//initially load these data sets. the function will be called by the links to update components later<script type="text/javascript">
     var intNumPhoto = 0;
     dsGallery = new Spry.Data.XMLDataSet("photofile.xml", "galleries/ride/photo");
     dsNav = new Spry.Data.XMLDataSet("photofile.xml", "galleries/ride");
     function updateSpryComponents(galleryDir){
          alert("updating spry components for " + galleryDir);
          intNumPhoto = 0;
          dsGallery = Spry.Data.XMLDataSet("photofile.xml", "galleries/" + galleryDir + "/photo");
          dsNav = Spry.Data.XMLDataSet("photofile.xml", "galleries/" + galleryDir);
          dsGallery.setCurrentRow(intNumPhoto);
          //document.getElementById('nav').innerHTML='<H1>'+enlarge.inp.value+'</H1>';
          document.getElementById('nav').innerHTML=
          "<span spry:detailregion = 'dsGallery'>
         <a href = 'javascript:' onclick = 'if(intNumPhoto > 0){intNumPhoto -= 1}; dsGallery.setCurrentRow(intNumPhoto);'><</a> {@id} / </span>
         <span spry:detailregion = 'dsNav'>{@numPhotos}
         <a href = 'javascript:' onclick = 'if(intNumPhoto < ({@numPhotos} - 1)){intNumPhoto += 1; }; dsGallery.setCurrentRow(intNumPhoto);'>></a>
         </span>";
</script> <--- later ---->
     <div id = "sideBarNav">
         <a href = "javascript:" onclick ='updateSpryComponents('ride');">Tannersville</a>
            <br />
          <a href = "javascript:" onclick = "updateSpryComponents('dive');">Dive</a>
        <br />
          <a href = "javascript:" onclick = "updateSpryComponents('poland');">Poland</a>
        <br />
          <a href = "javascript:" onclick = "updateSpryComponents('alaska');">Alaska</a>
    </div>
</div>
<div id = "content2">
     
     <div id = "fotoContainer" spry:detailregion="dsGallery"><img src = "photos/{@path}" width = "{@width}" height = "{@height}"/></div>
     
     <div id = "nav">
         <span spry:detailregion = "dsGallery" id = "galSpan">
         <a href = "javascript:" onclick = "if(intNumPhoto > 0){intNumPhoto -= 1}; dsGallery.setCurrentRow(intNumPhoto);"><</a> {@id} / </span>
         <span spry:detailregion = "dsNav" id = "navSpan">{@numPhotos}
         <a href = "javascript:" onclick = "if(intNumPhoto < ({@numPhotos} - 1)){intNumPhoto += 1; }; dsGallery.setCurrentRow(intNumPhoto);">></a>
         </span>
     </div>
You could view source there to get the code. Here is what I believe is my problem
I'm trying to automate the site so that when you click on one of the links on the left, without refreshing the page, the paths to the galleries xml file changes, and the spry Detail Regions (1 for the images, 1 for the navigation - left and right arrows). I think the problem is that once the link changes the set and calls my updateSpryComponenets() function, the detail regions need to be refreshed. I'm currently trying to solve this by dynamically rewriting the HTML thru .innterHTML, everytime I call updateSpryComponents().There may also be a problem in the Javascript function updateSpryControllers because if I put the alert after the spry calls, I never get the alert
Thanks in advance for any help!

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:(

Help With Spry Repeat Regions

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.

Displaying rendered HTML text in spry detail region

Hi,
I have just started to play around with DW CS3 & spry and
love them!
I have a Master/Detail spry going from my database, but am
having a problem displaying the detail the way I need it. The mySQL
field is a BLOB for some HTML formatted text (I get the text
elsewhere using a Xinha textarea edit widget and load the the
formatted HTML text into my db). For example, my string is
"<h2>this test</h2><strong>xyz</strong>"
which is loaded into my db. I am using the dreamweaver ADDT export
XML functionality to generate my spry master/detail region.
My detail region is displaying the correct html associated
with the selected master table entry, but it's with the HTML tags,
not rendered as HTML (I don't want to see
<h2>title</h2>; I'd like to see title with <H2>
formatting).
It's much like what I think a RSS feed would be, but can't
find a way just to get the html to render because I don't have the
files externally to source an iframe or anything. (I tried a XLS
fragment transformation, just putting the detail record field that
I want in an XLS file, but that didn't do anything).
Any kind of guidance, hint, point and laugh but then tell me,
would be greatly appreciated. I also posted at first at ADDT and
then General Dreamweaver because I didn't locate this forum in the
Forum topic list, so when I did find this I thought this is
obviously where I should have first posted - sorry if anyone has
also been surfing around. Thanks so much so any info.

Hi Don,
Thanks so much for responding. I actually did do that, but it
seems like I might be doing it in the wrong place. I tried it in
the .js that I have in my header:
var dsList = new Spry.Data.XMLDataSet("./export.php",
"theSpecials/special",{sortOnLoad:"rating",sortOrderOnLoad:"ascending",distinctOnLoad:tru e});
dsList.setColumnType("detail", "html");
which didn't do it. I also tried it right in my detail
display area:
<div style="overflow:hidden; width: 400px;"
spry:detailregion="dsList">
<div> 
<div id="detailDisplay" style="width:380px; "> 
<script
type="text/javascript">dsList.setColumnType("detail","html");</script>{dsList::detail}

</div> 
</div> 

</div>
Excuse the inline ugliness, will clean it up when it's
functional. But that doesn't seem to do it either. I am storing
that particular field as a blob in the mysql database, but I
already tried making that a VARCHAR which had no effect either.
Thanks so much for for the suggestion! Any other gems that I
can try?
Liz

Expanding Box Problem

I have been working all morning to add a horizontal spry menu
bar to the menu_bar section of the Mother Earth Template (
http://www.webshapes.org/template/details/id/200702247034127204)
from Webshapes (
http://www.webshapes.org/)
Anyway, I had to do some crazy positioning to get the
submenus to lign up with the menus and now the submenus will not
display in IE because of an 'expanding box problem' All of the
problems are associated with either my "ul.MenuBarHorizontal ul" or
my "ul.MenuBarHorizontal ul ul"
Can anyone help me with this? I am a beginner with
Dreamweaver and have been having a lot of troubles with it.
Thanks.

Hello Tom, Is it a template related error message?
I would suggest you to use percentages when setting the width
and height values.

Split Spry.Data and Spry.Data.Region from SpryData.js?

I don't like Spry.Data.Region or anything like Spry.*.Region because it make hard to customize using javascript.
But Spry.Data with Observer / Notify feature is great one. In fact, using SpryData.js, I can write my own "render html object" easier.
SrpyData.js is big (127KB) even when compressed, it is still 65KB. That why, needed split Spry.Data and Spry.Data.Region from SpryData.js so who want to use Spry.Data only like me will get smaller trafic.
I've tried remove all Spry.Data.Region content in SpryData.js. Surprise, some in Spry.Data call to Spry.Data.Region >>> Design have problem.
Anyone can help splitting them?

Found this in the archives:
<div spry:if="{ds_RowCount} == 0" class="trigger" style="display:none"></div>
Basically a hack to point the tooltip to a hidden div so no errors are thrown.

Spry Validation in Spry Detail Region

I am trying to pre-populate an "update" data form using a
spry detail region. Basically a list of users is displayed on the
left, and the detail in a tab on the right. A second "edit" tab
displays a form that is populated with data from the spry dataset
using a detail region (just as the first detail tab). However, the
spry validations within the detail region do not work.
Download
this zip.
Thanks for looking.

Hi jmortimer,
What you need to do is trigger the constructors for your
validation widgets every time the region updates. To do this, you
need to either move the constructor calls into your region, *or*
call the constructors from an onPostUpdate observer on your region.
To see an example of this, look here:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html
Just a note ... don't move the constructor for your tabbed
panel into the region. Leave it where it is today.
--== Kin ==--

Submitting a Form in a Spry Tabbed Region

I have a spry tabbed region with 6 tabs.
I have constructed a menu which targets and opens the specific tab using the ?tab=4 type notation. I have also created links between tabs using the same notation. All works fine.
I have a form in one tab which, when I submit it, I want to return to the same tab. However when I use the notation <form action="index.php?tab=4" > the page just reloads on the first tab, stripping off the ?tab=4 part of the url. I have searched the forums but can't find any reference to how to target a specific tab when submitting a form.
Any help much appreciated.
Thanks
John

Hi
Thanks for your patience.
Because there are 8 tabs on this page there is a lot of code, much of it irrelevant, so I have copied below the chunks which relate to this part of the page.
When the form is submitted the data being returned from the database is correct and is loaded into the page. It is just that the page loads the first tab and you then have to click on the 'Results' tab to see the data which has been returned.
Ok, from the top of the page the php code which filters the recordset is as follows;
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
// recordset for results
$var1_rsCompResults = "-1";
if (isset($_GET["event_ID"])) {
$var1_rsCompResults = $_GET["event_ID"];
$var2_rsCompResults = "-1";
if (isset($_GET["age_group"])) {
$var2_rsCompResults = $_GET["age_group"];
$var3_rsCompResults = "-1";
if (isset($_GET["gender"])) {
$var3_rsCompResults = $_GET["gender"];
mysql_select_db($database_connPublic, $connPublic);
$query_rsCompResults = sprintf("SELECT tblResults.result_ID, DATE_FORMAT(tblEvents.event_start_date, '%%Y') AS year, tblResults.event_ID, tblEvents.event_name, tblResults.age_group, tblResults.points, tblIndividuals.forename, tblIndividuals.surname, tblIndividuals.sex FROM tblEvents INNER JOIN tblResults ON tblEvents.event_id = tblResults.event_ID INNER JOIN tblIndividuals ON tblResults.individual_ID = tblIndividuals.individual_id WHERE tblResults.event_ID = %s AND age_group = %s AND sex = %s ORDER BY tblResults.points", GetSQLValueString($var1_rsCompResults, "int"),GetSQLValueString($var2_rsCompResults, "text"),GetSQLValueString($var3_rsCompResults, "text"));
$rsCompResults = mysql_query($query_rsCompResults, $connPublic) or die(mysql_error());
$row_rsCompResults = mysql_fetch_assoc($rsCompResults);
$totalRows_rsCompResults = mysql_num_rows($rsCompResults);
?>
then the links to the Spry Assets and the js which creates the datasets is as follows;
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryURLUtils.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryDataExtensions.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryNestedXMLDataSet.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryXML.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryPagedView.js" type="text/javascript"></script>
<script src="../SpryAssets/xpath.js" type="text/javascript"></script>
<script type="text/javascript">
var dsYears = new Spry.Data.XMLDataSet("competitions_year_data_xml.php", "root/row");
var dsCompetitions = new Spry.Data.XMLDataSet("calendar_competitions_data_xml.php", "root/row[year = '{dsYears::year}']");
var dsAgeGroups = new Spry.Data.XMLDataSet("competitions_age_group_data_xml.php", "root/row[event_ID = '{dsCompetitions::event_ID}']");
var dsGender = new Spry.Data.XMLDataSet("competitions_sex_data_xml.php", "root/row[age_group = '{dsAgeGroups::age_group}']");
</script>
Then the html which creates the tabbed region is as follows;
                  <div id="TabbedPanels1" class="TabbedPanels">
                      <ul class="TabbedPanelsTabGroup">
                        <li class="TabbedPanelsTabLeft" tabindex="0">News</li>
                        <li class="TabbedPanelsTab" tabindex="1">Calendar</li>
                        <li class="TabbedPanelsTab" tabindex="2">Rules</li>
                        <li class="TabbedPanelsTab" tabindex="3">Competition Entries</li>
                        <li class="TabbedPanelsTab" tabindex="4">Results</li>
                        <li class="TabbedPanelsTab" tabindex="5">Rankings</li>
                        <li class="TabbedPanelsTab" tabindex="6">Contacts</li>
                        <li class="TabbedPanelsTabRight" tabindex="7">FAQ</li>
                      </ul>
                      <div class="TabbedPanelsContentGroup">
Then the form which includes the four select statements is as follows;
<div class="TabbedPanelsContent" id ="results_data">
               <h3>Results</h3>
<form name="selectForm" action="index.php?tab=4&" method="get">
        Year:
<span spry:region="dsYears" id="yearSelector">
        <select spry:repeatchildren="dsYears" spry:choose="spry:choose" name="year" onchange="dsYears.setCurrentRowNumber(this.selectedIndex);">
            <option value="{year}" spry:when="{ds_CurrentRowID} == {ds_RowID}" selected="selected">{year}</option>
            <option value="{year}" spry:default="spry:default" >{year}</option>
        </select>
</span>
        Event:
<span spry:region="dsCompetitions" id="eventSelector">
        <select spry:repeatchildren="dsCompetitions" name="event_ID" onchange="dsCompetitions.setCurrentRowNumber(this.selectedIndex);">
            <option value="{event_ID}">{event_name}</option>
        </select>
</span>
        Age Groups:
<span spry:region="dsAgeGroups" id="agegroupSelector">
        <select spry:repeatchildren="dsAgeGroups" name="age_group" onchange="dsAgeGroups.setCurrentRowNumber(this.selectedIndex);">
            <option value="{age_group}">{age_group}</option>
        </select>
</span>
        Gender:
<span spry:region="dsGender" id="genderSelector">
        <select spry:repeatchildren="dsGender" name="gender">
            <option value="{sex}">{sex}</option>
        </select>
</span>
<input type="submit" value="Submit" />
</form>
<?php if ($totalRows_rsCompResults > 0) { // Show if recordset not empty ?>
<div id="result_ID" name="result_ID">
    <table>
      <tr>
        <th>Athlete Name</th>
        <th>Event</th>
        <th>Score</th>
      </tr>
      <?php do { ?>
        <tr>
          <td><?php echo $row_rsCompResults['forename']; ?> <?php echo $row_rsCompResults['surname']; ?></td>
          <td><?php echo $row_rsCompResults['event_name']; ?></td>
          <td><?php echo $row_rsCompResults['points']; ?></td>
        </tr>
        <?php } while ($row_rsCompResults = mysql_fetch_assoc($rsCompResults)); ?>
    </table>
</div>
<?php } // Show if recordset not empty ?>
       </div> 
Then at the end of the page is this code;
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: params.tab ? params.tab : 0});
</script>
</body>
</html>
<?php
mysql_free_result($rsCompResults);
?>

Spry Validation in a Spry Detail Region

am trying to pre-populate an "update" data form using a spry
detail region. Basically a list of users is displayed on the left,
and the detail in a tab on the right. A second "edit" tab displays
a form that is populated with data from the spry dataset using a
detail region (just as the first detail tab). However, the spry
validations within the detail region do not work.
Download
this zip.
Thanks for any help.

Hi jmortimer,
What you need to do is trigger the constructors for your
validation widgets every time the region updates. To do this, you
need to either move the constructor calls into your region, *or*
call the constructors from an onPostUpdate observer on your region.
To see an example of this, look here:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html
Just a note ... don't move the constructor for your tabbed
panel into the region. Leave it where it is today.
--== Kin ==--

[CS3]Implementing collapsing/expander region in CS3

Hello all,
I'm trying to add a collapsing/expander region in one of my palette/dialog in a plugin, a sample of that was implemented in 'Effects' palette in CS3, Can someone give me some direction/ code snippet to implement that?
Thanks for any help,
Mor

I am working on one now (must be a fashion thing).<br /><br />the key calls are:<br /><br />IControlView's MoveTo for the widgets <br /><br />and <br /><br />InterfacePtr<IControlView> cv(fPanel, UseDefaultIID());<br />cv->Resize(newDimensions);<br /><br />to resize the panel.<br /><br />plus you need to calc the new heights and for top left's for the widget, once you picked up the click to do expand or shrink.

Usin Spry$$ in spry:repeat regions

Hi,
I'm not sure whats happening here but i'll try to be
detailed.
I am using spry to make a master page set.
on a region i have
quote:
var observer = { onPostUpdate: function(notifier, data) { var
r = Spry.$$(".changeStatusLink").addEventListener("click",
changeStatus, true); } };
where the element selector is
quote:
<td align="center" valign="middle" nowrap="nowrap"
spry:setrow="ds1 {ds_rowID}">[EDIT] | [<a
id="statusLink{ds_RowID}" class="changeStatusLink">CHANGE
STATUS</a>] | [DELETE]</td>
in a
spry:repeat region
Now on a "click" the selector is able to trigger the
changeStatus function....but for some reason
only the first row's {ds_RowID} of the
spry:repeat is being captured when the function
"changeStatus"
is
quote:
function changeStatus(e){
var row = ds1.getCurrentRow();
var id = row['@id'];
alert(id);
is it the fact that because the "class" is being repeated it
is not picking up the actual "element" that triggered the event? or
is there something wrong with the ds1.getCurrentRow?Text

the spry:repeat IS on the
<tr>
I don't have a URL
but the code is...
quote:

Has anyone implemented CKEditor in a Spry Data Region?

I have been trying to implement an HTML editor in a Spry Data Region without success.
CKEditor is a follow up from FCKEditor and is supposed to slot into Ajax applications.
The website is here: http://docs.fckeditor.net/CKEditor_3.x/Developers_Guide.
Any help will be greatly appreciated.
Ben

Just make sure you call the
CKEDITOR.replace('editor1'); // editor1 being the id of your text area
everytime the region gets updated. The best way to do this is add a Spry region observer, that calls that line of code during the onPostUpdate observer.
Read more about the observers here:
http://labs.adobe.com/technologies/spry/articles/data_set_overview/index.html

Spry Expanding Region problem

Similar Messages

Maybe you are looking for