Is that for the whole ID? (e.g. it maybe 'ext-gen439' once or 'blah-
foo3456' another)
Or only just the number at the end? (e.g. always begin with "ext-gen")
On Aug 26, 5:10 pm, John <jian.fang.subscr...@gmail.com> wrote:
> Also, it is not possible for us to use Ids because the ids are
> dynamically
> generated by the ExtJS framework.
>
> On Aug 26, 4:34 pm, James <james.gp....@gmail.com> wrote:
>
> > As Paolo mentioned, despite how it looks in a browser's source, the
> > internal representation within the DOM may be different depending on
> > the browser.
> > In one browser it could be:
> > overflow: auto; width: 356px; height: 100px;
>
> > in another it could be:
> > overflow:auto; width:356px; height:100px;
>
> > in another it could be:
> > overflow:auto;width:356px;height:100px;
>
> > There's got to be a better way to achieve what you want to do. Since
> > we have no idea what you're trying to do, maybe you could explain it
> > as to what the rhyme or reason to the selection sets you're trying to
> > select is.
> > Looking at the code you've provided, is it possible to use the ID in
> > anyway? You could do selections with conditions like "if ID begins
> > with 'ext-gen'" and other conditions along with that. As long as
> > you're not trying to read the style string.
>
> > On Aug 26, 4:06 am,John<jian.fang.subscr...@gmail.com> wrote:
>
> > > Thanks.
>
> > > Here is the html source,
>
> > > <div id="x-form-el-ext-comp-1043" class="x-form-element"
> > > style="padding-left: 130px;">
> > > <div id="ext-gen438" class="x-form-field-wrap" style="width:
> > > 360px;">
> > > <input id="programId" type="hidden" name="programId"
> > > value=""/>
> > > <input id="ext-comp-1043" class="x-form-text x-form-field
> > > x-combo-noedit" type="text" autocomplete="off"
> > > size="24" readonly="true" style="width: 343px;"/>
> > > <img id="ext-gen439" class="x-form-trigger x-form-arrow-
> > > trigger" style="overflow: auto; width: 356px; height: 100px;"
> > > src="images/s.gif"/>
> > > </div>
> > > </div>
>
> > > The style in the jQuery selector should match the one defined in the
> > > html source. I wonder if I
> > > did any other thing wrong here.
>
> > > Thanks,
>
> > >John
> > > On Aug 26, 6:45 am, Paolo Chiodi <chiod...@gmail.com> wrote:
>
> > > > Maybe that that the style attribute value should be exactly equal to
> > > > the one contained in html. I think style="A:B C:D" doesn't match
> > > > style="C:D A:B".
> > > > May also be that the browser has an internal rapresentation of the
> > > > style attribute slightly different from the one written in the html
> > > > (never tried to see with firebug some differen orders?).
>
> > > > Otherwise if you create the style attribute by using .css('A','B'),
> > > > you can't be sure of what the entire style attribute could be.
>
> > > > Paolo
>
> > > > On Tue, Aug 25, 2009 at 11:22 PM,John<jian.fang.subscr...@gmail.com>
> > > > wrote:
>
> > > > > Thanks Maurício for your quick response.
>
> > > > > I have a program to automatically generate jQuery selectors based on
> > > > > some UI element attributes and seems your syntax is not always
> > > > > working. For example,
>
> > > > > 1) working: $('div:has(input[type=text][readonly=true], img
> > > > > [style="overflow: auto; width: 356px; height: 100px;"]) img')
>
> > > > > 2) Not working: $('div:has(input[type=text][readonly=true]
> > > > > [style="width: 343px;"], img[style="overflow: auto; width: 356px;
> > > > > height: 100px;"]) img')
>
> > > > > 3) Not working: $('div:has(input[type=text][readonly=true], img
> > > > > [style="overflow: auto; width: 356px; height: 100px;"]) img
> > > > > [style="overflow: auto; width: 356px; height: 100px;"]')
>
> > > > > 4) Not working: $('div:has(input[type=text][readonly=true]
> > > > > [style="width: 343px;"], img[style="overflow: auto; width: 356px;
> > > > > height: 100px;"]) img[style="overflow: auto; width: 356px; height:
> > > > > 100px;"]')
>
> > > > > Here "not working" means it returns empty object where it should
> > > > > return non-empty object.
>
> > > > > Do you know what is wrong?
>
> > > > > Thanks again,
>
> > > > >John
>
> > > > > On Aug 25, 2:50 pm, "Mauricio \(Maujor\) Samy Silva"
> > > > > <css.mau...@gmail.com> wrote:
> > > > >> Sintax for the selector is:
>
> > > > >> $('img[style="overflow: auto; width: 356px; height: 100px;"]')
>
> > > > >> Maurício
> > > > >> -----Mensagem Original-----
> > > > >> De:John
> > > > >> Para: jQuery (English)
> > > > >> Enviada em: terça-feira, 25 de agosto de 2009 14:36
> > > > >> Assunto: [jQuery] jQuery selector for style attribute
>
> > > > >> Hi,
>
> > > > >> I want to select the following image using jQuery selector to see
> > > > >> if I
> > > > >> could use the style attribute,
>
> > > > >> <img id="ext-gen439" class="x-form-trigger x-form-arrow-trigger"
> > > > >> style="overflow: auto; width: 356px; height: 100px;" src="images/
> > > > >> s.gif"/>
>
> > > > >> but seems the selector
>
> > > > >> img[style=overflow: auto; width: 356px; height: 100px;]
>
> > > > >> does not work at all. What would be the correct selector for the
> > > > >> style
> > > > >> attribute?
>
> > > > >> Thanks in advance,
>
> > > > >> John
>
>
