Javascript - find button in nested controls

Hi wilq32,

I'll try out Option 2 (option 1 won't work as I don't know full name)

R.e. option 3, I haven't worked with JQuery before so wouldn't know where to start with this. Will feed back once Option 2 works

Thanks

The option 2 is worst solution :) It means that it goes every all items on page and try to find proper name. It is always better if you can specify tag name (instead of getElementsByTagName('*') use a 'div'  or 'span'), or at least starting point more precisely than a whole document.

There is an error in snippet there:

instead of getElementByTagName type getElementsByTagName

I thought it was worst..but until I get a JQuery hat on it will do
I changed the typo, but a[i].getAttribute('id').test(name))  gives error "property not supported"

will this do
a[i].getAttribute('id') == name

test would require a regex

you can try:

   if (a[i]&&a[i].getAttribute &&(a[i].getAttribute('id')||"").test(name)) return a[i];

My bad ;)

hi, still got the error with code

(a[i].getAttribute('id') || "").test(name)      

Object doesn't support this property or method      Error

did you try my assist?

try using match and see
(a[i].getAttribute('id') || "").match(name)    

omg sorry my fault...

function findIdContains(name){

var a=document.getElementByTagName('*');
var b=new RegExp(name);
for (var i=0,l=i.length;i<j;i++)
   if (a[i]&&a[i].getAttribute &&(b.test(a[i].getAttribute('id') || "")) return a[i];

return null;

}

ElementsByTag ... uff

yes I did mention

"test would require a regex" :)

First idea was to use .match  but its really unperformant then switched to test but I do sometimes forgot that .test got oposit direction of testing regexp stuff... uff i'm overworked recently damn..

I've ended up going for the option 3 after all, entered into JQuery

            // find the button
            var ae = $("[id$=theButtonToFind]").attr("id");
            var theRefreshBtn = document.getElementsByName(ae)[0];
            theRefreshBtn.click();

this works when control is on same page, not on the parent window..need to work out how to get it on parent window now

$("[id$=theButtonToFind]",parent)   second argument is to define a scope to look in

thanks for more help....I'm not sure if nearly there yet.....see javascript below of what is happening /what trying to do

part 1 (hardcoded full string of parent works) - javascript find button and executes code-behind
part 2a does nothing at click. The debug gives [Object] [Object]
part 2b throws error

almost there I hope

// part 1
// successfully calls "Click" code-behind on parent
alert("btnID click");
var btnID = "aVeryLongStringOfUserControls_____xxx____theButtonToFind";
btnID = window.opener.document.getElementsByName(btnID)[0];
btnID.click();
 
 
// part 2a
alert("theRefreshBtn");
var theRefreshBtn = $("[id$=theButtonToFind]", parent);
theRefreshBtn.click();      // does nothing, no postback and no errors
 
// part 2b
alert("theButtonToFind2");
var theRefreshBtn2 = theRefreshBtn.attr("id");
alert(theRefreshBtn2);           // undefined
alert("theRefreshBtn2 click");
theRefreshBtn2.click();            // error
                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

ok so first of all what jQuery returns is not a DOM object, but more like jQuery array of objects (you could say).

Function .click(func)  in jQuery mean "attach event onclick to all items selected using jQuery selector, fire a func on that event".


Can you try do something like this:

var theRefreshBtn = $("[id$=theButtonToFind]", parent);
theRefreshBtn.each(function(){

   alert($(this).attr('id'));

});


then we see if it finds anything that might be usefull for you

hi, the attached gives no alert messages
var theRefreshBtn = $("[id$=theButtonToFind]", parent);
theRefreshBtn.each(function(){

   alert($(this).attr('id'));

});

further help very much appreciated

still no joy, neither of following give any alerts

        var theRefreshBtn = $("[id$=btnRefreshListOfItems]", top.window);
        theRefreshBtn.each(function() {
            alert($(this).attr('id'));
        });

        var theRefreshBtn = $("[id$=btnRefreshListOfItems]", top);
        theRefreshBtn.each(function() {
            alert($(this).attr('id'));
        });

(I have typed btnRefreshListOfItems correctly)

do you have any more suggestions?

solution eventually!

        var theRefreshBtn4 = $("[id$=btnRefreshListOfItems]", window.opener.document );
        theRefreshBtn4.each(function() {
            //alert("trial 5...here!");
            //alert($(this).attr('id'));
            var btnID = $(this).attr('id');
            var btn = window.opener.document.getElementsByName(btnID)[0];
            btn.click();
        });