I got the answer from jQuery group as follows, -------------------------------------------------------------------------------------------------------------------
The short answer is because the background color of the item you have selected is in fact transparent. Your style makes the <li> tag red. Then you query on a child element that has no color specified. The background color of the child element is 'transparent' which means that the color of something up the tree is what you will see. You will never see 'red' by looking at the child element. But what you can do (and jquery.color.js does this) is while you get 'transparent' then you can look at the parent object. You can walk up the tree until you get what you are looking for. ------------------------------------------------------------------------------------------------------------------ That is to say, the value 'transparent' is actually correct. To get the real color, we need to walk up the tree. I will see if I can add the support this. Thanks, Jian On Mon, Jan 11, 2010 at 10:42 AM, Jian Fang <[email protected]>wrote: > I manually tested the web page using the jQuery css command, but it also > returned > the "transparent" value instead of "red", i.e., rgb(255,0,0). Seems to be a > jQuery problem, > I have posted a question to jQuery user group and will let you know once I > get some > replies. > > Thanks, > > Jian > > > On Thu, Jan 7, 2010 at 9:51 AM, Jian Fang <[email protected]>wrote: > >> Yes, indeed, the color is (0,0,238) . For background color, I think you >> should use >> >> "background-color" >> >> >> http://docs.jquery.com/CSS/css >> >> But the wired problem is that I always got back the value "transparent". >> >> I will look into it. >> >> Thanks, >> >> Jian >> >> On Wed, Jan 6, 2010 at 8:25 PM, super fan 911 <[email protected]>wrote: >> >>> Not getting what I need. I have a list menu that changes the >>> background color of the current selected menu. I need to check that >>> the current menu item is selected by checking its background color. >>> here is my HTML and my UI def. >>> >>> <html> >>> <head> >>> >>> <style type="text/css"> >>> .content .division .category.selected { >>> background: red; >>> } >>> >>> </style> >>> </head> >>> <body> >>> >>> <div class="categories"> >>> <div class="content"> >>> <div class="body"> >>> <ul id="category-list"> >>> <li class="division"> >>> <ul> >>> <li class="category selected"> >>> <div class="title"> >>> <a href="/suv" >>> class="category-suv">SUVs (6)</a> >>> </div> >>> >>> </li> >>> >>> <li class="category category_69564"> >>> <div class="title"> >>> <a href="/4by4" >>> class="category-general">4x4 (6)</ >>> a> >>> </div> >>> >>> </li> >>> <li class="category category_73293"> >>> <div class="title"> >>> <a href="/hybrid" >>> class="category-hybrid">Hybrid</ >>> a> >>> </div> >>> </li> >>> </ul> >>> </li> >>> </ul> >>> </div> >>> </div> >>> </div> >>> >>> </body> >>> </html> >>> >>> >>> ui.Container(uid: "categories", clocator:[tag: "div", >>> class: >>> "categories"]) { >>> Container(uid: "body", clocator: [tag: "div", >>> class: "body"]){ >>> List(uid: "categoryList", clocator:[tag: >>> "ul", id: "category- >>> list"]) { >>> Container(uid: "all", >>> clocator:[tag: "li", class: "division"]){ >>> List(uid:"cat", clocator: >>> [tag: "ul"], separator: "li"){ >>> UrlLink(uid: >>> "all", clocator: [:]) >>> } >>> } >>> } >>> } >>> } >>> >>> getCSS("categories.body.categoryList[1].cat[1]", "background") returns >>> [] >>> getCSS("categories.body.categoryList[1].cat[1]", "color") returns rgb >>> (0,0,238) which is blue, the link color?, >>> >>> any ideas? >>> >>> >>> >>> On Dec 17 2009, 7:54 am, Jian Fang <[email protected]> wrote: >>> > Use the Mock Http Server in Tellurium, I got the following results: >>> > >>> > getCSS("uid","background") --> "" (empty string) >>> > >>> > getCSS("uid","color") -> "rgb(26, 26, 26)" >>> > >>> > getCSS("uid","background-color") -> "transparent" >>> > >>> > On Wed, Dec 16, 2009 at 5:20 PM, super fan 911 <[email protected] >>> >wrote: >>> > >>> > > I need to check the background color of an element. I tried: >>> > >>> > > getCSS("uid","background") --> this return a [] what is it >>> > > represent? an array or null? >>> > > getCSS("uid","color") >>> > > getCSS("uid","background-color") >>> > >>> > > <div class="c1"> >>> > >>> > > .c1 { >>> > > background: black none repeat >>> > > } >>> > >>> > > -- >>> > >>> > > You received this message because you are subscribed to the Google >>> Groups >>> > > "tellurium-users" group. >>> > > To post to this group, send email to >>> [email protected]. >>> > > To unsubscribe from this group, send email to >>> > > [email protected]<tellurium-users%[email protected]> >>> <tellurium-users%[email protected]<tellurium-users%[email protected]> >>> > >>> > > . >>> > > For more options, visit this group at >>> > >http://groups.google.com/group/tellurium-users?hl=en. >>> >>> -- >>> You received this message because you are subscribed to the Google Groups >>> "tellurium-users" group. >>> To post to this group, send email to [email protected]. >>> To unsubscribe from this group, send email to >>> [email protected]<tellurium-users%[email protected]> >>> . >>> >>> For more options, visit this group at >>> http://groups.google.com/group/tellurium-users?hl=en. >>> >>> >>> >>> >> >--
You received this message because you are subscribed to the Google Groups "tellurium-users" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to [email protected].
For more options, visit this group at http://groups.google.com/group/tellurium-users?hl=en.
