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 CS3Hi,
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
%> -
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!
JeremyThis 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 charactersHello,
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,
MaquellyHello 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&prd"
I was hoping that the above would create the following URL
parameter sting:
?id=23&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?
ThanksThanks. 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 -
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 & 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 ©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
-
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
-
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..