Spry Auto Suggest Widget Sample: Change scrollbar?

Is it possible to change the scrollbars to scomething a bit more asthetically pleasing?
I know this can be done with the Prototype framework:
http://livepipe.net/control/scrollbar
If not, can the scrollbar be removed completely?  I never show more than 10 results anyway.

htcilt wrote:
Is it possible to change the scrollbars to scomething a bit more asthetically pleasing?
I know this can be done with the Prototype framework:
http://livepipe.net/control/scrollbar
If not, can the scrollbar be removed completely?  I never show more than 10 results anyway.
Yes it is possible to change the scrollbars; but you do not need Spry to do this. You can use the Prototype framework if you wish.
You can also remove the scrollbar completely, although this is only needed for IE as other browsers do not place a scrollbar if this is not needed.
My advice, leave the browser scrollbar as it is. Users are used to it and my experience is that a site has to be functional before asthetical.
I hope this helps.
Ben

Similar Messages

  • How to implement Auto Suggest Widget

    Hi there
    I have a dynamic asp classic page, where the data come from an access db.
    On this page, many documents (category and title ) are displayed for download.
    I want to implement Auto Suggest Widget in order to find the document easier and to jump to it (href="#document_xy") directly for download.
    I don't have a clue on how to implement the Auto Suggest Widget.
    The ASP sample works with XML File.
    http://labs.adobe.com/technologies/spry/samples/autosuggest/SuggestSample.html
    All replies, hints, tutorials are highly appreciated.
    kind regards
    joey00x
    I am using Win XP, Dreamweaver CS3

    Hi,
    thanks for trying to help.
    I am sorry to ask again. I am not at all familiar with xml.
    I have tried to modify the ASP script you've suggested, but I get strange XML error, which doesn't make sense to me.
    I understand that with the script the server creates an XML File on the fly. First I have to connect to my access database, then I fill the records into a recordset object. And then the server loops through the RS and creates the xml file. Is that correct?
    The error message I get, points to a complete different place in the code, to a javascript module, which is working perfectly without below code.
    Any suggestions where the bug is?
    Thanks for your time
    kind regards
    joey00x
    Here the code that I am using:
    <%
    Dim objRS
    Dim SQLxml
    SQLxml = "Select category, subcategory, title from DocumentView"
    Set objRS=Server.CreateObject("ADODB.Recordset")
    objRS.Open SQLxml , objConn, 0, 1
    ' Send the headers
    Response.ContentType = "text/xml"
    Response.AddHeader "Pragma", "public"
    Response.AddHeader "Cache-control", "private"
    Response.AddHeader "Expires", "-1"
    %>
    <?xml version="1.0" encoding="utf-8"?>
    <root>
      <% While (NOT objRS.EOF) %>
        <row>
             <%
                For each field in objRS.Fields
                column = field.name
             %>
            <<%=column%>><![CDATA[<%=(objRS.Fields.Item(column).Value)%>]]></<%=column%>>
            <%
                Next
            %>
        </row>
        <%
          objRS.MoveNext()
        Wend
        %>
    </root>
    <%
    objRS.Close()
    Set objRS = Nothing
    %>

  • Spry Auto Suggest

    Good  Morning friends,
    I have a problem in  the spry auto suggest, I am not able to select a list item with the  mouse when you press the textfield field, as I do I select an item when I  click the mouse? has some property that is missing? the spry autosuggest ja normal loads the data follows  the code below, thank you
    var dsLocal = new Spry.Data.JSONDataSet("http://<?php echo $_SERVER['SERVER_NAME']; ?>/siscco/dados/localocorrencia.php",{sortOnLoad:"local_oco"});
        <div id="procuraLocal" style="float:left;">
                           Address: 
        <input autocomplete="on" id="local_oco" name="local_oco" type="text" size="45" tabindex="1" />  
    <div id="resultLocal" spry:region="dsLocal" style="width:100%;z-index:100;">
             <div spry:repeat="dsLocal" spry:suggest="{local_oco}"><b>{local_oco}</b></div>
      </div>
    var localocorrencias = new Spry.Widget.AutoSuggest("procuraLocal","resultLocal","dsLocal",'local_oco',{containsStrin g:true,minCharsType:2});

    I have never used the Spry Auto Suggest feature, so I cannot guarantee my answer.
    Looking at your code
    var dsLocal = new Spry.Data.JSONDataSet("http://<?php echo $_SERVER['SERVER_NAME']; ?>/siscco/dados/localocorrencia.php",{sortOnLoad:"local_oco"}); 
        <div id="procuraLocal" style="float:left;">
                           Address:
        <input autocomplete="on" id="local_oco" name="local_oco" type="text" size="45" tabindex="1" /> 
    <div id="resultLocal" spry:region="dsLocal" style="width:100%;z-index:100;">
             <div spry:repeat="dsLocal" spry:suggest="{local_oco}"><b>{local_oco}</b></div>
      </div>
    var localocorrencias = new Spry.Widget.AutoSuggest("procuraLocal","resultLocal","dsLocal",'local_oco',{con tainsString:true,minCharsType:2});
    apart from learning how to incorporate PHP into a JavaScript code as well as the INPUT autocomplete attribute, I noticed that you do not have a FORM surrounding the INPUT element as in
    <div id="procuraLocal" style="float:left;">
      Address:
      <form method="get" action="">
        <input autocomplete="on" id="local_oco" name="local_oco" type="text" size="45" tabindex="1" />
        <div id="resultLocal" spry:region="dsLocal" style="width:100%;z-index:100;">
          <div spry:repeat="dsLocal" spry:suggest="{local_oco}"><b>{local_oco}</b></div>
        </div>      
      </form>
    </div>
    I hope this helps.
    Ben

  • CSS (?) Problem in Auto-Suggest Widget

    I probably missed something simple in the CSS, but I cannot
    get auto-suggest's inner DIV to adjust the width of the suggestion
    results. What I tried is setting the inner DIV so:
    <div class="list" spry:repeat="dsPlaylist"
    spry:suggest="{SONG_TITLE}" spry:setrow="dsPlaylist">
    And then, in CSS I've got:
    .list {
    background-color: #66FF00;
    width: 300px;
    Background-color works, but width does not.
    Can anyone clue me in to what I've missed? Thanks!
    Jeremy

    This isn't intuitive, but in the default style sheet, the
    .hideSuggestClass
    has a width set. This is controlling the width of the
    container. changing or editing this value will allow your width
    property to work as expected.
    Hope this helps.
    Don

  • Using Auto Suggest To Set The Value Of Multipe Form Fields

    I would like to use the Spry 1.5 Preview Auto Suggest widget
    to provide the value for multiple form fields based on the row the
    user selects in the auto suggestion data set. I've placed an
    example of what I want to do here:
    http://www.brucephillips.name/spry/Spry_P1_5_Preview/autosuggest/autosuggestMultipleFields .cfm
    It appears that when the user clicks on one of the rows in
    the auto suggestion data set, the current row for the data set is
    not updated but remains the default (first row in the data set).
    Therefore, if you have a spry:detailregion that uses that data set,
    the values for that detail region are from the first row in the
    data set and not the row the user selected.
    Is it possible to set the current row of the auto suggest
    data set to the row the user clicked on in the auto suggestion data
    set so that the spry:detailregion will have the values from the row
    the user clicked on?
    I had previously modified the Spry 1.4 Auto Suggest widget to
    do this. See:
    http://www.brucephillips.name/blog/index.cfm/2006/11/6/Modifing-Sprys-Auto-Suggest-Widget- to-Bind-Users-Selection-to-A-Form
    Thank you for any assistance.

    Cristian: thank you for the reply. I understand your concern
    about the user changing the auto suggest field after updating the
    complimentary fields. I think that could be handled through user
    instruction. Additionally, instead of using form fields to hold the
    complimentary data I could use non-editable paragraphs.
    I hope the change is not too difficult. I think this
    modification would make the auto suggest widget even more useful.
    For example think about a product auto suggest. User starts to type
    in the name of the product, selects the full product name from the
    auto suggestions, and now the page can immediately show in a
    spry:detailregion all the product details.
    Thanks again for considering my request. I really appreciate
    all the work the Spry team is doing. I'm looking forward to the
    official release of Spry.

  • Auto Suggest Special characters

    Hi!
    I would like to known if you can use the Auto suggest widget
    from the Spry framework with special character typed in the text
    box.
    In JSONDataSet with loadFromServer:true contains information
    with special characters and spry:region appear correctly, but when
    i type "Etc fóo" the spry url is ...?parameter=Etc%20f%C3%B3o
    but server side value of parameter=Etc fóo,
    when i send form url ?parameter=Etc+f%F3o server side value
    of parameter is Etc fóo.
    I try with charset ISO-8859-1, UTF-8 and i can´t fix
    this.
    The same error when i type "É" spry url
    ...?parameter=%C3%89 and server side value of parameter is Ã?,
    when i sent form url is ..?parameter=%C9 and i´ts works,
    server side is É
    Version Spry_1_6_1_022408
    same problem
    Auto
    suggest with special characters
    Changes for Spry 1.6.1 - 2008/02/23
    Auto Suggest
    Fixed a bug for dynamic URL loading where some special
    characters like + and & where not sent correctly to the server.
    Fixed a bug with suggestion list showing when pressing some
    special characters

    Hello,
    I must admit that we didn't include into our test matrix such
    a scenario so I don't know the answer. However I would like to
    clear me a question before starting the investigation.
    Do you mean that if you type the 'a' character the widget
    should display the values that also starts with "â" or
    "à" ? Because this scenario is really not supported.
    Cristian

  • Auto Suggest with multiple fields?

    Hello,
    I am planning on using the autosuggest on a project I'm
    working on, and was surprised by the lack of support for multiple
    fields. Correct me if I'm wrong, but right now you can only search
    for the 'name' field or 'age' etc. I would like to be able to enter
    some text in the textinput field, and it would search both 'name'
    and 'username' in the dataset. Is this possible with the current
    widget?
    Thanks,
    Maquelly

    Hello Maquelly,
    Indeed the Auto Suggest widget do not support filtering the
    data against multiple fields simultaneously if the data is filtered
    on the client side. I will add this as an enhancement request for
    this brand new widget. We have only support for multiple fields to
    be displayed in the suggestion list which is a spry:region, you can
    insert the values of multiple fields concatenated through the
    spryLsuggest tag buy we are not able to check multiple fields,
    We have implemented also the ability to send the value typed
    on the server and expect a new XML with the filtered data. This
    method allow you to achieve your goak as you can control
    completelly the filtering algorithm that sends the data back in
    browser. We have some samples in the Spry 1.5 preview.
    Regards,
    Cristian MARIN

  • Dynamically loaded data in Auto Suggest

    I'm loading data from the server with PHP for the AutoSuggest
    Widget. Everything works great (and fast!).
    Is there a way to add an additional URL parameter to the one
    that is created for the AutoSuggest Widget (by default "prd")?
    It obviously won't work when I add the URL parameter to the
    data set constructor because it conflicts with the URL parameter
    that is created by the Auto Suggest Widget's urlParam.
    In other words, this wouldn't work:
    new
    Spry.Data.XMLDataSet("products.php?id=23,"products/product");
    I tried to add it to the urlParam in the AutoSuggest
    constructor script below the markup:
    urlParam: "id=23&amp;prd"
    I was hoping that the above would create the following URL
    parameter sting:
    ?id=23&amp;prd=e (assuming that the first typed letter
    would be "e")
    since prd alone produces
    ?prd=e
    But that doesn't seem to work either. Do you have any
    suggestions?
    Thanks!

    Update:
    I just found the solution:
    It works when I'm not using the entity name but the actual
    ampersand "&" in the URL parameter like this:
    urlParam: "id=23&prd"
    Obviously, I also have to set loadFromServer to 'true' to
    correctly filter the record set (I forgot that at first).
    Thanks for the great widget!

  • Why doesn't Auto Suggest work in IE but works in Live View?

    Hi, In Dreamweaver CS5 I have created a simple test page for the Auto Suggest widget using a second page containing the data in an HTML table.  The Auto Suggest works perfectly when viewed in the Dreamweaver Live View and Multi Screen View. However, when i view the test page in IE8 the widget doesn't work and there is the small 'Done' with the yellow triangle and exclamation mark in the bottom left indicating a script error.
    Any ideas what's the problem - presumably with IE?
    Thanks

    Thanks.  I have posted the test page to
    www.bpmac.co.uk/test.asp
    I would be happy to receive a link to a sample that works.
    Regards
    Phillip

  • Auto-suggest - XML

    I would like to know, as it would be the XML of the new
    version of the Auto Suggest, I am trying to make, but is not
    working, I am using the old products.xml example.
    Thanks and sorry about my English.

    Hello Adriano,
    I'm sorry to not be able to help you but I can't understand
    what you trying to say in your post. I assume that you have
    problems with using the Auto Suggest widget but you should give us
    more detailed information of what you try to do, what are the
    results and what should they be.
    Could you please ask someone around you with a little more
    advanced English skills to explain your problem clear to be able to
    help you ?
    Regards,
    Cristian MARIN

  • Spry Menu Bar Widget 2.0 (1.0) -- IE 6 Rendering Snag

    Hi:
    Once again I need to call on the aid of others with more detailed knowledge of the spry frameworks, particularly the Spry Menu Widget 2.0 (vers. 1.0) developed by Adobe labs.
    I have posted the site to http://www.aclco.org/testing/index.html.  You will see that it works beautifully, thanks to the help of many contributors, except in IE 6.0, where, when the sub menus become visible and drop down, it causes all page elements (divs) to be pushed down to create the necessary room to accommodate the drop down.  The natural overlap of the sub-menu over pre-existing content doesn't seem to overlay properly.
    It does this on all pages, and not just those which present flash sideshows.  And as I say it is peculiar to IE 6.
    I have followed the tutorial provided by David Powers in deploying the widget and have not altered the spry skin css or the basic css.  Any changes (affecting padding, etc. and adding of background images where created using the widget browser and supplemented in the css added to the template page.  The "add-on" css was then added to the general style sheet governing the whole site layout.
    I was wondering if anyone else has experienced this problem, if there are any work arounds or hacks that anyone is aware of, or any other suggestions that might help.
    I haven't been able to preview this on a free standing PC using IE6, but was able to reproduce the problem on 2 cross browser testing services employing a "live mode".  I renders properly until the sub-menus are called upon to become visible, and then the problem manifests.
    Your assistance will be greatly appreciated.
    Sincerely,
    Steve Webster
    Attach.
    Please note:  Attached are the relevant excerpts from the customized style sheet as amended from the spry widget browser:
    /*  -- Begins Spry Menu Widget 2.0 (1.0) Horizontal menu bar Custom styles --  */
    /* BeginOAWidget_Instance_2141544: #MenuBar */
    /* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
    these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
    These assume the following widget classes for menu layout (set in a preset)
    .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
    .MenuBarVertical - vertical main bar; all submenus are pull-right.
    You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
    They only apply to horizontal menu bars:
    MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
    MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
    MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
    MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
    and centered in its parent container.
    MenuBarFullwidth - Grows to fill its parent container width.
    In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
    with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
    there are a few rules where this was not possible. Those rules are so noted in comments.
    #MenuBar  {
    background-color:transparent;
    font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
    MenuItem, and MenuItemLabel
    at a given level all use same definition for ems.
    Note that this means the size is also inherited to child submenus,
    so use caution in using relative sizes other than
    100% on submenu fonts. */
    font-weight: normal;
    font-size: 17px;
    font-style: normal;
    padding:0;
    /* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
    widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
    in this section. These have very low specificity, so be careful not to accidentally override them. */
    .MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
    display:none;
    .MenuBarLeftShrink {
    float: left; /* shrink to content, as well as float the MenuBar */
    width: auto;
    .MenuBarRightShrink {
    float: right; /* shrink to content, as well as float the MenuBar */
    width: auto;
    .MenuBarFixedLeft {
    float: left;
    width: 80em;
    .MenuBarFixedCentered {
    float: none;
    width: 80em;
    margin-left:auto;
    margin-right:auto;
    .MenuBarFixedCentered br {
    clear:both;
    display:block;
    .MenuBarFixedCentered .SubMenu br {
    display:none;
    .MenuBarFullwidth {
    float: left;
    width: 100%;
    /* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar  .MenuItemContainer {
    padding: 0px 0px 0px 0px;
    margin: 0; /* Zero out margin  on the item containers. The MenuItem is the active hover area.
    For most items, we have to do top or bottom padding or borders only on the MenuItem
    or a child so we keep the entire submenu tiled with items.
    Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar  .MenuItem {
    padding: 10px 10px 10px 4px;
    background-color:#000088;
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segme nt-Dark.png);
    background-repeat:repeat-x;
    #MenuBar  .MenuItemFirst {
    border-style: none none none none;
    #MenuBar .MenuItemLast {
    border-style: none none none none;
    #MenuBar  .MenuItem  .MenuItemLabel{
    text-align:center;
    line-height:1.4em;
    color:#ffffff;
    background-color:transparent;
    padding: 0px 18px 0px 5px;
    width: 10em;
    width:auto;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
    width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    font-style: normal;
    background-color:#000088;
    padding:0px 2px 0px 0px;
    border-width:0px;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    /* Border styles are overriden by first and last items */
    border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst {
    border-style: none;
    padding: 0px;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
    padding-top: 0px;
    #MenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
    padding-bottom: 10px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1em;
    background-color:transparent;
    color:#ffffff;
    padding: 10px 10px 10px 10px;
    width: 240px;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
    background-color: #2E35A3;
    background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segme nt%20Light2.png);
    background-repeat:repeat-x;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    #MenuBar .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #ffffff;
    #MenuBar .SubMenu .MenuItemHover {
    background-color:2E35A3;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #ffffff;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
    background-color: transparent;
    min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
    #MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
    top: 100%; /* 100% is at the bottom of parent menuItemContainer */
    left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
    and your personal taste.
    0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
    on MenuItemContainer and MenuItem on the parent
    menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
    the dropdown with the left of the menu item label.*/
    z-index:10;
    #MenuBar.MenuBarVertical .SubMenuVisible {
    top: 0px;
    left:100%;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar .MenuLevel1 .SubMenuVisible {
    background-color: transparent;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
    top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
    that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
    vertically 'centered' on its invoking item */
    left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
    negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
    to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
    * The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    .SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
    margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
    /* EndOAWidget_Instance_2141544 */
    /* Ends Spry Menu Bar Widget 2.0 (1.0) Horizontal Menu Custom styles */

    I have systematically reviewed the tutorial of David Powers on the Spry Menu bar 2.0, and recreated the process in a methodical process - making one change at a time, and then checking each step on a cross browser testing server, and have found, quite to my amazement that what seems to be causing the problem of the "gap" in IE 6 is by removing the customized styles from the head of the individual pages, and placing them in CSS stylesheet that governs the entire site.
    I find this quite inexplicable.  When the customized CSS rules governing the menu bar are situated in a separate stylesheet, the page renders well enough for any of the "modern" browsers, but won't render in IE 6.  All that I get is a horizontal menu with drop downs, but none of the styling (specifically background colours, background images, etc.) that are called for in the stylesheet and that otherwise appear when rendered by other browsers.
    I realize that this sounds strange, but I was wondering if anyone had experienced this phenomenon, or could offer any explanation.
    Any suggestions would be greatly appreciated.
    Steve Webster

  • Enter Key doesn't activate auto-suggest link

    Arrowing to an item in the auto suggest menu and pressing
    enter doesn't take me to take me to the page linked. I am able to
    arrow down, and if I click on it with my cursor the link functions
    (even though these links are just to invalid files).
    Any ideas? I'm using an list method.
    http://www.mtidry.com/dev2008/about/

    True, it isn't structured as a 'jump menu', but everywhere
    else I've seen it, including on the
    http://labs.adobe.com/technologies/spry/samples/autosuggest/SuggestSample.html
    page it functions like a jump menu would (no link to follow, but
    the menu reacts when the user arrows down to an item and hits
    enter). Even on the search bar on the upper right corner of this
    site, which doesn't appear to call the exact same scripts, but
    similar ones, functions as a jump menu. The documentation for this
    widget includes instructions on keyboard navigation. I can't
    imagine that the widget would be designed so that the user could
    highlight the item with the keyboard but be unable to follow the
    link unless he or she also clicked on it with the mouse. Sort of
    goes against the idea of keyboard navigation.
    What I perceive to be the problem with mine is that the Divs
    are being selected when the user arrows down, not the links. In a
    web page I can tab from one link to the next, and use the enter key
    to follow the link. Any other suggestions?

  • Use CFFunction result in suggest widget constructor

    Can someone please post an example of the correct syntax to
    use results of a coldfusion function (Ray Camden's queryToXML for
    example) in the constructor of the suggest widget? I can see that
    the xml it creates is perfect, but I get "Failed to retrieve data
    set (ds1) for spry:repeat" no matter how I try to use it.

    Diana:
    Thank you so much for replying. I have carefully studied the
    examples as you suggested. I have modified my code to add the
    urlParam option to the widget constructor as follows:
    <script type="text/javascript">
    var theSuggest = new
    Spry.Widget.AutoSuggest("mySuggest","resultsDIV",
    "ds1","name",{minCharsType:3,maxListItems:100,containsString:true,loadFromServer:true,url Param:'s'});
    </script>
    I have modified my data set to point to a file that outputs
    valid xml with the correct data:
    <script type="text/javascript">
    var ds1 = new
    Spry.Data.XMLDataSet("/services/Provider/ddr/Admin/sites.cfm?s=true","sites/site",
    { sortOnLoad: "name"});
    </script>
    In FireBug or the Spry Debugger I can see that the server
    calls are working and the data is returned. I can hit sites.cfm in
    IE and it always returns valid xml identical to that in the .xml
    file, yet the suggest widget does not work except when pointed to
    the xml file (which is generated by the same function.) I can
    provide sample xml output from the .cfm or the complete code if
    that would be helpful. Thanks in advance for any ideas or help.

  • Auto suggest behaviour copononent is not working

    Hi All,
    We migrated our application from JDev 11.1.1.3 to 11.1.1.5.
    we have a input text with LOV feild in a popup, and the feild has auto suggest behavior,
    <af:inputListOfValues id="inputListOfValues3"
    popupTitle="Search and Select: #{bindings.Dica.hints.label}"
    value="#{bindings.Dica.inputValue}"
    label="#{bindings.Dica.hints.label}"
    model="#{bindings.Dica.listOfValuesModel}"
    required="#{bindings.Dica.hints.mandatory}"
    columns="30"
    shortDesc="#{bindings.Dica.hints.tooltip}"
    autoSubmit="true"
    valueChangeListener="#{backingBeanScope.Bean.dIcaChangeListener}"
    searchDesc=" ">
    <f:validator binding="#{bindings.Dica.validator}"/>
    <af:autoSuggestBehavior suggestedItems="#{bindings.Dica.suggestedItems}"/>
    </af:inputListOfValues>
    it worked well in 11.1.1.3, but after moving it to 11.1.1.5, the auto suggest behaviour stopped working, but found no error in the log. LOV is working good, Value change listener is also working well.
    Please advise.
    Thanks...

    Yes, I did that, but no result. we have similar components in the same page itself with auto suggest behaviour and input LOV, for those auto suggest behaviour is working good. But this particular feild is in a popup, that might be the reason.

  • Spry Validation Confirm Widget

    Ugh.  This is driving me nuts!
    I've used the Spry Validation Confirm Widget successfully before, but for some reason I can't spot, I get this error message every time I try to load the page: Spry.ValidationConfirm ERR: The element ConfirmPasswordWidget doesn't exists!
    The JS and CSS files are linked as follows in the head section.
    <!-- Link the Spry Validation Password JavaScript library -->
    <script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
    <!-- Link the CSS style sheet that styles the widget -->
    <link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
    <!-- Link the Spry Validation Confirm JavaScript library -->
    <script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
    <!-- Link the CSS style sheet that styles the widget -->
    <link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
    The code in the body looks like this:
          <form id="Passwordform" name="Passwordform" method="post" action="">
            <table>
              <tr>
                <td><label for="password1">Password:</label></td>
                <td><span id="ValidatePasswordWidget">
                  <input name="password1" type="password" id="password1" value="" size="20" maxlength="20"/>
                  <span class="passwordRequiredMsg">A value is required.</span>
                  <span class="passwordMinCharsMsg">The minimum number of characters not met.</span>
                  <span class="passwordMaxCharsMsg">The maximum number of characters exceeded.</span>
                  <span class="passwordInvalidStrengthMsg">The password strength condition not met.</span>
                  <span class="passwordCustomMsg">User defined condition not met.</span>
                  </span>
                </td>
              </tr>
              <tr>
                <td><label for="confirmpassword">Re-enter password </label></td>
                <td><span id="ConfirmPasswordWidget">
                  <input type="password" id="confirmpassword" value="" size="20" maxlength="20" />
                  <span class="confirmRequiredMsg">A value is required.</span>
                  <span class="confirmInvalidMsg">The values do not match</span>
                  </span>
                </td>
              </tr>
              <tr>
                <td> </td>
                <td><input type="submit" name="submit" value="Submit" />
                </td>
              </tr>
            </table>
          </form>
    The scripts are declared as follows:
    <script type="text/javascript">
       var sprytextfield1      = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"], minChars:7, maxChars:7});
       var password1           = new Spry.Widget.ValidationPassword("ValidatePasswordWidget", {validateOn:["blur"], minAlphaChars:3, minNumbers:1, maxSpecialChars:2, minChars:3, maxChars:8});     
       var ConfirmWidgetObject = new Spry.Widget.ValidationConfirm("ConfirmPasswordWidget", "password1", {validateOn: ['blur']});  </script>
    The actual code is shown below (it doesn't allow me to attach it).
    I know this is a lot to ask, but can anyone see the reason why I'm getting this error?  Looks to me like ConfirmPasswordWidget exists!?
    Thanks in advance.
    <?php require_once('Connections/Unit174Conn.php'); ?>
    <?php if (!isset($_SESSION)) { session_start(); } ?>
    <?php
    if (!function_exists("GetSQLValueString")) {
    function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
      $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;
    $colname_rsACBLNumber = "-1";
    if (isset($_POST['ACBL_Number'])) {
      $colname_rsACBLNumber = $_POST['ACBL_Number'];
    mysql_select_db($database_Unit174Conn, $Unit174Conn);
    $query_rsACBLNumber = sprintf("SELECT * FROM unit174members WHERE ACBLNumber = %s", GetSQLValueString($colname_rsACBLNumber, "text"));
    $rsACBLNumber = mysql_query($query_rsACBLNumber, $Unit174Conn) or die(mysql_error());
    $row_rsACBLNumber = mysql_fetch_assoc($rsACBLNumber);
    $totalRows_rsACBLNumber = mysql_num_rows($rsACBLNumber);
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <!-- InstanceBegin template="/Templates/Unit174_Template.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta name="verify-v1" content="PiJ9w6m8VEIvYazx7HJBGOw/d9FeOgKQ1+XlIli6oIE=" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Register</title>
    <!-- InstanceEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="en-us" />
    <meta http-equiv="Keywords" content="Houston, Bridge, ACBL, Duplicate, Unit 174, District 16, Texas, Results, Community Center, cards, Bridge Club, scores" />
    <meta name="Keywords" content="Houston, Duplicate Bridge, Duplicate, Bridge Unit 174, District 16, ACBL, Tracy Gee, Pech Road, JCC, Ace of Clubs" />
    <link href="css/Unit174.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <!-- InstanceBeginEditable name="head" -->
    <link href="css/table_design.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
    <!-- Link the Spry Validation Password JavaScript library -->
    <script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
    <!-- Link the CSS style sheet that styles the widget -->
    <link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
    <!-- Link the Spry Validation Confirm JavaScript library -->
    <script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
    <!-- Link the CSS style sheet that styles the widget -->
    <link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
    <!-- InstanceEndEditable --><!-- InstanceParam name="Page_ID" type="text" value="Register" --><!-- InstanceParam name="class" type="text" value="Unit174" -->
    </head>
    <body class="Unit174" id="Register">
    <div id="container">
      <div id="header"> <img src="Photos/Pat_Levy.jpg"       alt="Pat Levy"       title="Pat Levy"        width="80" height="100" class="framed_image" /> <img src="Photos/Paul Cuneo.jpg"     alt="Paul Cuneo"     title="Paul Cuneo"      width="80" height="100" class="framed_image" /> <img src="Photos/John_Erickson.jpg"  alt="John Erickson"  title="John Ericson"    width="80" height="100" class="framed_image" /> <img src="Photos/Sue_Adamson.png"    alt="Sue Adamson"    title="Sue Adamson"     width="80" height="100" class="framed_image" /> <img src="Photos/Bob_Dowlen_2.jpg"   alt="Bob Dowlen"     title="Bob Dowlen"      width="80" height="100" class="framed_image" /> <img src="Photos/Lauri_Laufman.jpg"  alt="Lauri Laufman"  title="Lauri Laufman"   width="80" height="100" class="framed_image" /> <img src="Photos/Karen_Nimmons.jpg"  alt="Karen Nimmons"  title="Karen Nimmons"   width="80" height="100" class="framed_image" /> <img src="Photos/Robert_Reichek.png" alt="Robert Reichek" title="Robert Reichek"  width="80" height="100" class="framed_image" /> <img src="Photos/Joyce_Ryan.jpg"     alt="Joyce Ryan"     title="Joyce Ryan"      width="80" height="100" class="framed_image" />
        <h1>The Board of Directors of Houston Unit 174 of the ACBL</h1>
        <h4>Welcomes you to</h4>
        <h1>Houston Duplicate Bridge</h1>
        <!--End header div-->
      </div>
      <div id="NavContainer">
        <ul id="NavList" class="MenuBarHorizontal">
          <li><a href="index.html">Home</a></li>
          <li><a class="MenuBarItemSubmenu" href="#">Unit Pages</a>
            <ul>
              <li><a href="174calendar.htm">Unit 174 Calendar</a></li>
              <li><a href="board_of_directors.htm">Unit board of Directors</a></li>
              <li><a href="minutes.htm">Board Minutes</a></li>
              <li><a href="174finances.htm">Financial Reports</a></li>
              <li><a href="bylaws.htm" target="_blank">Bylaws</a></li>
              <li><a href="mailto:[email protected]">Sign up for Free E-mail Newsletter </a></li>
              <li><a href="http://www.unit174partnership.com/" target="_blank">Find a partner!</a></li>
              <li><a href="#" class="MenuBarItemSubmenu">Honors</a>
                <ul>
                  <li><a href="texas_star.htm">Texas Stars</a></li>
                  <li><a href="charity_committee.htm">Charity Committee</a></li>
                  <li><a href="goodwill_committee.htm">Goodwill Committee</a></li>
                </ul>
              </li>
              <li><a href="memberstats.htm">Membership Charts</a></li>
              <li><a href="Photo_Gallery/gallery.php">Photo Gallery</a></li>
              <li><a href="mapof_174.htm">Unit Map</a></li>
              <li><a href="map.htm">Map with Club Info</a></li>
              <li><a href="Past_Tournaments.htm">Past Tournament Results</a></li>
              <li><a href="club_special_events.htm">Club Special Events</a></li>
              <li><a href="swiss_teams.htm">Swiss Teams</a></li>
              <li><a href="Randall's cards.pdf">Randall's Cards</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Masterpoint Races</a>
            <ul>
              <li><a href="Ace_Of_Clubs.htm" target="_blank">Ace of Clubs</a></li>
              <li><a href="Mini-McKenney.htm" target="_blank">Mini-McKenney</a></li>
              <li><a href="unit_masterpoints.php">Unit masterpoint holdings</a></li>
              <li><a href="2008mpraces.htm">2008 All Races 100 deep</a></li>
            </ul>
          </li>
          <li><a class="MenuBarItemSubmenu" href="#">Newer Player Resources</a>
            <ul>
              <li><a href="novice_games.htm">Intermediate/Novice Games</a></li>
              <li><a href="askateacher.htm">Ask a teacher</a></li>
              <li><a href="bridgelessons.htm">Bridge Lessons</a></li>
              <li><a href="#" class="MenuBarItemSubmenu">Mentor-Mentee Games</a>
                <ul>
                  <li><a href="http://www.bridgeclubofhouston.org/" target="_blank">Bridge Club of Houston</a></li>
                  <li><a href="http://www.houstonbridgestudio.com/Mentor_Novice.htm" target="_blank">Houston Bridge Studio</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Club Web Pages</a>
            <ul>
              <li><a href="#" class="MenuBarItemSubmenu">Houston</a>
                <ul>
                  <li><a href="Club_Web_Pages/Ace_of_Clubs.htm" target="_blank">Ace of Clubs</a></li>
                  <li><a href="Club_Web_Pages/Apple.html" target="_blank">Apple</a></li>
                  <li><a href="Club_Web_Pages/Apple_Too.html" target="_blank">Apple Too</a></li>
                  <li><a href="Club_Web_Pages/Forest_Club.html" target="_blank">Forest Club</a></li>
                  <li><a href="http://www.houstonbridgestudio.com/" target="_blank">Houston Bridge Studio</a></li>
                  <li><a href="Club_Web_Pages/Lakeside.html" target="_blank">Lakeside</a></li>
                  <li><a href="Club_Web_Pages/Racquet_Club.html" target="_blank">Racquet Club</a></li>
                  <li><a href="Club_Web_Pages/River_Oaks.html" target="_blank">River Oaks</a></li>
                  <li><a href="Club_Web_Pages/Southwest.html" target="_blank">Southwest</a></li>
                  <li><a href="Club_Web_Pages/Spring_Branch.html" target="_blank">Spring Branch</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Northside</a>
                <ul>
                  <li><a href="Club_Web_Pages/april_sound.htm" target="_blank">April Sound</a></li>
                  <li><a href="http://www.bridgeclubofhouston.org/" target="_blank">Bridge Club of Houston</a></li>
                  <li><a href="Club_Web_Pages/conroe.htm" target="_blank">Conroe</a></li>
                  <li><a href="Club_Web_Pages/Kingwood.html" target="_blank">Kingwood</a></li>
                  <li><a href="Club_Web_Pages/lakeconroe.htm" target="_blank">Lake Conroe</a></li>
                  <li><a href="Club_Web_Pages/livingston.htm" target="_blank">Livingston</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Southside</a>
                <ul>
                  <li><a href="http://www.acblunit174.org/clearlak/clearlake.htm" target="_blank">Clear Lake</a></li>
                  <li><a href="http://www.acblunit174.org/pasadena/pasadena.htm" target="_blank">Pasadena</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Lake Jackson</a>
                <ul>
                  <li><a href="Club_Web_Pages/bar-x.htm" target="_blank">Bar-X</a></li>
                  <li><a href="Club_Web_Pages/diamond_duplicate.htm" target="_blank">Diamond</a></li>
                  <li><a href="Club_Web_Pages/gulf_coast.htm" target="_blank">Gulf Coast</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Bryan/College Station</a>
                <ul>
                  <li><a href="Club_Web_Pages/aggieland.htm" target="_blank">Aggieland</a></li>
                  <li><a href="Club_Web_Pages/brazos.htm" target="_blank">Brazos</a></li>
                  <li><a href="Club_Web_Pages/briarcrest.htm" target="_blank">Briarcrest</a></li>
                  <li><a href="Club_Web_Pages/pebble_creek.htm" target="_blank">Pebble Creek</a></li>
                  <li><a href="Club_Web_Pages/star_duplicate.htm" target="_blank">Star</a></li>
                </ul>
              </li>
              <li><a href="#" target="_blank" class="MenuBarItemSubmenu">Sugar Land</a>
                <ul>
                  <li><a href="Club_Web_Pages/riverbender.htm" target="_blank">Riverbender</a></li>
                  <li><a href="Club_Web_Pages/sugarland_dbc.htm" target="_blank">Sugar Land</a></li>
                  <li><a href="Club_Web_Pages/Sugarland_Night.htm" target="_blank">Sugar Land Night</a></li>
                  <li><a href="Club_Web_Pages/valley_bend.htm" target="_blank">Valley Bend</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Scores</a>
            <ul>
              <li><a href="March.php">March</a></li>
              <li><a href="April.php">April</a></li>
              <li><a href="May.php">May</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">D16 &amp; ACBL Links</a>
            <ul>
              <li><a href="http://www.d16acbl.org/" target="_blank">District 16 Home Page</a></li>
              <li><a href="http://www.d16acbl.org/D16_Map.html" target="_blank">Map of District 16</a></li>
              <li><a href="http://www.d16acbl.org/D16_Results.html" target="_blank">District Tournament Results</a></li>
              <li><a href="http://www.d16acbl.org/D16_Calendar.html" target="_blank">District Calendar</a></li>
              <li><a href="http://www.d16acbl.org/D16_Scorecard.html" target="_blank">Scorecard</a></li>
              <li><a href="http://www.d16acbl.org/Honors/Jacoby/D16_Jacoby.html" target="_blank">Jacoby Awards</a></li>
              <li><a href="http://www.d16acbl.org/Honors/Texas_Star/D16_TexasStar.html" target="_blank">Texas Star Awards</a></li>
              <li><a href="http://www.acbl.org/" target="_blank">ACBL Home Page</a></li>
              <li><a href="http://web.acbl.org/CustomerLogin/login.do;jsessionid=0000zJMgbgs3BAR2ArmUm4Wn6Si:-1" target="_blank">Check your Masterpoints</a></li>
              <li><a href="http://web3.acbl.org/internet/AddressChangeApp.nsf/changeofaddress?OpenForm" target="_blank">Change info with ACBL</a></li>
              <li><a href="http://www.acbl.org/play/toolsSupplies.html" target="_blank">Make your own convention card</a></li>
              <li><a href="http://www.acbl.org/play/recent-results.php" target="_blank">Results of past NABCs</a></li>
              <li><a href="http://www.acbl.org/assets/documents/play/Laws-of-Duplicate-Bridge.pdf" target="_blank">Laws of Duplicate Bridge</a></li>
              <li><a href="#" class="MenuBarItemSubmenu">Find a club</a>
                <ul>
                  <li><a href="http://web2.acbl.org/As400/clubs/allClubs/uclub-TX.htm" target="_blank">Texas</a></li>
                  <li><a href="http://www.acbl.org/play/findClub.html" target="_blank">ACBL</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Non Bridge Links</a>
            <ul>
              <li><a href="http://www.aarpmagazine.org/games/" target="_blank">AARP Games</a></li>
              <li><a href="http://www.amazon.com/" target="_blank">Amazon.com</a></li>
              <li><a href="http://www.consumerworld.org/" target="_blank">Consumer World</a></li>
              <li><a href="http://www.onelook.com/" target="_blank">Dictionary</a></li>
              <li><a href="http://www.chron.com/" target="_blank">Houston Chronicle</a></li>
              <li><a href="http://www.google.com/" target="_blank">Google</a></li>
              <li><a href="http://maps.google.com/" target="_blank">Google Maps</a></li>
              <li><a href="http://www.b4-u-eat.com/" target="_blank">Houston Restaurant Guide</a></li>
              <li><a href="http://us.imdb.com/" target="_blank">Internet Movie Database</a></li>
              <li><a href="http://www.uclick.com/client/mma/uj/" target="_blank">Jigsaw Puzzle</a></li>
              <li><a href="http://patandlew.com/Movie%20Ratings.htm" target="_blank">Lew's Movie Reviews</a></li>
              <li><a href="http://medlineplus.gov/" target="_blank">Medical Information</a></li>
              <li><a href="http://www.netflix.com/" target="_blank">NetFlix</a></li>
              <li><a href="http://www.npr.org/" target="_blank">NPR</a></li>
              <li><a href="http://www.privateeye.com/?piid=06&" target="_blank">Public Info (Age, family)</a></li>
              <li><a href="http://www.yahoo.com/" target="_blank">Yahoo</a></li>
            </ul>
          </li>
        </ul>
        <!--End NavContainer div-->
      </div>
      <!-- InstanceBeginEditable name="Main_Content" -->
      <div id="container">
        <div id="mainContent">
          <h1>Register on the Unit 174 Web site</h1>
          <p>To begin the registration process, please fill in your ACBL number and click <strong>Submit</strong>.</p>
          <form action="<?php echo $editFormAction; ?>" method="post" name="registration_form" id="registration_form">
            <table>
              <tr>
                <td><label for="ACBL_Number">ACBL Number</label></td>
                <td><span id="sprytextfield1">
                  <input name="ACBL_Number" type="text" id="ACBL_Number" size="20" maxlength="20" />
                  <span class="textfieldRequiredMsg">A value is required.</span>
                  <span class="textfieldMinCharsMsg">Minimum number of characters not met.</span>
                  <span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span>
                  </span>
                </td>
                <td><input type="submit" name="submit" id="submit" value="Submit" /></td>
              </tr>
            </table>
          </form>
          <?php
             if ( isset($_POST['ACBL_Number'])) {
               if ($totalRows_rsACBLNumber > 0)  { 
              echo "<p>Great - your ACBL number was found.  Now enter a password, and confirm it. </p>";
              ?>
          <form id="Passwordform" name="Passwordform" method="post" action="">
            <table>
              <tr>
                <td><label for="password1">Password:</label></td>
                <td><span id="ValidatePasswordWidget">
                  <input name="password1" type="password" id="password1" value="" size="20" maxlength="20"/>
                  <span class="passwordRequiredMsg">A value is required.</span>
                  <span class="passwordMinCharsMsg">The minimum number of characters not met.</span>
                  <span class="passwordMaxCharsMsg">The maximum number of characters exceeded.</span>
                  <span class="passwordInvalidStrengthMsg">The password strength condition not met.</span>
                  <span class="passwordCustomMsg">User defined condition not met.</span>
                  </span>
                </td>
              </tr>
              <tr>
                <td><label for="confirmpassword">Re-enter password </label></td>
                <td><span id="ConfirmPasswordWidget">
                  <input type="password" id="confirmpassword" value="" size="20" maxlength="20" />
                  <span class="confirmRequiredMsg">A value is required.</span>
                  <span class="confirmInvalidMsg">The values do not match</span>
                  </span>
                </td>
              </tr>
              <tr>
                <td> </td>
                <td><input type="submit" name="submit" value="Submit" />
                </td>
              </tr>
            </table>
          </form>
          <?php  } else {
                 echo "<p>I'm sorry, but that ACBL number was not found in the database.</p>" ;
                 echo "<p>If you are a member of Unit 174, and haven't joined in the past month, </P>";
                     echo "<p>contact the Unit webmaster at the e-mail link shown below.</p>" ;
             ?>
        </div>
      </div>
    <script type="text/javascript">
        var sprytextfield1      = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"], minChars:7, maxChars:7});
            var password1           = new Spry.Widget.ValidationPassword("ValidatePasswordWidget", {validateOn:["blur"], minAlphaChars:3, minNumbers:1, maxSpecialChars:2, minChars:3, maxChars:8});
            var ConfirmWidgetObject = new Spry.Widget.ValidationConfirm("ConfirmPasswordWidget", "password1", {validateOn: ['blur']});
      </script>
      <!-- InstanceEndEditable -->
      <div id="footer"> <img src="images/ACBL Logo.gif" alt="ACBL Logo" width="58" height="55"class="left_image" /> <img src="images/Houston Logo-Small.png" alt="Unit 174 Logo" width="55" height="55" class="right_image"/>
        <h1>These pages &copy;ACBL Unit 174, All rights reserved.</h1>
        <p>This site maintained by the <a href="mailto:[email protected]">Unit 174 Webmaster</a>.</p>
        <p><a href="http://www.ACBLUnit174.org">www.ACBLUnit174.org</a></p>
        <!--End footer div-->
      </div>
      <!--End container div-->
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("NavList", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    <!-- InstanceEnd -->
    </html>
    <?php
    mysql_free_result($rsACBLNumber);
    ?>

    Folks -
    I have narrowed down the cause.
    This error appears if the form to which the confirm validation is applied is inside an if condition that is not met, causing the form not to appear in the html source.  It doesn't seem to affect the password validation similarly, just the confirm validation.
    Doesn't this have to be bug?  I'm not fluent in Javascript, so I'd sure appreciate someone telling my how to work around this.
    This is the structure that causes the error to be generated, but only when condition is FALSE.  If condition is TRUE, no error is generated.
    <?php if (condition) { ?>
      form with confirm validation
    <?php }; ?>
    Help anyone?

Maybe you are looking for

  • Windows XP SP3 does not recognize iPod Classic

    I have an older computer with Windows XP SP3 and iTunes 10.2.2.  iTunes does not recognize (load) my iPod Classic (160Gb model) when I plug it in.  The iPod lights up and charges fine, but it does not appear in the left menu bar in iTunes. I have an

  • Emac completely restore help

    how do i completely restore my emac to its factory settings? help please!

  • Export from FCE is different then the timeline

    hi there, when I try to export from FCE the output file is different from the video in my timeline. It concerns a screengrab recorded with QT10. That QT file is converted to a Apple intermediate codec - as I normally do with QT files. I edit it & the

  • AIRPORT vs. All Others? YOU CHOOSE!

    Hi Guys, Thanks for taking the time to read this and for your help. I appreciate it. I am finally going to make the move to a wireless connection. I truly need to maintain my speed, and security. I have a G5, and a G4 - 400. I wanted to know which wi

  • What is a BAPI.

    HAI pls tell me about a bapi.i know is a FM. what is the differance between normal FM and a BAPI. pls explain with a small senario..