Spry AutoSuggests Help

Hi,
So I have a Spry autosuggests widget and when the length of
the text field is < 3 i would like it to show ALL the details...
the results div is static and I use it as part of a master detail
layout.
Thanks in advance Phil.

Hi,
change your xml structure so that each quickLink tag is
wrapped in a quickStart tag, like this:
====================== new xml =================
<?xml version="1.0" encoding="iso-8859-1"?>
<newHire>
<quickStart>
<quickLink linkUrl="#">Accessing Activant systems and
launching the VPN</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Navigating the Employee
Intranet</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Using the Employee Training
Portal</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Using CEP</quickLink>
</quickStart>
</newHire>

Similar Messages

Spry Autosuggest: Show All

Does anyone know of a way to make the Spry AutoSuggest Widget show all options when you first click on it?
var SpryAutoSuggest3 = new Spry.Widget.AutoSuggest('statusform', 'suggestedStatus', 'dsStatus', 'statusType', {loadFromServer: true, urlParam: 'status'});
This grabs the data from the XML file as you type it. The XML is database generated on the fly. The XML either shows all the options, or just the ones beginning with the string passed to it from the form field.
I just want to show all the options when the field is first clicked, and allow them to type if they want to filter it down. My only other option is a normal select list, but thats not as fun
Cheers,
Steve

You can manually try to trigger the `onPostLoad` event: dsFaultCodes.notifyObservers('onPostLoad')
As usual I answer my own question just moments after posting it!
function showList(event){
    dsFaultCodes.removeAllFilters(true);
    dsFaultCodes.loadData();
    SpryAutoSuggest.showSuggestions(true);
This does work, but only once, if you clear the field and try to start again it wont list them all, just the last one you selected. For some reason the removeAllFilters isn't working.
Any ideas?
Cheers,
Steve
>

Spry Autosuggest

Hi,
I am trying to use spry autosuggest. I have written the below
code but I am not sure how to use the "loadfromserver". The adobe
documentation says to use {loadFromServer: true, urlParam: "prd"}.
What should be my urlParam? Will var dstest remain same? Thanks in
advance.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="SpryAssets/SpryData.js"
type="text/javascript"></script>
<script type="text/javascript"
src="lib/ajax_framework.js"></script>
<script language="JavaScript" type="text/javascript"
src="SpryAssets/SpryAutoSuggest.js"></script>
<link href="SpryAssets/SpryAutoSuggest.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>
<body>
<form action="" method="get" id="test">
<div id="mySuggest">
<input type="text" name="text1" value="Select Activity"
onfocus="if(this.value=='Select Activity')this.value='';"/>
<div id="resultsDIV" spry:region="dstest">
<li
spry:repeat="dstest"spry:suggest="{field}">{field}</li>
</div>
</div>
<script type="text/javascript">
var as1 = new Spry.Widget.AutoSuggest("mySuggest",
"resultsDIV", "dstest", "field", {containsString: true});
</script>
</form>
</body>
</html>

Are you still working on this?
If so, what server platform are you using? I'm pretty new to using Spry and I'm using Cold Fusion. I do have autosuggest working with using a Cold Fusion page to return data from the database.
You can read through the examples I have posted in another thread here where I was having a somewhat different problem. That is here:
http://forums.adobe.com/message/2689707
-Bill

I'm having problems with the Spry Widgets, Help!

I'm using Dreamweaver CS6 and Have installed it twice, to no avail. When I try to insert any of the spry widgets, I get the HTML code for the widget but none of the javascript or css code and I cannot figure out why. Also, The Spryassets folder never get created. Is there anyone that help me figure out what I might be doing wrong. If all you got is "Spry is no good, use Javascript", then don't bother responding. All other useful suggestions are greatly appreaciated,
K

Hi Fehmi76,
The article linked below details how to go about seeing what apps on your iPhone are using what amounts of space.
See how much storage you've used on your iPhone, iPad, and iPod touch
https://support.apple.com/en-us/HT201656
Regards,
Allen

Spry Autosuggest widget

Hi all
I an trying to use the spry auto suggest widget and so far it
works fine but I would like to be able to have the results div
overlay my web page rather than push the contents down as I am new
to all this I would appreciate any possible help or advice

In CSS, set your suggestion div class to position: absolute
and it will overlay instead of pushing the contents down.
Beware though, some things have the possibility of "bleeding
through" in IE6, and tabs in the tabbed panels will also bleed
through/overlay the suggestion div. If you have either of these
cases, you will have a lot of frustration ahead of you.

Spry Alerts Help

I have a page that is tabbed. The tabs are embeded in a form. The problem i am having is that i am using spry to validate the fields and as we know the alerts apear under the field. Well since i have differet form fields in different tabs, the user can't see the alerts if the alert is in the 2 or 3 tab. Is there anyway to get the alerts to show up in a different location like next to the submit button instead of under the field. Again because i have field on different tabs there is no way for a user to know why the form isn't submitting unless they check all the tabs. Thanks for any help.

Hi,
change your xml structure so that each quickLink tag is
wrapped in a quickStart tag, like this:
====================== new xml =================
<?xml version="1.0" encoding="iso-8859-1"?>
<newHire>
<quickStart>
<quickLink linkUrl="#">Accessing Activant systems and
launching the VPN</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Navigating the Employee
Intranet</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Using the Employee Training
Portal</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Using CEP</quickLink>
</quickStart>
</newHire>

Spry Bar Help

Original Question:
We use CS3 and have created a school website using the sprybar in Dreamweaver as our navigation bar. We have uploaded the spry assets folder and everything works great except for when we make changes to the sprybar, such as adding links. Currently, we have to update the navigation bar by copying the html and then opening and pasting the html into every page in the site, which is more than 100 pages. How do we make the sprybar automatically update whenever we make edits or changes to the sprybar?
We have tried creating the sprybar as a library item and it doesn't work unless it's a problem with Dreamweaver on the local computer communicating with the file on the server. We have played around with using the "include file" command.
As the site continues to get larger, this gets to be a much bigger problem. Any help is greatly appreciated.
Previous Answer Given:
http://foundationphp.com/tutorials/sprymenu/ssi.php
Current Question:
Ok, so we tried doing what was in the above tutorial. It all looks good on the dreamweaver side (I think...the spry bar doesn't show but it is replaced with a php icon). Is there something that needs to be done on the server side? Someone told me the server needed to be "activated" for php. What does this mean?
If php is not an option for us, is there another way to solve this issue?

Jmonday1 wrote:
> Alright guys I am kind of a newbie when it comes to
dreamweaver (I was always a
> fan of golive because of its simplicity). Anyways I am
running Dreamweaver Cs3
> and an older version of the spry scripts (1.4 because I
can't get the updater
> to work on my mac for whatever reason). Anyways I have
my bar layed out as I
> want and it looks great. the problem is it is invisible
in IE. I think its
> probably a filter setting but i'm not sure where its
at... I will attach a
> link, and if you guys want me to post the code I will I
know thats a lot to
> look at though. Any help would be greatly appreciated.
Sorry, not sure what this issue is, but you should try asking
in the Spry forums:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Also, just because you can't install the Spry updater
extension doesn't mean that you can't use the updated Spry files
(which may even help resolve the issue). Get the latest versions of
the files here:
http://labs.adobe.com/technologies/spry/home.html
Open the Download zip file and look for the widgets/menubar
folder, it'll contain the latest .js and .css files. The default
1.6.1 files in that package work in IE7, so it may be the specific
CSS that you're using for your page. SO you may want to rebuild
from the latest .js and .css files and apply your styling changes
and test while your doing that.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Spry formatting help

I just made a 4 item Spry menu for a website I am building. I can't seem to get it to format properly.
2 of the items have sub menus, but the pop-down portion of the sub menus isn't as wide as the main menu it pops down from. I have changed the sizes in sprybarHorizontal ul li or whatever and it will no look any different.
Also, as the length of the items in terms of the letters spelling out the item for example Home or Publications how can I get the items spaced out in terms of the actual text width and not some overall width, because it looks bad of there isn't the same amout of space inbetween the items, like:
Home Research Publications Contact
Those are the menu items and they are spaced out in terms of the space they are in but not how wide they actually are if you know what I mean.
Please help me with this. I am not even a computer science major I am a chemical engineer and I am being asked to do stuff that I am not qualified for.
Thanks

Have a look here http://labs.adobe.com/technologies/spry/samples/menubar/AutoWidthHorizontalMenuBarSample.h tml
Gramps

Spry MenuBar Help

Is there anyway to get the Spry MenuBar to align and work properly in each of the table cells, like the menu below it? I have placed each of the main buttons (home, core IT, option IT, biography and help) into a separate <td> cell. It's really annoying me, I spent around 5 hours yesterday just trying to get it to work, and it works outside of the table cell, but it appears like that inside <td> cells. =/
http://dylricho.com/portfolio/help/test.htm
Also, the error messages that popup on screen are confusing. Both of the files required are uploaded and in the same directory as all the other scripts. =/

1. Yes, but you must have a different menu ID and corresponding constructor for each table cell as follows
<td>
     <ul id="MenuBar">
     
     </ul>
</td>
<td>
     <ul id="MenuBar_2">
     
     </ul>
</td>
<script>
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
      widgetClass: "MenuBar MenuBarLeftShrink",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
// BeginOAWidget_Instance_2141544: #MenuBar_2
var MenuBar_2 = new Spry.Widget.MenuBar2("#MenuBar_2", {
      widgetID: "MenuBar_2",
      widgetClass: "MenuBar MenuBar_2LeftShrink",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script>
2, The online SpryWidget.js is corrupt. Upload a fresh un-corrupted version

Spry:repeat Help

Help. I am new to Spry (although been doing JS for years) and
am attempting to get a handle on it. Here is my issue. I am
attempting a simple spry:repeat and all I am getting is my last
node.
Here is the XML chunk:
<?xml version="1.0" encoding="iso-8859-1"?>
<newHire>
<quickStart>
<quickLink linkUrl="#">Accessing Activant systems and
launching the VPN</quickLink>
<quickLink linkUrl="#">Navigating the Employee
Intranet</quickLink>
<quickLink linkUrl="#">Using the Employee Training
Portal</quickLink>
<quickLink linkUrl="#">Using CEP</quickLink>
</quickStart>
</newHire>
HTML...
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<title>Spry Test</title>
<script src="includes/xpath.js"
type="text/javascript"></script>
<script src="includes/SpryData.js"
type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>
<body>
<div id="quickLinks" spry:region="dsNewHireQuickStart">
<ul>
<li
spry:repeat="dsNewHireQuickStart">{quickLink}</li>
</ul>
</div>
</body>
</html>
Thoughts?
~Clay

Hi,
change your xml structure so that each quickLink tag is
wrapped in a quickStart tag, like this:
====================== new xml =================
<?xml version="1.0" encoding="iso-8859-1"?>
<newHire>
<quickStart>
<quickLink linkUrl="#">Accessing Activant systems and
launching the VPN</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Navigating the Employee
Intranet</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Using the Employee Training
Portal</quickLink>
</quickStart>
<quickStart>
<quickLink linkUrl="#">Using CEP</quickLink>
</quickStart>
</newHire>

Ie Spry Menu help

Hey guys,
Im building a site with a spry menu on the left hand side. It
looks good in Safari but the dimensions are bad in ie. Can you tell
me what I'm doing wrong?
www.thecorpsofexcellence.org
Thanks for your help!
kcd

Hi,
I have a similar problem. Everything works in IE7 and FF, but
in IE6, my Spry Vertical menu appears in the wrong place on the
page. The outline of the menu is in the right place, but the actual
buttons are like a ghost in another place.

Spry Menu Help Needed

I have searched through the forum and did not find an answer
to this question.
I successfully created a horizontal menu using the spry
widget for horizontal menu.
The problem is that in IE, the menu throws the sub menus far
to the right. It functions beautifully in firefox and Safari.
PLEASE HELP!
Thanks!
Attached is the .css file:

The answer to this question is that the spry menu system for
a horizontal menu does not work if you align the top link to the
center. It worked fine when I set it back to the left.
Too bad.

Having Problem with Spry Menu - Help appreciated

Hello there
I am currently developing my website but I am having terrible problems with the spry menu. I have tried lots of things but not yet resolved the issue. I will try to give as much info as possible. My website is www.huntfilms.ie
When I am in dreamweaver the site looks fine and when I preview in browser also looks fine but when I have uploaded to server there is the problem as you can see.
I uploaded all the files that are required I think . I have attached a screen grab of my server view below. : I have six spry files : js,css and four giff files : I have included the code below. I would apprecaite help as been at this for best part of day with no luck ; going mad here
thanks
Barry
<script src="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
    <h1>Hunt Films</h1>
</div>
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/home.html">home</a>    </li>
    <li><a href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/sample.html">Sample work</a></li>
    <li><a href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/Contact.html">Contact Us</a>    </li>
</ul>
<div id="mainContent">
    <p><iframe src="http://player.vimeo.com/video/17962693?title=0&byline=0&portrait=0" width="400" height="320" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe> </p>
    <p> </p>
    <p>Welcome! </p>
    <p>Hunt Films was set up in January 2011 by documentary maker Barry Hunt.</p>
    <p>Barry received training in TV and Video Production with FÁS in Tralee, Co Kerry. During this training Barry produced a series of short films about local artists. In 2006 he worked as assistant editor on the successful RTÉ drama series, ‘Love is the Dfile:///Users/barryhunt/Desktop/Picture%201.pngrug’.</p>
    <p>Since 2010 Barry has embarked on solo projects producing two entertaining half hour documentaries. 'Liberation', explores the world of pigeon racing in Dublin. This film was very well received at the Galway Film Festival 2011. More recently Barry produced 'The Gregory Seat', a documentary which follows Maureen O'Sullivan’s campaign to be elected in the 2011 General Election.</p>
    <p>Barry looks forward to producing more documentaries. He is interested in human stories and hopes that this will form the basis of his future work. At present, Barry is developing projects for film festivals and general broadcast    </p>
    <p> </p>
</div>
<div id="footer">
    <p>Footer</p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
server view of files uploaded file:///Users/barryhunt/Desktop/Picture%201.png

here is the code still not working can anyone tell me why
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
    <h1>Header</h1>
</div>
<div id="mainContent">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
        <ul>
          <li><a href="#">Item 1.1</a></li>
          <li><a href="#">Item 1.2</a></li>
          <li><a href="#">Item 1.3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 2</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
        <ul>
          <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
            <ul>
              <li><a href="#">Item 3.1.1</a></li>
              <li><a href="#">Item 3.1.2</a></li>
            </ul>
          </li>
          <li><a href="#">Item 3.2</a></li>
          <li><a href="#">Item 3.3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 4</a></li>
    </ul>
    <h1> </h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
    <h2>H2 level heading </h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
</div>
<div id="footer">
    <p>Footer</p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Drop down spry menu help... please

I've been working on a website for the company I work for which helps abused, neglected, and abandoned kids. I am having a unique error on each one of my pages. I conduct a compatibility check with my pages and the same thing keeps popping up.... "Found 1 error in SpryMenuBarHorizontal.css" everything works fine in the newer safari and firefox browsers but if I open up IE or earlier versions of other browsers the error is a cluster. Could anyone please help me figure this thing out? I haven't really begun to style my menu because their is no use until I can get this thing nailed down. The link to my testing server is http://fiyahstudios.com/~sheriffs/ Any suggestions are welcome! please keep in mind that this is my first attempt on a website so it's not over-the-top by any means.
Thanks
Jimmy

I did some research and found that the ul.MenuBarHorizontal li.MenuBarItemIE was indeed the problem. Or in fact the background: #FFF reverted my menu bar to a white mass at the top of the page. I think I did get a bit over-zealous and deleted the whole folder. But it works with everything except with all browsers IE6 which is only 2% of the user population. But if anyone is having trouble with spry user-ability a helpful resource is: http://library.creativecow.net/articles/williams_richard/spry_menu_explained.php

SOS. SPRY MENU HELP

i would like to change the background of my spry horizontal
menu to an image saved on my computer.. the image is also the
layout of my website and i would like it to match. is it possible
for me do so this? SOS. hELP.. getting slightly fustrated.

quote:
Originally posted by:
V1 Fusion
ul.MenuBarHorizontal ul {SpryMenuBarHorizo... (line 84)
border:1px solid #CCCCCC;
width:auto;
add width:auto;
ul.MenuBarHorizontal ul {SpryMenuBarHorizo... (line 42)
change the position to position:static;
This just made the submienus visible all of the
time...

Spry AutoSuggests Help

Similar Messages

Maybe you are looking for