Spry select validation

Hi everyone
If you go to
http://www.dwyse.com/hiddenSpry/menu.html
and check the source you will see there is some code that checks
the value of the drop down menu.
The fields show and are required depending on the selection.
My problem is only the first 2 options work and the second
option will only work if you have selected the first one prior to
selection the second one.
I have tried putting the function into a switch statement but
have failed
could someone please help me out
Cheers'
Jamie

Its broken
The web site you are accessing has experienced an unexpected error.
Please contact the website administrator.
Error Occurred While Processing Request
Variable EMAIL is undefined.
The error occurred in C:\Webroot\Crabweb1a\Technology\DesignSystems\RDC2009\confirmParticipant.cfm: line 131
129 :           formfields="fullname, email, County, phone1, phone2, phone3, title, address1, address2, comments, citySTZip, golf, allergies, vegetarian, extension, payment">
130 :
131 : <CFMAIL FROM="#Email#"

Similar Messages

  • Spry select list code to wire it to html data table SET column?

    I am making a page based on Figure 15-14, Pg 878, in David Power's book, "Dw CS4 with CSS, Ajax and PHP. I have two separate html data tables hidden in the page, one for the specialties drop down select list and the other for the teachers master/detail regions. These are populated with php and working well. The spry select list and master/detail regions are working great except for one issue. The column in my html data table that is being filtered ("Specialty" in my code = 'Category' in the book's example code) is a SET column (with possible value of 1, 2, 3, 4, and/or 5). Clicking on the drop down menu brings up the records with a single value beautifully. The result for records with multiple values is a spry error "Invalid row number: 0". After four different versionings and methods of messing with this, I still haven't a clue. Please help me with how to rewire the Spry select list code so that it will read the records that have multiple items in that column. I have included the code below.
    var data_set_teachers = new Spry.Data.HTMLDataSet(null, "teacher_data");
    data_set_teachers.gallery = '1';
    function chooseSet(dataSet, row, rowNumber)
    if (row["Specialty"] == data_set_teachers.gallery) {
       return row;
    return null;
    data_set_teachers.filter(chooseSet);
    function changeSet(set)
    data_set_teachers.gallery = set;
    data_set_teachers.filter(chooseSet);
    data_set_teachers.setCurrentRowNumber(0);
    var rows = data_set_teachers.getData();
    for (var i = 0; i < rows.length; i++) {
       if (rows[i]["Specialty"] == set) {
         data_set_teachers.setCurrentRowNumber(i);
         break;
    var data_set_specialties = new Spry.Data.HTMLDataSet(null, "specialty_data");

    Well I'll be damned!
    What's done in the sample app is, of course, the intuitively obvious choice and is exactly what I started out trying to do the first time round.
    But as I mentioned before, when I first tried it (yes: I'm pretty sure I set the "for" attribute on the inlineMessage components), I got the non-unique component id exception for the inlineMessage component(s) after adding the second (but not the first) row to the page.
    Anyway, after dragging my inlineMessages to the exact same position as those in the AppModel example, now things work fine (except I think I'd like a line break before the message and to change the row/column styles so the values and messages line up properly...the look is rather ugly in the AppModel example when there are validation messages displayed).
    Not sure, but I'm thinking maybe there was an issue with where the inline message markup was placed, my first time through, relative to the data table value bound component and the column header facet?
    I was using the application view drag 'n drop feature the first time round and dragged the inlineMessage component to the spot just below the data table value bound component and hence just above the column header facet. In the AppModel example, OTOH, the inline messages are placed just after the column header facet.
    Of course, I will now try to duplicate the original exception.
    If I can (and it is an issue with placement), I will post back some sort of bug report or RFE. Otherwise, I'll post back declaring what a bone head I've been...;-)
    Anyway, thanks for the quick response, v.
    Campbell

  • UI Datepicker and Spry textfield Validation

    Hi, I am having a problem with using the UI Date picker and Spry textfield Validation together. I have created a sample form: 2 input boxe, the test box has the datepicker and spry validation and test2 has the date picker only,one submit button and some php code that echos the boxes values on submit.
    My date picker is date formated as 'yy-mm-dd' for four digit year.  My spry validation is formated 'yyyy-mm-dd' with validate on submit.
    Now when I click on the test input box the datepicker comes up normally and i select a date. I then select the date on test2. Once I click the submit button the test field with spry validation come back saying a value is required and nothing else happens.
    I was playing around and trying other things to get it to work and I noticed that when I select the test inputbox and the calander pops up if I enter some numbers into the text box then select a date from the datepicker then enter a date in the test2 inputbox and hit submit it works.
    So it appears to me that the validation is not reading anything in the test field when I just select a date.  Why is that?  When I select a date it shows a date in the inputbox.  It makes it hard to use the datepicker on a form.
    Any help would be a preciated.  Code is below.
    Thanks Winrol
    <?php echo "Test box 1 value = ". $_POST['test']. "<br/>" ?>
    <?php echo "Test box 2 value = ". $_POST['test2'] ?>
    <!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>
    <script src="jquery-ui-1.7.2/js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="jquery-ui-1.7.2/js/jquery-ui-1.7.2.min.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
    <link href="jquery-ui-1.7.2/css/base/ui.core.css" rel="stylesheet" type="text/css" />
    <link href="jquery-ui-1.7.2/css/base/ui.datepicker.css" rel="stylesheet" type="text/css" />
    <link href="jquery-ui-1.7.2/css/base/ui.theme.css" rel="stylesheet" type="text/css" />
    <link href="jquery-ui-1.7.2/css/base/ui.datepicker.images.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2137022: #datepicker */
    #datepicker .ui-widget {
    font-family: inherit;
    #datepicker .ui-datepicker {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    #datepicker .ui-datepicker-title {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #000;
    font-weight: normal;
    line-height: 1.8em;
    #datepicker .ui-state-default, .ui-widget-content .ui-state-default {
    border-color: #e6e6e6;
    background-color: #e6e6e6;
    color: #555555;
    #datepicker .ui-state-default, .ui-state-default a {
    color: #555555;
    #datepicker .ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border-color:#FCEFA1;
    background-color:#FCEFA1;
    color:#363636;
    #datepicker .ui-state-active, .ui-widget-content .ui-state-active {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    color: #212121;
    #datepicker .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus
    border-color: #5F5F5F;
    background-color: #5F5F5F;
    color: #212121;
    #datepicker .ui-widget-header
    border-color: #5F5F5F;
    background-color: #808080;
    border-width: 1px;
    /* Text attributes for the Days of Week Text */
    #datepicker .ui-datepicker table th
    font-size: .8em;
    color: #000;
    font-weight: bold;
    /* EndOAWidget_Instance_2137022 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2137022" binding="#datepicker" />
    </oa:widgets>
    -->
    </script>
      <script type="text/javascript">
    // BeginOAWidget_Instance_2137022: #datepicker
    $(function() {
    $('input').filter('.datepicker').datepicker({dateFormat: 'yy-mm-dd'});
    // EndOAWidget_Instance_2137022
      </script>
    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    body {
    background-color: #FFC;
    </style>
    </head>
    <body>
    <form id="form1" name="form1" method="post" action="">
      <p>
        <label for="test">test</label>
        <span id="sprytextfield1">
        <input name="test" type="text" class="datepicker" id="test"/>
        <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></p>
      <p>
        <label for="test2">test2</label>
        <input name="test2" type="text" id="test2"  class="datepicker" />
      </p>
      <p onclick="<?php echo $_POST['test'] ?>">
        <input type="submit" name="submit" id="submit" value="Submit" />
      </p>
    </form>
    <script type="text/javascript">
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "date", {format:"yyyy-mm-dd", hint:"yyyy-mm-dd"});
    </script>
    </body>
    </html>

    This does work
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet">
    <link href="jquery-ui-1.7.2/css/base/ui.core.css" rel="stylesheet">
    <link href="jquery-ui-1.7.2/css/base/ui.datepicker.css" rel="stylesheet">
    <link href="jquery-ui-1.7.2/css/base/ui.theme.css" rel="stylesheet">
    <link href="jquery-ui-1.7.2/css/base/ui.datepicker.images.css" rel="stylesheet">
    </head>
    <body>
    <form action="" method="post">
    <span id="sprytextfield1">
    <label for="mydate">Date:</label>
    <input id="datepicker" name="mydate" type="text">
    <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span>
    <div id="datepicker" class="ui-glass-gradient ui-80TopTo0Bottom-gradient-header"></div>
    <input name="mysubmit" type="submit">
    </form>
    <script src="SpryAssets/SpryValidationTextField.js"></script>
    <script src="jquery-ui-1.7.2/js/jquery-1.3.2.min.js"></script>
    <script src="jquery-ui-1.7.2/js/jquery-ui-1.7.2.min.js"></script>
    <script>
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "date", {format:"mm/dd/yyyy", validateOn:["change"], useCharacterMasking:true});
    $(function() {
        $('#datepicker').datepicker({ showOtherMonths: false });
    </script>
    </body>
    </html>
    Gramps

  • Problem with spry:select not selecting

    I am having trouble getting the spry:select to work on the
    following code. Everything works except for the spry:select. If I
    remove the spry:hover and the spry:sort, then the spry:select will
    work. The only way I can get the spry:select to work is if it is
    the only spry statement in the <td>. Please help.
    NON-WORKING SPRY:SELECT CODE:
    <div spry:region="pv1">
    Records {ds_PageFirstItemNumber}-{ds_PageLastItemNumber} of
    {ds_PageTotalItemCount}
    <table cellpadding="0" cellspacing="0" border="0"
    width="100%">
    <tr>
    <td class="tableheader" style="cursor:pointer;"
    spry:select="tableheaderSel" spry:hover="tableheaderSel"
    spry:sort="airport_code">Airport</td>
    <td class="tableheader" style="cursor:pointer;"
    spry:hover="tableheaderSel" spry:sort="hotel">Hotel</td>
    <td class="tableheader" style="cursor:pointer;"
    spry:hover="tableheaderSel"
    spry:sort="bookings">Bookings</td>
    <td class="tableheader" style="cursor:pointer;"
    spry:hover="tableheaderSel"
    spry:sort="previous_year_bookings">Previous Year</td>
    <td class="tableheader" style="cursor:pointer;"
    spry:hover="tableheaderSel" spry:sort="change">Change</td>
    <td class="tableheader" style="cursor:pointer;"
    spry:hover="tableheaderSel"
    spry:sort="percent_change">%</td>
    </tr>
    <tr spry:repeat="pv1" spry:odd="tablerow1">
    <td class="tablecell"
    spry:content="{airport_code}"></td>
    <td class="tablecell"
    spry:content="{hotel}"></td>
    <td class="tablecell"
    spry:content="{bookings}"></td>
    <td class="tablecell"
    spry:content="{previous_year_bookings}"></td>
    <td class="tablecell"
    spry:content="{change}"></td>
    <td class="tablecell"
    spry:content="{percent_change}"></td>
    </tr>
    </table>
    <p>
    <div style="float:right;">
    <input type="button" value="Next"
    onClick="pv1.nextPage();" />
    <input type="button" value="Last"
    onClick="pv1.lastPage();" />
    </div>
    <div style="float:left;">
    <input type="button" value="First"
    onClick="pv1.firstPage();" />
    <input type="button" value="Prev"
    onClick="pv1.previousPage();" />
    </div>
    </div>

    When you use a spry:sort, you are sorting the data set and
    the entire region is redrawn. This wipes out the spry:select. This
    happens to the select, no matter where it is.
    The way to highlight the currently selected column is a bit
    tedious. You will have to have a spry:if that checked the value of
    {ds_SortColumn}. This means repeating the <TD> for each
    condition.
    It's a sub-optimal solution but we don't have attribute level
    control.
    However, we do have some tools and enhancements coming up
    that should make this easier. But they are not ready yet, so...
    http://labs.adobe.com/technologies/spry/samples/data_region/DataSetMasterDetailSample.html
    has an example of how we use spry:if to conditionally put on
    an attribute.
    Don

  • Using spry select on multiple forms in same page

    Greetings-
    My apologies if this has already been answered but after a few searches I've not found my solution....
    I have a web page with 2 different forms (completely different open form and close form tags) that I'm trying to get the Spry Select Widget to work in.
    Both forms' Spry Select widgets interact as expected with the user with one exception; the second form continues to submit to the action page even if the user is trying to submit an invalid value (the docs suggested using the value of -1 so that's what I'm using). The appropriate error gets displayed to the user but the form continues to submit, which I don't want. Is there a limitation that I missed regarding the use of multiple forms in the same web page with the Spry Select Widget?
    FWIW, I'm running the app on ColdFusion and even the cfform/cfselect won't work with the Spry Widget.... I've named and id'd all forms and form elements and still no luck.
    Any ideas?
    Thanks in advance,
    Rich

    Hi Brad,
    The preamble looks reasonable.  I would like to make sure you are clear on the process.
    The data needs to be rendered twice (i.e. a 2 step job).  In the first step you create a trace file with the page count for each document in it...\trace"^define User:PageCountForTrans_@:TransCount. @$page.@LF."."
    In the second step, that trace file is brought back in as a preamble file.
    Please confirm that you are in fact passing the data twice.
    cheers
    Chris

  • How to select valid lines in a secondary list in a interactive report

    hi
    how to select valid lines in a secondary list in a interactive report

    hi,
    do this one
    at line-selection.
    if sy-lsind = some list no.
    GET CURSOR FIELD FIELDNAME VALUE FIELDVALUE.
            IF FIELDNAME = 'TVBAK-VBELN'.
    do some thing
    Regards
    ASHOK KUMAR

  • I have downloaded whats app/brave temple run but using netsafe card. well now it shows 1.98$ is pending , though m trying with new netsafe card to pay it is showing error saying Pls select valid method for payment. i used same method as i did earlier

    i have downloaded whats app/brave temple run but using netsafe card. well now it shows 1.98$ is pending , though m trying with new netsafe card to pay it is showing error saying Pls select valid method for payment. i used same method as i did earlier

    I have recently started having this problem in PSE8. The Adobe workaround
    did work, but I don't fancy having to re register each time I use it.
    What I have discovered is that it's nothing to do with the image metadata as it occurs before any image is opened.
    It SEEMS to only occur if you use file/open with to open an image in the editor - IE start PSE with that command.
    If you close elements down, and start it using programs/PSE/Elements (or your desktop shortcut) - the panorama feature magically works.
    Each time I've opened the editor 'automatically' using image/open with, it seems to create the problem.
    Hope this helps

  • Spry:select only works on double or second click

    Why when using the spry:select does it only work once I have
    double-clicked
    I have put the ".selected" class at the bottom of my css
    style sheet so it will be picked up correctly
    here is the link and below is a snippet of code
    http://www.studio-rasa.com/Store/Store_View_All2.html#
    (if you test out the link above, you can see that I'm trying
    to get the background color of the link to be gray once they are
    clicked. However, they only turn gray once it has been clicked
    twice)
    <li><a href="#" onclick =
    "dsCategories.setCurrentRow('1');"
    spry:select="selected">Oil</a></li>
    <li><a href="#" onclick =
    "dsCategories.setCurrentRow('2');"
    spry:select="selected">Pastel</a></li>
    <li><a href="#" onclick =
    "dsCategories.setCurrentRow('3');"
    spry:select="selected">Watercolor</a></li>

    Hi,
    Was there a solution to this? I've come across it as well.
    What causes this for me is when I'm using nested data sets. Here it
    is in a simplified example:
    <?xml version="1.0" encoding="UTF-8"?>
    <specials>
    <menu_item id="1">
    <item>Summer Salad</item>
    <ingredients>
    <ingredient id="1">tomatoes</ingredient>
    <ingredient id="2">lettuce</ingredient>
    <ingredient id="3">onions</ingredient>
    </ingredients>
    </menu_item>
    <menu_item id="2">
    <item>Thai Noodle Salad</item>
    <ingredients>
    <ingredient id="1">tomatoes</ingredient>
    <ingredient id="2">noodles</ingredient>
    </ingredients>
    </menu_item>
    </specials>
    <script type="text/javascript">
    var dsSpecials = new Spry.Data.XMLDataSet("data.xml",
    "specials/menu_item");
    var dsIngredients = new
    Spry.Data.NestedXMLDataSet(dsSpecials,"ingredients/ingredient");
    </script>
    <style>
    .row_selected {font-weight: bold;}
    </style>
    <div id="specials" spry:region="dsSpecials
    dsIngredients">
    <table>
    <tr spry:repeat="dsSpecials" spry:select="row_selected"
    spry:setrow="dsSpecials">
    <td>- {item}</td>
    <td><span
    spry:repeat="dsIngredients">{dsIngredients::ingredient}
    </span></td>
    </tr>
    </table>
    </div>
    This works (i.e. class is applied properly on a single click)
    if:
    1) I remove the spry:setrow="dsSpecials"
    OR
    2) I remove the nested data: i.e. (remove dsIngredients from
    spry:region attribute in the div and the second <td> tag)
    Thanks

  • Spry textfield validation

    Hi, how can I modify this code for the spry textfield validation.js file? My text field is set to yyyy-mm-dd.  When I enter a date and hit the submit button all works well but, how can I modify this portion of the .js file so the date yyyy-mm-dd is not less than today's date?
    ===================
    'date': {
    validation: function(value, options) {
    var formatRegExp = /^([mdy]+)[\.\-\/\\\s]+([mdy]+)[\.\-\/\\\s]+([mdy]+)$/i;
    var valueRegExp = this.dateValidationPattern;
    var formatGroups = options.format.match(formatRegExp);
    var valueGroups = value.match(valueRegExp);
    if (formatGroups !== null && valueGroups !== null) {
    var dayIndex = -1;
    var monthIndex = -1;
    var yearIndex = -1;
    for (var i=1; i<formatGroups.length; i++) {
    switch (formatGroups[i].toLowerCase()) {
    case "dd":
    dayIndex = i;
    break;
    case "mm":
    monthIndex = i;
    break;
    case "yy":
    case "yyyy":
    yearIndex = i;
    break;
    if (dayIndex != -1 && monthIndex != -1 && yearIndex != -1) {
    var maxDay = -1;
    var theDay = parseInt(valueGroups[dayIndex], 10);
    var theMonth = parseInt(valueGroups[monthIndex], 10);
    var theYear = parseInt(valueGroups[yearIndex], 10);
    // Check month value to be between 1..12
    if (theMonth < 1 || theMonth > 12) {
    return false;
    // Calculate the maxDay according to the current month
    switch (theMonth) {
    case 1: // January
    case 3: // March
    case 5: // May
    case 7: // July
    case 8: // August
    case 10: // October
    case 12: // December
    maxDay = 31;
    break;
    case 4: // April
    case 6: // June
    case 9: // September
    case 11: // November
    maxDay = 30;
    break;
    case 2: // February
    if ((parseInt(theYear/4, 10) * 4 == theYear) && (theYear % 100 != 0 || theYear % 400 == 0)) {
    maxDay = 29;
    } else {
    maxDay = 28;
    break;
    // Check day value to be between 1..maxDay
    if (theDay < 1 || theDay > maxDay) {
    return false;
    // If successfull we'll return the date object
    return (new Date(theYear, theMonth - 1, theDay));   //JavaScript requires a month between 0 and 11
    } else {
    return false;
    ======================
    Thanks Winrol

    V1 Fusion wrote:
    > Yes you can use regular expessions:
    >
    > function validatePhone(value){
    > return
    >
    /^(((\+44\s?\d{4}|\(?0\d{4}\)?)\s?\d{3}\s?\d{3})|((\+44\s?\d{3}|\(?0\d{3}\)?)\s?
    >
    \d{3}\s?\d{4})|((\+44\s?\d{2}|\(?0\d{2}\)?)\s?\d{4}\s?\d{4}))(\s?\#(\d{4}|\d{3})
    > )?$/.test(value)
    > }
    >
    > var custom = new Spry.ValidationTextField(id, "custom",
    {validation:
    > validatePhone, validateOn:["blur", "change"]})
    >
    > regexp from
    http://regexlib.com/
    Excellent, thank you, that will get me in the right
    direction. Its not
    100%, but I think I can tinker with an expression to get what
    I want.
    The number is couldn't handle is +44 (0)113 255 7666 but its
    not an
    approved format anyway, but lots of companies still do it
    this way, so I
    want to ensure I get it right.
    Thanks again!
    Dooza
    Posting Guidelines
    http://www.adobe.com/support/forums/guidelines.html
    How To Ask Smart Questions
    http://www.catb.org/esr/faqs/smart-questions.html

  • RCU-6092:Component Selection validation failed

    hi am in step 5 installing  rcu (custom variable) am having this error
    RCU-6092:Component Selection validation failed. Please refer to log at C:\oracle\Middleware\rcuHome\rcu\log\logdir.2013-11-08_09-09\rcu.log for details.
    Value of Custom Variable Work Repository Type: (D) Development (Default) or (E) Execution is greater than maximum length of 1 characters. Value should be between 0 and 1 characters.

    I think you should check the following blogs for your requirement  :
    http://yonaweb.be/webcenter_11g_ps3_tutorial_introduction_content_integration
    http://technology.amis.nl/2011/01/22/configuring-webcenter-11g-r1-ps3-with-remote-ucm-content-server/
    Hope these links help .
    Thanks,
    Srinath

  • Conditional Spry Confirm Validation

    Hi Chaps,
    I know there are a few of these threads about, however, the answers usually point to a 404 webpage.
    I'm after a conditional Spry Confirm Validation Text Field.
    E.G. if a user decides to change a password, the (required) confirm validation comes into effect.
    If anyone can point me in the right direction, it would help me out.
    Many thanks
    Samuel

    never mind, found this: http://forums.adobe.com/message/2983481#2983481#2983481

  • Multiple spry:selects on Multiple Datasets

    Hi,
    I have a main xmldataset A from which 2 other datasets B and C are populated via A datasets' A.getDocument() and are thus dependencies of A
    dataset A has its own spry:region with a spry:select
    B and C share a spry:region also with respective spry:select
    thus
    <ul spry:region="A"><li spry:repeat... spry:select="class">....</ul><ul spry:region="B C"><li spry:repeat="B" spry:select="class"><ul><li spry:repeat="C" spry:select="class"></li>.....
    When I first only had A's region the spry:select worked fine
    but when I added B only B's spry:select worked and then when I added C only C worked
    How do I get all region spry:select to STAY selected on each's own currentRow()?
    P.S. what is spry:selected and can someone elaborate on the documentations definition of Spry:Selectgroup?

    Please have a look at the following
    <!doctype html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Untitled Document</title>
      <style>
            .MasterDetail {
                font: 100% Verdana, Geneva, sans-serif;
                margin: 2px;
            .MasterDetail .MasterContainer {
                background-color: #EAEAEA;
                border: 1px solid gray;
                width: 35%;
                float: left;
                height: 400px;
                overflow: auto;
            .MasterDetail .MasterColumn {
                font-size: 75%;
                background-color: #CCCCCC;
                padding:5px;
                cursor:pointer;
            .MasterDetail .MasterColumnHover {
                background-color: #EAEAEA;
            .MasterDetail .MasterColumnSelected {
                background-color:#848484;
                color: white;
            .MasterDetail .DetailContainer {
                border: 1px solid gray;
                padding:10px;
                width: 60%;
                float: right;
                overflow: auto;
            .MasterDetail .DetailColumn {
                margin-bottom: 1px;
      </style>
    </head>
    <body>
      <div class="MasterDetail">
        <div spry:region="dsItem" class="MasterContainer">
          <div class="MasterColumn" spry:repeat="dsItem" spry:setrow="dsItem" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{day}</div>
        </div>
        <div spry:detailregion="dsItem" class="DetailContainer">
          <div class="DetailColumn">{title}</div>
          <div class="DetailColumn">{description}</div>
          <div class="DetailColumn">{link}</div>
          <div class="DetailColumn">{category}</div>
          <div class="DetailColumn">{category/@domain}</div>
          <div class="DetailColumn">{comments}</div>
          <div class="DetailColumn">{pubDate}</div>
          <div class="DetailColumn">{timestamp}</div>
          <div class="DetailColumn">{guid}</div>
          <div class="DetailColumn">{fbid}</div>
          <div class="DetailColumn">{fbid/@colour}</div>
        </div>
        <br style="clear:both" />
      </div>
      <script src="SpryAssets/xpath.js"></script>
      <script src="SpryAssets/SpryData.js"></script>
      <script>
        var dsItem = new Spry.Data.XMLDataSet("package/xml.php", "rss/channel/item");
      </script>
    </body>
    </html>
    The master container contains the date. It does not matter how you want to format the date as long as it has a spry:setrow. This will determine the row to show in the spry:detailregion.
    Gramps

  • What is the deal with spry:selected

    spry:selected has no documentation with it and seems to be a totally forgotten tag.
    Can somebody explain it's use?

    I use it quite a bit for zooming in and out (by dragging up and down) but you have to be careful you don't move left or right when doing this as it then becomes a bit unpredictable as you say...
    If you just want to use the playhead for dragging left and right (and if you can't find a pref to turn it off) you'll just have to be careful to drag only in the horizontal axis and not up or down..
    Cheers
    Robo

  • Spry:selected with hpanel.loadContent

    Hi
    I'm new to spry and very excited about it but still have some
    issues.
    I have a repeat region menu whose items link to different
    display panels.
    The featured projects item leads to one kind of display.
    The staff, history, contact items lead to another kind of
    display.
    I want the selected item in the menu (the displayed one) to
    appear with the selected class in the menu (in red).
    I cannot use the "spry:when="
    {ds_CurrentRowNumber} == {ds_RowNumber}" ...
    spry:selected="selected">" because i have to change panel
    according to the menu id :
    <div spry:state="ready" spry:repeat="dsMenuAbout"
    spry:choose="spry:choose" spry:hover="MenuHoverClass"
    spry:select="MenuSelectClass" spry:selected="MenuSelectedClass">
    <div spry:when="'
    {dsMenuAbout::@id_nomdepage}' == '4'"
    spry:setrow="dsMenuAbout"
    spry:selected="MenuSelectedClass">
    <a href="includeFeaturedMoophp.php"
    onclick="hpanel.loadContent(this.href); return false;"
    spry:selected="MenuSelectedClass">
    {@nomang_nomdepage}</a></div>
    <div spry:when="'{dsMenuAbout::@id_nomdepage}' == '6'"
    spry:setrow="dsMenuAbout">
    <a href="includeStaff11.php"
    onclick="hpanel.loadContent(this.href); return false;"
    spry:selected="MenuSelectedClass">
    {@nomang_nomdepage}</a></div>
    <div spry:when="'{dsMenuAbout::@id_nomdepage}' == '7'"
    spry:setrow="dsMenuAbout">
    <a href="includeGallery.php"
    onclick="hpanel.loadContent(this.href); return false;"
    spry:selected="MenuSelectedClass">
    {@nomang_nomdepage}</a></div>
    Etc.
    See it
    here
    The hover and select classes will display in the menu but the
    selected class won't with the onclick (or default) action wherever
    I put it.
    Despite all my tries, i cannot find a way.
    Can somenone explain to me the role of the setrow, which in
    this case is "setting the row" for the onclick thing but not for
    the selected class thing.
    And tell me where to put the
    spry:selected="MenuSelectedClass" for it to work
    Second issue : I have the same kind of question with the
    state:ready — where to put it?
    Thanks

    Hi andream1977,
    I don't really understand what you are trying to accomplish.
    Even if the above code worked, you would end up with an
    optgroup having a single option. An optgroup should generally have
    more.
    Please study
    this
    article first.
    Please note that:
    - spry:test can only be used in conjunction with
    spry:repeat(children), for other anywhere insede a region you have
    spry:if
    - spry:repeatchildren put on an element makes EVERY children
    of the element repeat (so in your case that is why optgroup repeats
    itself)
    - you don't have to use the spry:test again in the eng tag
    Hope that helps,

  • Cannot see Blue Spry Selection Tab

    I've added a menu to my site but I cannot edit it because I
    cannot see Blue Spry Selection Tab. I made sure "how invisible
    elements" setting is turned on and that Hide All is off. What else
    could cause the tab to not be visible?

    I've added a menu to my site but I cannot edit it because I
    cannot see Blue Spry Selection Tab. I made sure "how invisible
    elements" setting is turned on and that Hide All is off. What else
    could cause the tab to not be visible?

Maybe you are looking for

  • How can I get my Time Machine to Quit Failing?

    I've got a MacBook Pro running Mavericks 10.9.2, and I'm hooked up to two 27" external thunderbolt displays daisy chained together when I'm at work. On one of the monitors I've got a hard drive attached via USB that is my time machine backup. The ama

  • Ipod 4th gen not really connecting to wifi

    My ipod 4th gen has always worked fine a day ago out of the blue the wifi wasnt working but then i relized it was my ipod it only works when im right next to it as soon as i walk away it disconnects i have tried everything to make it work disconnecti

  • ITunes is CONSTANTLY opening itself

    i cant do anythiing else. its open 5 times whilst writing this. I cant use my computer =(

  • Monitoring website visits through Mac OS X Server

    Hello, I have an Xserve that serves an office of 40 people. We need to monitor the websites that employees are visiting but I have not been able to find a software or freeware that we could use through the server. And I do not find this functionality

  • "Could not load Preference" - Sharing....?

    Has anyone seen this error? It seems that I cannot load the Sharing preferemce anymore. When I click Sharing, nothing happens then box comes up with "Could not load Preference". The last change I can remember was instally Apple Remote Desktop about a