[Proto-Scripty] Re: Ajax.Autocompleter does not work properly in IE 6
I think this is something that comes down to how the individual browsers communicate with JavaScript. It seems as though clicking on a scrollbar takes focus away from the autocompleter in the browsers you've tried. I can't say whether this is solved in JQuery or not, if they use a different event to cancel the suggestion then maybe so. What does work for sure is not making the suggestion list scrollable. But that seems to be off the table for you for design reasons. Walter On Oct 7, 2008, at 5:24 PM, barkokhba wrote: > Walter, thanks for your interest. > I just tested with IE 7 and it shows the same behavior. FF 3 seems to > be the odd one (the only one working). > I think I give up with scriptaculous and try something else. Do you > think JQuery might work? Or is this entirely a CSS problem? --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Ajax.Autocompleter does not work properly in IE 6
Walter, thanks for your interest.
I just tested with IE 7 and it shows the same behavior. FF 3 seems to
be the odd one (the only one working).
I think I give up with scriptaculous and try something else. Do you
think JQuery might work? Or is this entirely a CSS problem?
On Oct 7, 10:04 pm, Walter Lee Davis <[EMAIL PROTECTED]> wrote:
> I've never tried having a scrollbar on the results -- that's where
> your problem is happening, I'm pretty sure -- clicking on the scroll
> area is technically clicking outside of the results list, which
> causes it to lose focus and die. My own hack around this problem is
> to only return 20 results.
>
> Walter
>
> On Oct 7, 2008, at 3:32 PM, barkokhba wrote:
>
>
>
> > I copied the example, but had to change the css by adding a height
> > and overflow attribute,
> > otherwise I don't get scrollbars.
> > This is the new css that I changed (last two attributes):
>
> > div.autocomplete {
> > position:absolute;
> > width:250px;
> > background-color:white;
> > border:1px solid #888;
> > margin:0px;
> > padding:0px;
> > height:100px;
> > overflow: scroll;
> > }
>
> > When I click on the scrollbar, the popup closes.
> > Do you have a working example somewhere?
>
> > On Oct 7, 8:30 pm, Walter Lee Davis <[EMAIL PROTECTED]> wrote:
> >> This may actually be a CSS issue more than anything else. Try making
> >> a single page example, with nothing but the "approved" CSS from the
> >> Scripty Wiki. It really does work here, no kidding, in all browsers
> >> that matter.
>
> >> Walter
>
> >> 1.http://github.com/madrobby/scriptaculous/wikis/ajax-autocompleter
>
> >> On Oct 7, 2008, at 1:34 PM, barkokhba wrote:
>
> >>> Walter you are right. But even if I just include effects.js and
> >>> controls.js
> >>> the popup still vanishes when I click the scrollbar. I just tested
> >>> this on my Mac at home
> >>> and the popup vanishes in Safari and Opera as well when I click the
> >>> scrollbar.
> >>> Only Firefox on the Mac allows me to scroll the list.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
[Proto-Scripty] Re: Ajax.Autocompleter does not work properly in IE 6
I've never tried having a scrollbar on the results -- that's where
your problem is happening, I'm pretty sure -- clicking on the scroll
area is technically clicking outside of the results list, which
causes it to lose focus and die. My own hack around this problem is
to only return 20 results.
Walter
On Oct 7, 2008, at 3:32 PM, barkokhba wrote:
>
> I copied the example, but had to change the css by adding a height
> and overflow attribute,
> otherwise I don't get scrollbars.
> This is the new css that I changed (last two attributes):
>
> div.autocomplete {
> position:absolute;
> width:250px;
> background-color:white;
> border:1px solid #888;
> margin:0px;
> padding:0px;
> height:100px;
> overflow: scroll;
> }
>
> When I click on the scrollbar, the popup closes.
> Do you have a working example somewhere?
>
> On Oct 7, 8:30 pm, Walter Lee Davis <[EMAIL PROTECTED]> wrote:
>> This may actually be a CSS issue more than anything else. Try making
>> a single page example, with nothing but the "approved" CSS from the
>> Scripty Wiki. It really does work here, no kidding, in all browsers
>> that matter.
>>
>> Walter
>>
>> 1.http://github.com/madrobby/scriptaculous/wikis/ajax-autocompleter
>>
>> On Oct 7, 2008, at 1:34 PM, barkokhba wrote:
>>
>>
>>
>>> Walter you are right. But even if I just include effects.js and
>>> controls.js
>>> the popup still vanishes when I click the scrollbar. I just tested
>>> this on my Mac at home
>>> and the popup vanishes in Safari and Opera as well when I click the
>>> scrollbar.
>>> Only Firefox on the Mac allows me to scroll the list.
> >
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
[Proto-Scripty] Re: Ajax.Autocompleter does not work properly in IE 6
I copied the example, but had to change the css by adding a height
and overflow attribute,
otherwise I don't get scrollbars.
This is the new css that I changed (last two attributes):
div.autocomplete {
position:absolute;
width:250px;
background-color:white;
border:1px solid #888;
margin:0px;
padding:0px;
height:100px;
overflow: scroll;
}
When I click on the scrollbar, the popup closes.
Do you have a working example somewhere?
On Oct 7, 8:30 pm, Walter Lee Davis <[EMAIL PROTECTED]> wrote:
> This may actually be a CSS issue more than anything else. Try making
> a single page example, with nothing but the "approved" CSS from the
> Scripty Wiki. It really does work here, no kidding, in all browsers
> that matter.
>
> Walter
>
> 1.http://github.com/madrobby/scriptaculous/wikis/ajax-autocompleter
>
> On Oct 7, 2008, at 1:34 PM, barkokhba wrote:
>
>
>
> > Walter you are right. But even if I just include effects.js and
> > controls.js
> > the popup still vanishes when I click the scrollbar. I just tested
> > this on my Mac at home
> > and the popup vanishes in Safari and Opera as well when I click the
> > scrollbar.
> > Only Firefox on the Mac allows me to scroll the list.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
[Proto-Scripty] Re: Ajax.Autocompleter does not work properly in IE 6
This may actually be a CSS issue more than anything else. Try making a single page example, with nothing but the "approved" CSS from the Scripty Wiki. It really does work here, no kidding, in all browsers that matter. Walter 1. http://github.com/madrobby/scriptaculous/wikis/ajax-autocompleter On Oct 7, 2008, at 1:34 PM, barkokhba wrote: > > Walter you are right. But even if I just include effects.js and > controls.js > the popup still vanishes when I click the scrollbar. I just tested > this on my Mac at home > and the popup vanishes in Safari and Opera as well when I click the > scrollbar. > Only Firefox on the Mac allows me to scroll the list. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Ajax.Autocompleter does not work properly in IE 6
Walter you are right. But even if I just include effects.js and controls.js the popup still vanishes when I click the scrollbar. I just tested this on my Mac at home and the popup vanishes in Safari and Opera as well when I click the scrollbar. Only Firefox on the Mac allows me to scroll the list. On Oct 7, 6:23 pm, Walter Lee Davis <[EMAIL PROTECTED]> wrote: > No, if you include scriptaculous, you get EVERYTHING. If you just > want one extra library, then you can use it. I can't recall what > Autocompleter needs, but I think it might be Controls, maybe Effects. > If you read the source of scriptaculous.js, you'll see that it's just > a loader, and nothing more. It guarantees that all of the libraries > are loaded in the correct order. > > Walter > > On Oct 7, 2008, at 12:10 PM, barkokhba wrote: > > > > > Thanks for taking an interest. > > > When I delete the scriptaculous.js import, Autocompleter does not work > > at all, so I guess it is needed. > > The way I understand the libraries are organized is that you always > > need scriptaculous.js, but the other libraries, e.g. effects.js, > > only when needed. > > > On Oct 7, 3:58 pm, Walter Lee Davis <[EMAIL PROTECTED]> wrote: > >> This might be part of the problem. If you include scriptaculous, it > >> will include all the rest of the scripty libraries. If you only want > >> controls, then include prototype and controls. That's the reason why > >> there are separate libraries -- to cut down on the overall size of > >> things. > > >> Walter > > >> On Oct 7, 2008, at 8:11 AM, barkokhba wrote: > > >>> > >>> --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Ajax.Autocompleter does not work properly in IE 6
No, if you include scriptaculous, you get EVERYTHING. If you just want one extra library, then you can use it. I can't recall what Autocompleter needs, but I think it might be Controls, maybe Effects. If you read the source of scriptaculous.js, you'll see that it's just a loader, and nothing more. It guarantees that all of the libraries are loaded in the correct order. Walter On Oct 7, 2008, at 12:10 PM, barkokhba wrote: > > Thanks for taking an interest. > > When I delete the scriptaculous.js import, Autocompleter does not work > at all, so I guess it is needed. > The way I understand the libraries are organized is that you always > need scriptaculous.js, but the other libraries, e.g. effects.js, > only when needed. > > On Oct 7, 3:58 pm, Walter Lee Davis <[EMAIL PROTECTED]> wrote: >> This might be part of the problem. If you include scriptaculous, it >> will include all the rest of the scripty libraries. If you only want >> controls, then include prototype and controls. That's the reason why >> there are separate libraries -- to cut down on the overall size of >> things. >> >> Walter >> >> On Oct 7, 2008, at 8:11 AM, barkokhba wrote: >> >>> >>> > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Ajax.Autocompleter does not work properly in IE 6
Thanks for taking an interest. When I delete the scriptaculous.js import, Autocompleter does not work at all, so I guess it is needed. The way I understand the libraries are organized is that you always need scriptaculous.js, but the other libraries, e.g. effects.js, only when needed. On Oct 7, 3:58 pm, Walter Lee Davis <[EMAIL PROTECTED]> wrote: > This might be part of the problem. If you include scriptaculous, it > will include all the rest of the scripty libraries. If you only want > controls, then include prototype and controls. That's the reason why > there are separate libraries -- to cut down on the overall size of > things. > > Walter > > On Oct 7, 2008, at 8:11 AM, barkokhba wrote: > > > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Ajax.Autocompleter does not work properly in IE 6
This might be part of the problem. If you include scriptaculous, it will include all the rest of the scripty libraries. If you only want controls, then include prototype and controls. That's the reason why there are separate libraries -- to cut down on the overall size of things. Walter On Oct 7, 2008, at 8:11 AM, barkokhba wrote: > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Ajax.Autocompleter does not work properly in IE 6
Hi,
I have isolated my problem. I am using prototype.js 1.6.0.1,
scriptaculous.js v1.8.1, controls.js v1.8.1.
In IE 6, if you click the scrollbar in the following autocomplete
popup, it vanishes and does not allow you to scroll through the list
items.
Everything works as it should in FF 3.
Any help and/or pointers are appreciated :-)
---begin testpage.html---
//
---end testpage.html---
--- begin content.html ---
otto1otto2otto3otto4
otto1otto2otto3otto4
otto1otto2otto3otto4
--- endcontent.html ---
---begin autocomplete.css ---
div.autocomplete {
background: #00ff00;
}
div.autocomplete ul {
list-style-type: none;
border: 1px solid #7f9db9;
margin: 2px 0px;
padding: 0px;
width: 554px;
min-height: 18px;
max-height: 180px;
height: expression(this.scrollHeight > 179 ? "180px" : "auto");
background-color: #ff;
overflow: auto;
}
div.autocomplete ul li {
list-style-type: none;
margin: 0px;
padding: 0px 2px;
background: #fff;
}
div.autocomplete ul li.selected {
background-color: #fddfc2;
font-weight: bold;
}
div.autocomplete ul strong.highlight {
background-color: #fdbf82;
margin: 0px;
padding: 0px 2px;
}
---end autocomplete.css ---
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
