Hi Everyone I am wanting to integrate a drop down scrollable area for the returned results from the autocomplete. Can anyone tell me how this is done. I have a standard autocomplete working. Thanks Uncle Mike --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Set the height of the drop down div and set it to overflow:scroll or overflow:auto ______________________________________________________________________ Alex Duffield ❖ Principal ❖ InControl Solutions . http:// www.incontrolsolutions.com On 24-Oct-07, at 4:21 AM, Open individual wrote:> > Hi Everyone > > I am wanting to integrate a drop down scrollable area for the returned > results from the autocomplete. > > Can anyone tell me how this is done. > > I have a standard autocomplete working. > > Thanks > > Uncle Mike > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Thank you for getting back to me Alex
It works but with one problem.
When scrolling down the list, the values not visible are not scrolled
into focus.
Here is my CSS
<style type="text/css">
div.auto_complete {
height: 100px;
width: 350px;
background: #fff;
overflow:scroll;
}
div.auto_complete ul {
border:1px solid #888;
margin:0;
padding:0;
width:100%;
list-style-type:none;
}
div.auto_complete ul li {
margin:0;
padding:3px;
}
div.auto_complete ul li.selected {
background-color: #ffb;
cursor:pointer;
}
div.auto_complete ul strong.highlight {
color: #800;
margin:0;
padding:0;
}
</style>
How do I now get the values to scroll into focus?
I can feel that I am close but something small is missing or
incorrectly set.
Thanks Alex for your help as I now almost have it going.
Do you know then how to get it to scroll into view.
Regards
Uncle Mike
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
Have You solved that problem, Mike? --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Nope still stuck Gugnin. Can you help me at all? I have played around with the CSS for hours and hours. Please please tell me you know how. Regards Uncle Mike --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Hi everyone
After sitting on this problem for too long I decided to re-post the
problem.
I have the problem that the minute the user scrolls up or down with
the down or up keyboard key then IE scrolls the whole page.
Firefox does not and works correctly.
I unfortunatly need to use the scroll because I have to display a
large amount of data. Therefore commenting scroll into view will not
do.
This is what I have in my controls.js
################################################################################
render: function() {
if(this.entryCount > 0) {
for (var i = 0; i < this.entryCount; i++) {
this.index==i ?
Element.addClassName(this.getEntry(i),"selected") :
Element.removeClassName(this.getEntry(i),"selected");
if (this.index == i) {
var element = this.getEntry(i);
element.scrollIntoView(false);
}
}
if(this.hasFocus) {
this.show();
this.active = true;
}
} else {
this.active = false;
this.hide();
}
},
################################################################################
This is what I have in my CSS
################################################################################
<style type="text/css">
div.auto_complete {
height: 100px;
width: 100px;
background: #fff;
overflow: scroll;
border: 1px solid #888;
}
div.auto_complete ul {
margin:0;
padding:0;
width:100%;
}
div.auto_complete ul li {
margin:0;
padding:3px;
}
div.auto_complete ul li.selected {
background-color: #ffb;
cursor:pointer;
}
div.auto_complete ul strong.highlight {
color: #800;
margin:0;
padding:0;
}
</style>
################################################################################
Please can anyone help me with this scroll problem in IE.
Thank you for any time and effort as I am really stuck.
Mike
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---