Account Options

  1. Sign in
The old Google Groups will be going away soon, but your browser is incompatible with the new version.
Google Groups Home
« Groups Home
CakePHP
Home
+ new post
About this group
Join this group
Autocomplete items above input instead of below
Options
There are currently too many topics in this group that display first. To make this topic appear first, remove this option from another topic.
There was an error processing your request. Please try again.
flag
   6 messages - Collapse all  -  Translate all to Translated (View all originals)
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
safl  
View profile  
 More options Feb 9 2009, 5:53 am
From: safl <simon.a.f.l...@gmail.com>
Date: Mon, 9 Feb 2009 02:53:14 -0800 (PST)
Local: Mon, Feb 9 2009 5:53 am
Subject: Autocomplete items above input instead of below
Print | Individual message | Show original | Report this message | Find messages by this author
Hey People,

How can i get Ajax::autoComplete() to popup suggestions above the
input element instead of below it?

This mockup illustrates what i want it to do:
http://i679.photobucket.com/albums/vv154/safl_dk/autocomplete.png
-safl


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Miles J  
View profile  
 More options Feb 9 2009, 6:01 am
From: Miles J <mileswjohn...@gmail.com>
Date: Mon, 9 Feb 2009 03:01:00 -0800 (PST)
Subject: Re: Autocomplete items above input instead of below
Print | Individual message | Show original | Report this message | Find messages by this author
Wouldn't you just edit the css to position somewhere else?

 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
safl  
View profile  
 More options Feb 9 2009, 11:02 am
From: safl <simon.a.f.l...@gmail.com>
Date: Mon, 9 Feb 2009 08:02:59 -0800 (PST)
Local: Mon, Feb 9 2009 11:02 am
Subject: Re: Autocomplete items above input instead of below
Print | Individual message | Show original | Report this message | Find messages by this author
Then let rephrase/  add the question: how do i edit the css to
position somewhere else?

On Feb 9, 12:01 pm, Miles J <mileswjohn...@gmail.com> wrote:


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
dr. Hannibal Lecter  
View profile  
 More options Feb 9 2009, 11:08 am
From: "dr. Hannibal Lecter" <lecter...@gmail.com>
Date: Mon, 9 Feb 2009 08:08:21 -0800 (PST)
Local: Mon, Feb 9 2009 11:08 am
Subject: Re: Autocomplete items above input instead of below
Print | Individual message | Show original | Report this message | Find messages by this author
Simply check which HTML elements are generated by the autocomplete
(via FireBug or whatever you use), and write some CSS for those
elements.

On Feb 9, 5:02 pm, safl <simon.a.f.l...@gmail.com> wrote:


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
safl  
View profile  
 More options Feb 9 2009, 11:51 am
From: safl <simon.a.f.l...@gmail.com>
Date: Mon, 9 Feb 2009 08:51:08 -0800 (PST)
Local: Mon, Feb 9 2009 11:51 am
Subject: Re: Autocomplete items above input instead of below
Print | Individual message | Show original | Report this message | Find messages by this author
Allrighty then...

Autocomplete() uses absolute positioning.

The default behavior adds the attribute "top: XXpx;".
For it to behave the way i want it i simply add the attribute:
"bottom: XXpx" and remove the attribute "top: XXpx;".

I've tried and tested it by using firebug and changing the attributes.

This is great I found the CSS i need, hurray.

But, the attribute "top" is constantly added dynamically and overrules
the effect of the "bottom" property.
How can work around this?

On Feb 9, 5:08 pm, "dr. Hannibal Lecter" <lecter...@gmail.com> wrote:


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
safl  
View profile  
 More options Feb 9 2009, 11:57 am
From: safl <simon.a.f.l...@gmail.com>
Date: Mon, 9 Feb 2009 08:57:28 -0800 (PST)
Local: Mon, Feb 9 2009 11:57 am
Subject: Re: Autocomplete items above input instead of below
Print | Individual message | Show original | Report this message | Find messages by this author
And the answer to my own question is to add the "!important" tag so
the properties aren't overridden.
For reference then this is the css i ended up with:

div.auto_complete {
  position: absolute;
  width: 150px;
  bottom: 60px !important;
  top: auto !important;
  background-color: white;
  border:1px solid #888;
  margin: 0;
  padding:0;
  z-index:200;

}

Thx, for input people!

On Feb 9, 5:51 pm, safl <simon.a.f.l...@gmail.com> wrote:


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
End of messages
« Back to Discussions « Newer topic     Older topic »

Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
©2012 Google